/***ロゴ***/ .site-name-text { font-size: 400%; font-weight: 700; padding: 10px; } .tagline { font-size: 120%; font-weight: 200; padding: 0px; } /***グローバルナビ fontawesome***/ .fa-medkit {color:#348746;} .fa-university {color:#348746;} .fa-graduation-cap {color:#348746;} .fa-search-plus {color:#348746;} .fa-book {color:#348746;} .fa-gift {color:#348746;} .fa-envelope-o {color:#348746;} .fa-hand-o-right {color:#348746;} /**グローバルナビ**/ nav#navi, .menu-header .sub-menu{ font-weight: bold; box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2); } /* フッター下部の隙間 */ .footer-bottom{ padding-bottom: 4px; /* デフォルト:18px */ } /***本文見出し***/ .article h2 { color: #ffffff; padding: .8em 1em; margin-top: 60px; background: #0174DF; border-top: 4px solid #0174DF; border-bottom: 4px solid #0174DF; } .article h3 { color: #444d53; padding: .6em 1em; margin-top: 40px; border-left: 12px solid #0174DF; border-top: 2px solid #0174DF; border-right: 0px solid #ffffff; border-bottom: 2px solid #0174DF; } .article h4 { color: #444d53; padding: .2em 1em; margin-top: 40px; border-left: 6px solid #0174DF; } /* メイン部分とサイドバーの枠を消す */ #main,#sidebar{ border:none; } /**カルーセル画像高さ**/ .carousel-entry-card-thumb{ height:110px; } /**カルーセル背景透明**/ .carousel-in{ background-color:transparent; } /**カルーセル左右矢印の色・大きさ**/ .carousel .slick-arrow:before{ color:#1b325f; font-size:28px; } /**カルーセル記事タイトル文字**/ .carousel-entry-card-title{ margin-top:10px; color:#ff4500; font-weight:normal; max-height: 5.2em; } /*インデクス背景透明**/ .home.no-scrollable-main .main{ background-color:transparent; } /**記事カードタイトル**/ .entry-card-title{ font-weight:normal; color:#000000; font-size:20px; } /**ホバー時に浮き上がらせる**/ .entry-card-wrap:hover{ box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2); transform: translateY(-2px); background-color: white; transition: all .3s ease; } /**ページネーション**/ .pagination-next, .next, .prev, .pager-prev-next{ display: none; } .pager-numbers a { text-decoration: none; } .page-numbers{ border: none; border-radius: 50%; font-family: sans-serif; font-size: 80%; color: #666; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2); transition: all .1s ease; background-color: #ffffff; } .pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{ background-color: #f44336; color: #fff; } .pagination .current, .pager-links .current{ background-color: #ccc; color: #fff; } /***サイドバー背景透過***/ #sidebar{ background-color:transparent; } /***サイドバータイトル***/ .sidebar h3{ line-height: 20px; padding-left: 6px; border-radius: 0; font-weight: 700; color: #2f4f4f; background-color:transparent; border-left: 8px solid #0174DF; margin-bottom: 4px; } /***WordpressPopularPost ウィジェット**/ ul.wpp-list li { border-bottom: 1px dashed #bbb; counter-increment: wpp-count; position: relative; } ul.wpp-list li:before { display: block; padding: 1px 11px; color: #fff; background-color: #333; content: counter(wpp-count); position: absolute; opacity: 1; -ms-filter: "alpha(opacity=100)"; z-index: 10000; border-radius: 6px; top: 6px; left: 6px; } ul.wpp-list li:last-child { border-bottom: 0; } ul.wpp-list li:nth-child(1):before { background-color: #fbcc54; } ul.wpp-list li:nth-child(2):before { background-color: #b7bfc1; } ul.wpp-list li:nth-child(3):before { background-color: #d47b16; } ul.wpp-list li img { margin: 5px 10px 5px 5px; padding: 3px; border: 1px solid #ddd; } ul.wpp-list li a.wpp-post-title { display: block; font-size: 15px; padding: 12px; text-decoration: none; color: #333; } .entry-thumb, .wpp-thumbnail { overflow: hidden; } .entry-thumb img, .wpp-thumbnail img { transition: 0.6s; } .entry-thumb img:hover, .wpp-thumbnail:hover { opacity: 0.6; -ms-filter: "alpha(opacity=60)"; -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); } /**カテゴリ/WPP ウィジェットタイトル**/ .widget_categories h3:before { margin-right: 5px; font-family: FontAwesome; content: "\f219"; } /***カテゴリウィジェット**/ #sidebar aside ul li ul li { background: 0; padding-left: 0; } #sidebar aside li.cat-item a { display: block; overflow: hidden; font-size: 15px; line-height: 2.4em; text-decoration: none; padding: 0 8px; color: #2098a8; margin-bottom: 1px; } #sidebar aside li.cat-item a:hover { background: #fff; color: #C03; } #sidebar aside li.cat-item span { line-height: 1em; float: right; margin: 8px 0 0 8px; padding: 4px 8px; border-radius: 4px; color: #fff; background: #406572; } /***画像中央揃え***/ .entry-content img{ margin:auto; display:block; } .wp-caption{ margin:auto; } /***コメント***/ .comment-body{ padding: 20px; border: solid 2px #afbdce; } /* タグクラウドのカスタマイズ */ .tagcloud a { font-size: 14px !important; display: inline-block; margin-bottom: 5px; padding: 1px 10px; text-decoration: none; color: #339999; border-radius: 5px; border: 1px solid #339999; background-color: #fff; } .tagcloud a:hover { transition: 0.3s; color: #000000; background: #99cccc; } /************************************ ** レスポンシブデザイン用のメディアクエリ ************************************/ /*1240px以下*/ @media screen and (max-width: 1240px){ /*必要ならばここにコードを書く*/ } /*1030px以下*/ @media screen and (max-width: 1030px){ /*必要ならばここにコードを書く*/ } /*768px以下*/ @media screen and (max-width: 768px){ /*必要ならばここにコードを書く*/ } /*480px以下*/ @media screen and (max-width: 480px){ /*必要ならばここにコードを書く*/ }