@charset "UTF-8"; @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 Pゴシック","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 #e5e5e5; padding: 4px; 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 { 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 #e5e5e5; 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; 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 { overflow: hidden; color: #666; width: 100%; clear: both; font-size: 85.7%; } #headerTop #site-description { font-size: 10px; line-height: 135.7%; padding: 2px 0px; display: none; } /*-------------------------------------------*/ /* #header /*-------------------------------------------*/ #header { display: block; text-align: left; } #header .innerBox { width: 100%; } #header #site-title { font-size: 24px; margin: 10px 0 10px 15px; position: relative; font-weight: lighter; } #header #site-title a { color: #000; font-weight: bold; text-decoration: none; } #header #site-title a img { max-height: 35px; } /*-------------------------------------------*/ /* #gMenu /*-------------------------------------------*/ #gMenu { clear: both; display: block; overflow: visible; position: relative; width: 100%; } #gMenu .assistive-text { display: block; overflow: hidden; font-weight: lighter; font-family: 'Lato', sans-serif; cursor: pointer; background-color: #f5f5f5; width: 2.5em; position: absolute; top: -45px; right: 15px; text-align: center; } #gMenu .assistive-text span { display: block; overflow: hidden; padding: 3px 0; margin: 0; } #gMenu .assistive-text span:before { font-family: 'vektor_kado_icons'; margin-right: 0px; } #gMenu .screen-reader-text { position: absolute; left: -9000px; } #gMenu .innerBox { overflow: visible; display: block; position: relative; padding: 0px; margin: 0px; width: 100%; } .headSubMenu li { float: left; } .headSubMenu li a { text-decoration: none; color: #666; } .headMainMenu { font-size: 0.929em; list-style: none; margin: 0px 0px 0px; padding: 0px; display: block; overflow: visible; } .headMainMenu li { position: relative; width: 100%; display: block; } .headMainMenu li:last-child { border-bottom: none; } .headMainMenu li a { display: block; overflow: hidden; position: relative; color: #333; padding: 13px 10px 11px; margin: 0px; line-height: 110%; text-decoration: none; letter-spacing: 0px; } @media (max-width: 969px) { .headMainMenu li a { padding-left: 10px; text-align: left; border-bottom: 1px solid #e5e5e5; } .headMainMenu li a span { display: none; } .headMainMenu li ul li a { padding-left: 20px; } .headMainMenu li ul li ul li a { padding-left: 30px; } #header .assistive-text span:before, #header.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: "\29"; } #header .headMainMenu .menu, #header.itemClose .headMainMenu .menu { display: none; } #header.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: "\2a"; } #header.itemOpen .headMainMenu .menu { display: block; border-top: 1px solid #e5e5e5; } } /*-------------------------------------------*/ /* #pageTitBnr /*-------------------------------------------*/ #pageTitBnr { margin: 0px; clear: both; } #pageTitBnr #pageTitInner { display: block; overflow: hidden; } #pageTitBnr #pageTitInner #pageTit { font-size: 22px; font-weight: bold; display: inline; float: left; margin-right: 20px; margin-top: 20px; margin-bottom: 18px; line-height: 105%; } #pageTitBnr #pageTitInner #titleTxtSub { text-align: left; color: #999; font-size: 14px; letter-spacing: 3px; float: left; margin-top: 25px; line-height: 105%; } /*-------------------------------------------*/ /* #panList /*-------------------------------------------*/ #panList { clear: both; font-size: 12px; 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 { clear: both; display: block; display: none; margin-bottom: 20px; } #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; clear: both; } #content .entry-meta { margin-bottom: 15px; font-size: 11px; color: #666; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle { clear: both; font-size: 128.6%; padding: 0; font-weight: bold; color: #333; position: relative; line-height: 133.3%; } #content h1, #content h2, #content h3, #content h4, #content h4, #content h5, #content h6, #content .leadTxt { color: #333333; } #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: 30px 0px 20px; padding: 2px 0px 0px 0px; } #content h4 { clear: both; font-size: 121.4%; line-height: 120%; margin: 30px 0px 15px; padding: 10px 0px 2px; } #content h5 { clear: both; font-size: 114.3%; line-height: 120%; margin: 30px 0px 15px; padding: 10px 0px 0px; } #content h6 { clear: both; font-size: 100%; line-height: 120%; margin: 30px 0px 15px; padding: 10px 0px 0px; } #content p { margin-bottom: 20px; padding: 0px 5px; } #content blockquote { 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 { margin-top: 0; } #content strong { font-weight: bold; } #content ul, #content ol { margin: 0px 0px 20px 30px; } #content ul li, #content ol li { list-style: disc; padding: 0px; } #content ul ul, #content ol ul { margin-top: 10px; } #content ul ul li, #content ol ul li { list-style: circle; } #content li { margin-bottom: 10px; } #content ol li { list-style: decimal; padding: 0px; } #content table { border-top: 1px solid #e5e5e5; margin: 5px -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 { 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 #e5e5e5; 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 { padding-bottom: 3px; margin-bottom: 10px; } #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 #e5e5e5; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; 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: 141.7%; 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 #e5e5e5; 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: 80px !important; } /* .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 #e5e5e5; 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 #e5e5e5; 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 #e5e5e5; } /* 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 .localSection { margin-bottom: 50px; } .sideTower .localHead { font-size: 14px; color: #333; padding: 13px 0px 10px; font-weight: bold; position: relative; } .sideTower .localHead a { text-decoration: none; color: #333; } .sideTower .localHead a:hover { text-decoration: underline; } .sideTower .sideWidget { margin: 0 0 20px; } .sideTower .sideWidget li { list-style: none; border-bottom: 1px dotted #ccc; font-size: 85.7%; line-height: 135.7%; /* 子 */ /* 孫 */ } .sideTower .sideWidget li a { display: block; padding: 13px 10px 11px; text-decoration: none; } .sideTower .sideWidget li a img { margin: 0 auto; } .sideTower .sideWidget li ul { display: block; margin: 0px; } .sideTower .sideWidget li li { display: block; border-bottom: none; border-top: 1px dotted #ccc; } .sideTower .sideWidget li li a { padding: 11px 10px 9px 15px; } .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 { background-color: #efefef; } .sideTower .sideWidget .textwidget { padding-top: 10px; } .sideTower .sideWidget .textwidget img { display: block; margin: 0 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 0px 11px; } .sideTower .sideWidget ul#recentcomments li a { padding: 0; background: none; } .sideTower .sideWidget select { margin: 10px 0; padding: 5px; width: 100%; border: 1px solid #e5e5e5; } .sideTower .sideWidget select option { padding: 2px 5px; } .sideTower ul#snsBnr { border-top: 1px solid #e5e5e5; margin-bottom: 20px; text-align: center; } .sideTower ul#snsBnr li { border-bottom: 1px solid #e5e5e5; } .sideTower li.sideBnr { margin-bottom: 10px; } .sideTower li.sideBnr#sideContact { margin-bottom: 10px; } .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; } /*-------------------------------------------*/ /* #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 #e5e5e5; } #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 #e5e5e5; } #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 #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: 15px; display: block; overflow: hidden; } #content .topPr { margin-bottom: 25px; } #content .topPr .topPrOuter { display: block; overflow: hidden; padding: 10px 0; } #content .topPr h3 { margin: 0px 0px 8px; line-height: 135.7%; font-size: 16px; font-weight: lighter; } #content .topPr h3 a { text-decoration: none; color: #333; } #content .topPr p a { text-decoration: none; line-height: 17px; color: #666; } #content .topPr a:hover { text-decoration: underline; } #content .topPr p.topPrDescription { margin-bottom: 0px; font-size: 14px; line-height: 135.7%; padding: 0px; } #content .topPr .prImage { float: left; width: 70px; margin-right: 10px; overflow: hidden; margin-bottom: 10px; } #content .topPr .prImage a { display: block; overflow: hidden; border: 1px solid #e5e5e5; padding: 1px; } #content .topPr .prImage img.imageWide { display: none; } #content .topPr .prImage img.imageSmall { display: block; } #content .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 h5 { margin: 0px 0 10px; padding: 0px; font-weight: lighter; font-size: 14px; } #content ul.linkList { margin: 0px 0 15px; 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 { 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; } #content .topPr { display: block; overflow: hidden; } #content .topPr .topPrOuter { padding: 0px; border-bottom: none; margin-bottom: 20px; } #content .topPr #topPrLeft { width: 33.1%; text-align: left; float: left; display: block; overflow: visible; } #content .topPr #topPrCenter { width: 33.1%; text-align: center; float: left; display: block; overflow: visible; } #content .topPr #topPrRight { width: 33.1%; text-align: right; float: right; display: block; overflow: visible; } #content .topPr #topPrLeft .topPrInner { float: left; } #content .topPr #topPrCenter .topPrInner { margin: 0px auto; } #content .topPr #topPrRight .topPrInner { float: right; } #content .topPr .topPrInner { text-align: left; width: 95%; } #content .topPr h3 { margin-bottom: 15px; } #content .topPr h3 a { display: block; overflow: hidden; } #content .topPr p { padding: 0px; } #content .topPr p.topPrDescription { font-size: 85.7%; } #content .topPr .prImage { float: none; width: 100%; margin-right: 0px; } #content .topPr .prImage img { height: auto; width: 100%; } #content .topPr .prImage img.imageWide { display: block; } #content .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; 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 { padding: 0px 15px 0px 0px; } #footMenu .menu li.lastChild a { border-right: none; } #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: 970px) { /* スクロール分余裕に20px */ body { line-height: 150%; } #headerTop { display: block; } #headerTop #site-description { line-height: 150%; font-size: 12px; display: block; } #header { padding-bottom: 15px; } #header .innerBox #site-title { margin-top: 15px; margin-bottom: 0; margin-left: 0; } #header .innerBox #site-title img { max-height: 45px; } #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; } .innerBox, #gMenu #gMenuInner.innerBox { width: 950px; margin: 0px auto; } #gMenu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #gMenu .innerBox { margin: 0; width: 100%; } #gMenu.itemClose .menu, #gMenu.itemOpen .menu { display: block; } #gMenu .menu:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #gMenu { position: relative; } #gMenu .assistive-text { position: absolute; top: -9000px; } .headMainMenu { clear: both; } .headMainMenu li { float: left; border-bottom: none; overflow: visible; width: auto; } .headMainMenu li a { text-align: center; } .headMainMenu li a span { display: block; font-size: 10px; line-height: 140%; letter-spacing: 1px; font-family: verdana, Arial, Helvetica, sans-serif; opacity: 0.6; } .headMainMenu li ul { display: none; } .headMainMenu li:hover ul { display: block; position: absolute; z-index: 100; position: absolute; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .headMainMenu li:hover ul li { background: #fff; width: 200px; position: relative; } .headMainMenu li:hover ul li a { text-align: left; line-height: 140%; } .headMainMenu li:hover ul li ul { position: absolute; left: 200px; top: 10px; border-top: none; } .headMainMenu li:hover ul li ul, .headMainMenu li:hover ul li ul li { display: none; } .headMainMenu li:hover ul li:hover ul, .headMainMenu li:hover ul li:hover ul li { display: block; } .headMainMenu li:hover li a, .headMainMenu li.current_page_item li a, .headMainMenu li.current-menu-ancestor li a, .headMainMenu li.current-page-ancestor li a, .headMainMenu li.current_page_ancestor li a { background: none; text-align: left; border-right: none; } .headMainMenu li:hover li a:hover, .headMainMenu li.current_page_item li a:hover, .headMainMenu li.current-menu-ancestor li a:hover, .headMainMenu li.current-page-ancestor li a:hover, .headMainMenu li.current_page_ancestor li a:hover { background-color: #f5f5f5; } #header .innerBox { width: 950px; } #main #container { padding-top: 30px; } #main #container #content { float: left; width: 660px; } #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; } form#searchform input#searchsubmit { width: 20%; } #content .mainFootContact .mainFootBt a img { width: 100%; } #topMainBnr { width: 100%; } #topMainBnr img { width: 950px !important; max-width: 950px !important; } #topMainBnrFrame { width: 950px; min-height: 250px; } /* .childPageBox /*-------------------------------------------*/ #content .childPageBox { display: block; overflow: hidden; margin-top: 20px; border: 1px solid #e5e5e5; padding: 0px; width: 100%; box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; 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: 660px; float: right; padding-top: 0px; font-size: 12px; } #footer dl#footerOutline { float: left; width: 260px; } #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 /*-------------------------------------------*/ @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 /*-------------------------------------------*/ #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; } form#searchform { color: #666; padding: 0; background-color: #efefef; } form#searchform input { background-color: #efefef; border: none; box-shadow: inset 0 0 0 #efefef; } form#searchform input#s { width: 95%; } form#searchform input:focus, form#searchform input:active { border: none; } form#searchform input#searchsubmit { margin: 0; position: absolute; right: 0; } .moreLink { display: block; overflow: hidden; position: relative; } .moreLink a { display: block; overflow: hidden; float: right; padding: 2px 17px 1px 10px; text-align: left; font-size: 11px; line-height: 140%; background-color: #efefef; } .moreLink a:hover { color: #fff; } .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: "\2b"; padding: 2px 2px 0 5px; position: absolute; right: 2px; } #headerTop { border-top: 2px solid #000; background-color: #f9f9f9; } #headerTop #site-description { color: #999; } #header { background-color: #fff; } #gMenu ul.menu a strong { font-weight: lighter; } .headSubMenu 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; } @media (max-width: 969px) { #gMenu .assistive-text { border: 1px solid #ccc; box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.9); color: #fff; color: #333; } #gMenu .assistive-text span { font-size: 0; line-height: 0; } #gMenu .assistive-text span:before { font-size: 24px; line-height: 24px; } #gMenu .headMainMenu ul li { background-color: #f5f5f5; box-shadow: inset 0px 1px 0px 0px white; } #gMenu .headMainMenu ul li a:after { float: right; 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"; } } #pageTitBnr { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background-color: #f9f9f9; background-color: #fff; color: #fff; } #pageTitBnr #pageTitInner { background: url(../images/pageTit_bg.png) left 50% no-repeat; padding: 0 17px; } #pageTitBnr #pageTitInner #pageTit { font-weight: lighter; width: 100%; /*iPhone4sでの表示不良対策の為に100%は必要*/ } #panList { background-color: #fcfcfc; } #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 { border-top: 1px solid #e9e9e9; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle, #content .sideWidget h4 { border-top: 2px solid #666; border-bottom: 1px solid #efefef; background-color: #f9f9f9; padding: 12px 12px 9px; font-weight: lighter; font-size: 150%; } #content h3 { border-bottom: 1px solid #ccc; position: relative; font-weight: lighter; padding-bottom: 5px; font-size: 150%; } #content h3:after { content: "."; line-height: 0; width: 30%; display: block; overflow: hidden; border-bottom: 1px solid #e90000; position: absolute; bottom: -1px; } #content blockquote, #content .sectionFrame { box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.05); border: 1px solid #ccc; margin-bottom: 20px; padding: 20px 20px 5px; margin-bottom: 20px; } #content blockquote h2, #content blockquote h3, #content blockquote h4, #content blockquote h5, #content .sectionFrame h2, #content .sectionFrame h3, #content .sectionFrame h4, #content .sectionFrame h5 { margin-top: 0px; margin-bottom: 15px; } #content h3, #content h4, #content h5, #content h6 { font-weight: lighter; } #content h4 { padding-top: 0; border-bottom: 1px solid #e9e9e9; box-shadow: 0px 1px 0px white; } #content table { border-top: 1px solid #e9e9e9; border-spacing: 1px; border-collapse: inherit; } #content table th, #content table td { border: none; margin-right: 2px; border-bottom: 1px solid #e9e9e9; } #content table th { font-weight: lighter; } #content .infoList .infoCate a { background: none; } #content .childPageBox { box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.05); border: 1px solid #ccc; margin-bottom: 20px; } #content .childPageBox h4 { border-bottom: 1px solid #e9e9e9; } #content .mainFootContact { padding: 15px 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } #content .child_page_block { box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.05); border: 1px solid #ccc; margin-bottom: 20px; } #content .child_page_block .child_page_blockInner { padding: 18px; margin: 0; } #content .child_page_block h4 { border-bottom: 1px solid #e9e9e9; position: relative; font-size: 114.3%; } #content .child_page_block h4:after { content: "."; line-height: 0; width: 30%; display: block; overflow: hidden; border-bottom: 1px solid #e90000; position: absolute; bottom: -1px; } .sideTower .localHead { border-top: 2px solid #666; border-bottom: 1px solid #efefef; background-color: #f9f9f9; padding: 12px 12px 9px; font-weight: lighter; } .sideTower .sideWidget 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 .sideWidget li a { padding-left: 25px; color: #666; } .sideTower .sideWidget li a:first-letter { margin-left: -20px; } .sideTower .sideWidget li ul li { font-size: 12px; } .sideTower .sideWidget li ul li a { padding-left: 25px; } .sideTower .sideWidget 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 .sideWidget li ul li a:first-letter { margin-left: -20px; border: 1px solid rgba(255, 255, 255, 0); } .sideTower .ttBoxSection { padding: 0; } .sideTower .ttBoxSection .ttBox { padding: 13px 0px 11px; border-bottom: 1px dotted #ccc; 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 #cccccc; } #footerSection #pagetop { display: none; } #pagetop a { color: #fff; margin-bottom: 0; border: none; position: relative; } #pagetop a { margin-top: 5px; padding: 5px 15px 5px; } #pagetop a:hover { margin-top: 0; padding-bottom: 10px; } #pagetop 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: "\41"; margin-right: 5px; top: 1px; position: relative; } /*-------------------------------------------*/ /* #footMenu /*-------------------------------------------*/ #footMenu { border-top: 2px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } #footMenu .innerBox { width: 100%; } #footMenu .innerBox a { color: #888; } #footMenu .innerBox .menu li a { background: url(../images/icon_arrow1_gray.gif) 10px 50% no-repeat; padding: 8px 15px 8px 28px; } #footMenu .innerBox .menu li a:hover { background-image: url(../images/icon_arrow1_red.gif); } #footMenu .innerBox .menu li a:hover { text-decoration: none; } #footMenu .innerBox .menu li:last-child { border-bottom: none; } /*-------------------------------------------*/ /* #footer /*-------------------------------------------*/ #footer { padding: 0; background-color: #f5f5f5; } #footer .innerBox { padding-top: 25px; width: 100%; } #footer .innerBox a { color: #888; } #footer dl#footerOutline { margin-left: 10px; } /* #footerSiteMap /*-------------------------------------------*/ #footerSiteMap .menu { border-top: 1px solid #e5e5e5; } #footerSiteMap .menu li a { border-bottom: 1px solid #e5e5e5; background: url(../images/icon_arrow1_gray.gif) 10px 50% no-repeat; padding: 8px 15px 8px 28px; } #footerSiteMap .menu li a:hover { background-image: url(../images/icon_arrow1_red.gif); } #footerSiteMap .menu li ul li a { background: url(../images/icon_arrow2_gray.gif) 12px 50% no-repeat; padding: 8px 15px 8px 28px; } #footerSiteMap .menu li ul li a:hover { background-image: url(../images/icon_arrow2_red.gif); } #siteBottom { background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } #siteBottom #siteBottomInner.innerBox { padding-top: 0; } #siteBottom #siteBottomInner.innerBox #copy { padding-top: 15px; } #siteBottom #siteBottomInner.innerBox #powerd { color: #333; } #siteBottom #siteBottomInner.innerBox #powerd a { color: #454545; } #topMainBnr { background-color: #fafafa; border-top: 1px solid #e9e9e9; } #topMainBnrFrame { padding: 0px; width: 100%; } #topMainBnrFrame ul.slides { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } #topPr { border-top: 1px dotted #e9e9e9; } #topPr .topPrOuter { border-bottom: 1px dotted #e9e9e9; } #topPr .topPrOuter h3 { border-bottom: none; } #content .infoList .rssBtn { margin-right: 10px; } /*-------------------------------------------*/ /* コンテンツ推奨サイズより大きい場合 /*-------------------------------------------*/ @media (min-width: 660px) { /* スクロール分余裕に20px */ #content #topPr { border-top: none; } #content #topPr .topPrOuter { border-bottom: none; } #content #topPr .topPrOuter .topPrInner { padding: 0 6%; width: 88%; border-right: 1px solid #e9e9e9; } #content #topPr #topPrLeft .topPrInner { border-left: 1px solid #e9e9e9; } #content #topPr h3 { border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; padding-bottom: 2px; } #content #topPr h3:after { border-bottom-width: 1px; bottom: -1px; } } /*-------------------------------------------*/ /* pc iPad3より大きい場合 /*-------------------------------------------*/ @media (min-width: 770px) { #footMenu { background-color: #f5f5f5; } #footMenu .innerBox { padding: 0px 25px 0px; } #footMenu .innerBox .menu { padding: 10px 0; } #footMenu .innerBox .menu li a { background-position: left 50%; padding: 0 20px 0 18px; } #footer .innerBox { width: 94%; padding-bottom: 20px; } #footer .innerBox dl#footerOutline { margin-left: 0px; } #footerSiteMap .menu { border-top: none; } #footerSiteMap .menu > li { margin-right: 10px; } #footerSiteMap .menu li { width: 150px; } #footerSiteMap .menu li a { padding: 2px 0 2px 18px; background-position: left 50%; border-bottom: none; } #footerSiteMap .menu li ul li a { padding: 2px 0 2px 18px; background-position: 2px 5px; } .three_column #main #container { position: relative; } .three_column #main #container #thirdTower { margin-right: 0; } } /*-------------------------------------------*/ /* フルサイズ /*-------------------------------------------*/ @media (min-width: 970px) { /* スクロール分余裕に20px */ .innerBox, #panList .innerBox, #footMenu .innerBox, #footer .innerBox, #topMainBnrFrame, #pageTitBnr .innerBox, #topMainBnrFrame { width: 950px; padding-left: 0; padding-right: 0; margin: 0 auto; } #topMainBnr img { width: 950px !important; } #gMenu { float: right; clear: none; width: auto; padding-left: 30px; } #gMenu #gMenuInner.innerBox { width: auto; } #gMenu:after { content: ""; display: inherit; } .headMainMenu { margin-top: 25px; } .headMainMenu .menu > li:first-child a { border-left: 1px solid #e5e5e5; } .headMainMenu .menu li > a { border-right: 1px solid #e5e5e5; padding: 3px 20px; } .headMainMenu .menu li.current_page_item, .headMainMenu .menu li.current_page_ancestor, .headMainMenu .menu li.current-page-ancestor, .headMainMenu .menu li:hover { box-shadow: inset 0px 0px 0px 2px white; } .headMainMenu .menu li.current_page_item ul li, .headMainMenu .menu li.current_page_ancestor ul li, .headMainMenu .menu li.current-page-ancestor ul li, .headMainMenu .menu li:hover ul li { border-bottom: 1px dotted #e5e5e5; } .headMainMenu .menu li.current_page_item ul li a, .headMainMenu .menu li.current_page_ancestor ul li a, .headMainMenu .menu li.current-page-ancestor ul li a, .headMainMenu .menu li:hover ul li a { margin: 0; padding: 10px 15px; } form#searchform input#searchsubmit { width: auto; } } /*-------------------------------------------*/ /* color /* そのまま貼るのでsassで書かない */ /*-------------------------------------------*/ a { color: #ff0000; } #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], .sideTower li#sideContact.sideBnr a, #content .infoList .rssBtn a { background-color: #e90000; } .moreLink a { border-left: 1px solid #e90000; } .moreLink a:hover { background-color: #e90000; } .moreLink a:after { color: #e90000; } .moreLink a:hover:after { color: #fff; } #headerTop { border-top-color: #e90000; } .headMainMenu li:hover { color: #e90000; } .headMainMenu li > a:hover, .headMainMenu li.current_page_item > a { color: #e90000; } #pageTitBnr { background-color: #e90000; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle, .sideTower h3.localHead, .sideWidget h4 { border-top-color: #e90000; } #content h3:after, #content .child_page_block h4:after { border-bottom-color: #e90000; } .sideTower li#sideContact.sideBnr a:hover, #content .infoList .rssBtn a:hover, form#searchform input#searchsubmit:hover { background-color: #ff0000; } #panList .innerBox ul a:hover { color: #ff0000; } #content .mainFootContact p.mainFootTxt span.mainFootTel { color: #e90000; } #content .mainFootContact .mainFootBt a { background-color: #e90000; } #content .mainFootContact .mainFootBt a:hover { background-color: #ff0000; } #content .infoList .infoCate a { background-color: #fff5f5; color: #e90000; } #content .infoList .infoCate a:hover { background-color: #ff0000; } .paging span, .paging a { color: #e90000; border-color: #e90000; } .paging span.current, .paging a:hover { background-color: #e90000; } /* アクティブのページ */ .sideTower .sideWidget li > a:hover, .sideTower .sideWidget li.current_page_item > a, .sideTower .sideWidget li.current-cat > a { color: #e90000; background-color: #fff5f5; } .sideTower .ttBoxSection .ttBox a:hover { color: #e90000; } #footMenu { border-top-color: #e90000; } #footMenu .menu li a:hover { color: #e90000; } @media (min-width: 970px) { .headMainMenu li:hover li a:hover { color: #333; } .headMainMenu li.current-page-item a, .headMainMenu li.current_page_item a, .headMainMenu li.current-menu-ancestor a, .headMainMenu li.current-page-ancestor a { color: #333; } .headMainMenu li.current-page-item a span, .headMainMenu li.current_page_item a span, .headMainMenu li.current-menu-ancestor a span, .headMainMenu li.current-page-ancestor a span { color: #e90000; } }