charset "utf-8";" @import "../plain/plain.css"; /*-------------------------------------------*/ /* 基本設定 /*-------------------------------------------*/ body { background-color: #f9f9f9; } /*-------------------------------------------*/ /* Btn /*-------------------------------------------*/ a.btn, .linkBtn a, input[type=button], input[type=submit] { border: 1px solid #ccc; box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.9); color: #fff; } .linkBtn.linkBtnS a, .linkBtn.linkBtnM a, #content p.linkBtn.linkBtnL a, #content p.linkBtn.linkBtnL input, #searchform input[type=submit], input[type=button], input[type=submit], p.form-submit input[type=submit], form#searchform input#searchsubmit, #content form input.wpcf7-submit, #confirm-button input { border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } a.btn:hover, .linkBtn a:hover { color:fff; } .moreLink a { background:url(images/icon_try1_white.gif) 1px 50% no-repeat;color:#fff; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow:inset 7px 1px 0 rgba(0,0,0,0.15); } #headerTop { border-top-width:2px;border-top-style:solid;background-color:#f5f5f5; } /*-------------------------------------------*/ /* #gMenu /*-------------------------------------------*/ #gMenu { position:relative; width:100%;border-bottom:none; } #gMenu .assistive-text { color:#fff; } #gMenu .assistive-text span { padding:8px 22px; } #gMenu.itemClose .assistive-text span { background:url(images/iconMenuClose.png) left 50% no-repeat; } #gMenu.itemOpen .assistive-text span { background:url(images/iconMenuOpen.png) left 50% no-repeat; } #gMenu .menu li.current_page_item > a , #gMenu .menu li > a:hover { color:#fff; } /*-------------------------------------------*/ /* #panList /*-------------------------------------------*/ #panList { background-color:#f5f5f5; border-bottom:1px solid #e5e5e5;box-shadow:inset 1px 1px 3px rgba(255,255,255,1); } #panList #panListInner { } .home #panList { } #panList ul { } #panList ul li { } /*-------------------------------------------*/ /* #pageTitBnr /*-------------------------------------------*/ #pageTitBnr { color:#fff;border-bottom:1px solid #ccc; box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3); } #pageTitBnr #pageTitInner { background:url(images/pageTit_bg.png) left 50% no-repeat;padding:0 20px;} #pageTitBnr #pageTitInner #pageTit { } #pageTitBnr #pageTitInner #titleTxtSub {} #pageTitBnr .edit-link a { color:#fff; text-decoration:underline; } /*-------------------------------------------*/ /* #main /*-------------------------------------------*/ /* #content /*-------------------------------------------*/ #content h2, #content h1.contentTitle, #content h1.entryPostTitle { border:1px solid #ccc;border-top:2px solid #c00;padding-left:15px;padding-right:15px; -moz-box-shadow:inset 0 1px 0 #fff; -webkit-box-shadow:inset 0 1px 0 #fff; 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)"; } .single-post #content h2 { border:none;padding:0;box-shadow: none; font-size:171.4%;margin-top:10px; background: none; } #content table th { box-shadow:inset 1px 1px 0px #ffffff;} #content blockquote, #content .sectionFrame { border-radius:5px; box-shadow:inset 1px 1px 0px rgba(255,255,255,1.0);margin-bottom:20px; } /* .infoList -------------------------------------------------------------- */ #content .infoList .infoCate a { box-shadow:inset 1px 1px 0px rgba(0,0,0,0.1); border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } /* .child_page_block /*-------------------------------------------*/ #content .child_page_block { border:1px solid #ccc; border-radius:3px;box-shadow:inset 1px 1px 0px rgba(255,255,255,1.0); } #content .child_page_block .child_page_blockInner { padding:15px 20px; } #content .child_page_block h4 a { padding-left:8px; display:block; overflow:hidden; line-height:125%; } #content .child_page_block h4 a { border-left:4px solid #666; } /* .childPageBox /*-------------------------------------------*/ #content .childPageBox{ -moz-box-shadow:inset 0 1px 0 #fff; -webkit-box-shadow:inset 0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#fff)); background: -moz-linear-gradient(#f5f5f5, #fff); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f5f5f5, EndColorStr=#ffffff)"; } /* .mainFoot /*-------------------------------------------*/ #content .mainFoot { background:url(images/bg_slash.gif) left top repeat;border:1px solid #ccc;padding:5px; margin-top:0px; width:98%;} #content .mainFoot .mainFootInner { padding:15px;border:1px solid #e5e5e5;background-color:#f5f5f5; } #content .mainFootContact { width:auto; } /*-------------------------------------------*/ /* #sideTower /*-------------------------------------------*/ .sideTower .localSection { } .sideTower .localHead { border-top:2px solid #c00;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5; -moz-box-shadow:inset 0 1px 0 #fff; -webkit-box-shadow:inset 0 1px 0 #fff; 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)"; } form#searchform { border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } /*-------------------------------------------*/ /* #pagetop /*-------------------------------------------*/ #pagetop a { color:#f5f5f5;margin-top:5px; z-index:500; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #pagetop a:hover { margin-top:0px;margin-bottom:5px; } /*-------------------------------------------*/ /* #footMenu /*-------------------------------------------*/ #footMenu { border-top-width:2px;border-top-style:solid; margin-top:-10px; } #footMenu .innerBox { border:none; padding:0px; } #footMenu .menu {border:none; } #footMenu .menu li { } #footMenu .menu li a { color:#efefef; background:url(images/icon_arrow1_white.gif) left 2px no-repeat; border:none; padding:0px 20px 0px 18px; line-height:110%; } #footMenu .menu li a:hover { } /*-------------------------------------------*/ /* #footer /*-------------------------------------------*/ #footer { border-top:1px solid #151515;color:#808080; background-color:#191919; } #footerSiteMap .menu a { color:#808080;} /*-------------------------------------------*/ /* #siteBottom /*-------------------------------------------*/ #siteBottom { border-top:1px solid #262626; background-color:#191919; } #siteBottom #powerd, #siteBottom #powerd a { color:#4d4d4d; } /*-------------------------------------------*/ /* top /*-------------------------------------------*/ #topMainBnr { box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3);border-bottom:1px solid #ccc; } #topMainBnrFrame { box-shadow:1px 1px 3px rgba(0,0,0,0.3);border:none; } #topMainBnrFrame .slideFrame { border:4px solid #fff; display:block; overflow:hidden;position:relative; } #topMainBnrFrame a.slideFrame:hover { border:4px solid #c00; transition: border 0.3s ease-in; -webkit-transition: border 0.3s ease-in; -moz-transition: border 0.3s ease-in; } #topMainBnrFrame .slideFrame img { position:relative; } #topPr .prImage { border:1px solid #ccc; } #topPr .prImage a { border:1px solid #fff; display:block; } #topPr .prImage a img { display:block; } #content .infoList .rssBtn a {border:1px solid #ccc;margin-right:15px; -moz-box-shadow:inset 0 1px 0 #fff; -webkit-box-shadow:inset 0 1px 0 #fff; 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); background: linear-gradient(#fff, #e5e5e5); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#e5e5e5)"; border-radius:1px; } /* #comments /*-------------------------------------------*/ #comments li.comment .commentBox { box-shadow:1px 1px 3px #e5e5e5; } @media (min-width: 280px) { #topMainBnr{display: none !important;} } @media (min-width: 660px) { #topMainBnr{display: none !important;} #content .mainFootContact { width:600px; } #content .mainFoot {width:628px;} #topPr { border-left:1px solid #ccc;margin-bottom:35px; margin-top:15px;} #topPr .topPrOuter { border-right:1px solid #ccc;margin-bottom:0px; } #topPr .topPrInner { padding:0px 17px; width:auto; } #topPr #topPrLeft .topPrInner, #topPr #topPrCenter .topPrInner, #topPr #topPrRight .topPrInner { float:none; } } @media (min-width: 770px) { #topMainBnr{display: none !important;} #gMenu.itemOpen .menu{border-bottom: 1px solid #ccc !important;} #headerTop { background-color:#f5f5f5; } #gMenu { border-top:2px solid #ccc; position:relative; width:100%; 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)"; } #gMenu .menu {border-left:1px solid #ccc; margin-bottom: 0px; border-bottom: 1px solid #ccc !important;} #gMenu .menu > li, #gMenu .menu > li.current-menu-item, #gMenu .menu > li.current_page_item, #gMenu .menu > li.current_page_ancestor { 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)"; } #gMenu .menu > li > a { border-right: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)"; } #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 > a:hover { box-shadow:none;color:#fff; } #gMenu .menu > li.current_page_item > a span, #gMenu .menu > li.current-menu-item > a span, #gMenu .menu > li.current_page_ancestor > a span , #gMenu .menu > li.current-page-ancestor > a span , #gMenu .menu > li > a:hover span { color:#fff; opacity: 0.6; } } /* 表示領域全体 */ div.container.itmFade_3 { position : ; max-width : 900px; height: 0px; margin : 1em auto 1em auto; } /* 表示領域の「position: relative;」により，領域高さが0になるため，paddingで高さを確保する */ div.container.itmFade_3::before { content : ""; display : block; padding-top : 57%; } /* アニメーションの設定 */ div.container.itmFade_3 div.item { position: absolute; top : 0; left : 0; max-width : 100%; max-height : 100%; opacity : 0; animation : itmFade3-chg-itm-anim 20s infinite; /* アニメーション : 下記「@keyframes chg-itm-anim の 0% から 100% まで」を「15秒」で「無限」に繰り返す */ } /* 1つ目のアイテム */ div.container.itmFade_3 div.item:nth-of-type( 1 ) { animation-delay : 0s; /* アニメーション(下記「@keyframes chg-itm-anim」)の開始を0秒遅らせる */ } /* 2つ目のアイテム */ div.container.itmFade_3 div.item:nth-of-type( 2 ) { /** * アニメーションの進行(下記「@keyframes chg-itm-anim」)の開始を5秒遅らせる * (上記アニメーション全体15秒の1/3，1枚目のアニメーションが33%に到達(フェードアウト開始)した時に2枚目のアニメーション(フェードイン)開始) **/ animation-delay : 5s; } /* 3つ目のアイテム */ div.container.itmFade_3 div.item:nth-of-type( 3 ) { /** * アニメーションの進行(下記「@keyframes chg-itm-anim」)の開始を10秒遅らせる * (上記アニメーション全体15秒の1/3，2枚目のアニメーションが33%に到達(フェードアウト開始)した時に3枚目のアニメーション(フェードイン)開始) **/ animation-delay : 10s; } /* アニメーションの進行 */ @keyframes itmFade3-chg-itm-anim { 0% { opacity : 0; } 10%{ opacity : 1; z-index : 3; } 33%{ opacity : 1; } /** * 画像が3枚のため1枚当たり33% * 1枚目->2枚目(33%・不透明から50%・透明)にフェードして切り替える * 50%到達(全体アニメーション時間の半分)で前の画像が見えなくなる */ 50%{ opacity : 0; z-index : 1; } 100% { opacity : 0; } } @media (min-width: 970px) { #topMainBnrFrame .slideFrame img { position:relative;left:-4px; } #topMainBnrFrame .slides img, #topMainBnrFrame.flexslider .slides img { width:950px !important;max-width:950px !important; } #topMainBnr{display: block !important;} } a { color:#015c99; } a:hover { color:#1e73be;} a.btn, .linkBtn.linkBtnS a, .linkBtn.linkBtnM a, .moreLink a, .btn.btnS a, .btn.btnM a, .btn.btnL a, #content p.btn.btnL input, input[type=button], input[type=submit], #searchform input[type=submit], p.form-submit input[type=submit], form#searchform input#searchsubmit, #content form input.wpcf7-submit, #confirm-button input { background-color:#015c99;color:#f5f5f5; } .moreLink a:hover, .btn.btnS a:hover, .btn.btnM a:hover, .btn.btnL a:hover { background-color:#1e73be; color:#f5f5f5;} #headerTop { border-top-color:#015c99;} #header #headContact #headContactTel {color:#015c99;} #gMenu { border-top:2px solid #015c99; } #gMenu h3.assistive-text { background-color:#015c99; border-right:1px solid #04111c; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#015c99), to(#04111c)); background: -moz-linear-gradient(#015c99, #04111c); background: linear-gradient(#015c99, #04111c); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#015c99, EndColorStr=#04111c)"; } #gMenu .menu li.current_page_item > a, #gMenu .menu li > a:hover { background-color:#015c99; } #pageTitBnr { background-color:#015c99; } #panList a { color:#015c99; } #panList a:hover { color:#1e73be; } #content h2, #content h1.contentTitle, #content h1.entryPostTitle { border-top:2px solid #015c99;} #content h3 { border-left-color:#015c99;} #content h4, #content dt { color:#015c99; } #content .infoList .infoCate a:hover { background-color:#015c99; } #content .child_page_block h4 a { border-color:#015c99; } #content .child_page_block h4 a:hover, #content .child_page_block p a:hover { color:#015c99; } #content .childPageBox ul li.current_page_item li a { color:#015c99; } #content .mainFootContact p.mainFootTxt span.mainFootTel { color:#015c99; } #content .mainFootContact .mainFootBt a { background-color:#015c99; } #content .mainFootContact .mainFootBt a:hover { background-color:#1e73be; } .sideTower .localHead { border-top-color:#015c99; } .sideTower li.sideBnr#sideContact a { background-color:#015c99; } .sideTower li.sideBnr#sideContact a:hover { background-color:#1e73be; } .sideTower .sideWidget h4 { border-left-color:#015c99; } #pagetop a { background-color:#015c99; } #footMenu { background-color:#015c99;border-top-color:#04111c; } #topMainBnr { background-color:#015c99; } #topMainBnrFrame a.slideFrame:hover { border:4px solid #1e73be; } #topPr .topPrInner h3 { border-left-color:#015c99 ; } #topPr .topPrInner p.moreLink a { background-color:#015c99; } #topPr .topPrInner p.moreLink a:hover { background-color:#1e73be; } .paging span, .paging a { color:#015c99;border:1px solid #015c99; } .paging span.current, .paging a:hover { background-color:#015c99; }