@charset "UTF-8"; /*--------------------------------------------------------- Theme Name: STINGER7 Theme URI: http://wp-fun.com Description: Author: ENJI Author URI: http://wp-fun.com License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: custom-header, custom-menu Text Domain: stinger7 Version: 20160203β ---------------------------------------------------------*/ * { font-family: PT Sans Caption,Josefin Sans,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "MS Pゴシック", sans-serif; margin: 0px; padding: 0px; } main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary { display: block; } html, body { height: 100%; } body { min-width: 320px; word-wrap: break-word; background-color: #f2f2f2; } body.mceContentBody { background-color: #fff; } .st-hide { display:none; } hr.hrcss { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .fa-question-circle, .fa-check-circle, .fa-exclamation-triangle, .fa-pencil-square-o { margin-right:10px; } /* リンクの色 */ a { color: #4682b4; } /* リンクにマウスオーバーした時の色 */ a:hover { color: #b22222; } img, video, object { max-width: 100%; height: auto; border: none; vertical-align: bottom; display: block; } .inline-img img { display: inline!important; } /* 画像リンクのマウスオーバーに透かし */ a:hover img { -moz-opacity: 0.8; opacity: 0.8; } img.size-full, img.size-large { margin-bottom: 10px; height: auto; max-width: 100%; } iframe { max-width: 100%; } .resetwidth img, .resetwidth video, .resetwidth object .resetwidth iframe{ width: initial; /* 初期状態にリセット */ max-width: initial; /* 初期状態にリセット */ display: inline!important; } .wp-caption { height: auto; max-width: 100%; } /* ロゴ画像の最大サイズ */ .sitename img { max-width: 100%; margin: 0 auto; } /* スマートフォンは表示しない */ .smanone { display: none; } /* clearfix */ .clearfix { zoom: 1; } .clearfix:after { content: ""; display: block; clear: both; } .clear { clear: both; } .center { text-align: center; padding-bottom: 20px; } .sticky { } .bypostauthor { } .gallery-caption { } .screen-reader-text { } /* iframeのレスポンシブ */ .youtube-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .youtube-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*スライドショー * スライド時はdisplay:noneで矢印非表示 */ .slick-next{ //display:none!important; right:10px; z-index:9999!important; } .slick-prev{ //display:none!important; left:10px; z-index:9999!important; } [dir="rtl"] .slick-next { left: 10px!important; right: auto; } [dir="rtl"] .slick-prev { left: auto; right: 10px!important; } /*-------------------------------- 各フォント設定 ---------------------------------*/ /* 基本の文字 */ p { font-size: 16px; line-height: 25px; margin-bottom: 20px; } /*ブログタイトル*/ header .sitename { font-size: 22px; color: #fff; line-height: 30px; font-family: 'Oswald', sans-serif; padding: 0px; margin-bottom: 10px; } header .sitename a { color: #333; text-decoration: none; font-weight: bold; } header .sitename a:hover { -moz-opacity: 0.8; opacity: 0.8; } /*ブログ名の下のキャプション */ header h1 { font-size: 12px; font-weight: normal; } header a { color: #FFF; text-decoration: none; } header .descr { font-size: 12px; font-weight: normal; margin-bottom: 0px; line-height: 20px; padding-bottom: 10px; } /* 記事タイトル */ .entry-title { font-size: 24px; line-height: 30px; color: #333; margin-bottom: 10px; } .entry-title a:hover { text-decoration: underline; } .entry-title a { color: #333; text-decoration: none; } /* 中見出し */ h2 { position: relative; background: #f3f3f3; color: #1a1a1a; font-size: 20px; line-height: 27px; margin-bottom: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } h2:after { content: ''; position: absolute; border-top: 10px solid #f3f3f3; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; border-radius: 2px; } h2:before { content: ''; position: absolute; border-top: 10px solid #f3f3f3; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; } /*小見出し*/ .post h3 { font-size: 18px; margin-bottom: 20px; margin-top: 10px; padding-top: 15px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: #1a1a1a; line-height: 27px; background-repeat: no-repeat; background-position: left center; margin-left: 0px; border-bottom: 1px #999999 dotted; } h3 a { color: #333; text-decoration: none; } dd h3 { line-height: 23px; } dd h3 a { color: #333; text-decoration: none; font-size:16px; } .post h4 { padding: 10px 15px; margin-bottom: 20px; background-color: #f3f3f3; line-height: 24px; } .post h5 { margin-bottom: 10px; font-size: 16px; } .wp-caption-text a, .wp-caption-text { font-size: 12px; color: #ccc; } /* サイドバーの見出し */ #side aside h4 { font-size: 16px; font-weight: bold; padding: 10px; margin-bottom: 20px; line-height: 28px; } #side h5 { font-size:15px; margin-bottom:5px; } /* 関連記事の文字 */ .post h4.point { font-size: 16px; font-weight: bold; padding: 10px; margin-bottom: 20px; line-height: 28px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; background-color:transparent; } /* 記事タイトル下 */ .blogbox p { font-size: 12px; margin: 0px; color: #666666; line-height: 15px; } .blogbox { border-top-width: 1px; border-top-style: solid; border-top-color: #666666; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; margin-bottom: 20px; padding: 5px; } /*サムネイルなし*/ .no-thumbitiran{ margin-bottom:20px; } .no-thumbitiran h3{ margin-bottom:0px; font-size:16px; padding:0px 0px 5px; } .no-thumbitiran h3 a{ color: #4682b4; } .no-thumbitiran h5 a{ color: #1a1a1a; text-decoration:none; } .no-thumbitiran h3 a:hover,.no-thumbitiran h5 a:hover { color: #b22222; } .no-thumbitiran p{ color:#616161; } .no-thumbitiran .blog_info p { font-size: 12px; margin: 0px; color: #666666; line-height: 15px; } .no-thumbitiran .blog_info { margin-bottom: 0px; padding: 5px; } /* 引用 */ .post blockquote { background-color: #f3f3f3; background-image: url(images/quote.png); background-repeat: no-repeat; background-position: left top; padding-top: 50px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; } /* オリジナルスタイルsmartphone */ .huto { font-weight:bold; } .hutoaka { font-weight:bold; color:#ff0000; } .oomozi { font-size: 18pt;line-height: 35px; font-weight:bold; } .yellowbox { padding:20px 20px 10px; border:solid 1px #fffacd; background-color:#ffffe0; margin-bottom:20px; font-size: 16px; line-height: 25px; } .redbox { padding:20px 20px 10px; border:solid 1px #ef5350; background-color:#ef9a9a; margin-bottom:20px; font-size: 16px; line-height: 25px; } .graybox { padding:20px 20px 10px; border:solid 1px #ccc; background-color:#f3f3f3; margin-bottom:20px; font-size: 16px; line-height: 25px; } .h2fuu { position: relative; background: #f3f3f3; color: #1a1a1a; font-size: 20px; line-height: 27px; margin-bottom: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; font-weight:bold; } .h2fuu:after { content: ''; position: absolute; border-top: 10px solid #f3f3f3; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; border-radius: 2px; } .h2fuu:before { content: ''; position: absolute; border-top: 10px solid #f3f3f3; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; } .inyoumodoki { background-color: #f3f3f3; background-image: url(images/quote.png); background-repeat: no-repeat; background-position: left top; padding-top: 50px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; border-left-width: 1px; border-left-style: solid; border-left-color: #CCC; } /*固定ページの子ページリンク*/ .post article .pagelist-box .kanrenh4 { background-color: #FFF; } .post article .pagelist-box .st-childlink li { list-style-type: none; } .post article .pagelist-box .st-childlink li p { margin: 0px; } .post article .pagelist-box .st-childlink { padding: 0px 10px; } /*-------------------------------- 任意の人気記事 ---------------------------------*/ .post h4.p-entry { padding:8px 15px; font-size:15px; background:#FEB20A; color:#fff; margin-bottom:15px; } .poprank-no2{ font-family: 'Montserrat', sans-serif; padding:2px 8px; background:#FEB20A; font-size:13px; font-weight:bold; color:#fff; margin-right:10px; } /*スクロール用*/ #side h4.p-entry { padding:5px 0px; font-size:17px; color:#FEB20A; margin-bottom:15px; } .poprank { position:relative; } .poprank-no{ font-family: 'Montserrat', sans-serif; position:absolute; top:0; left:0; padding:2px 8px; background:#FEB20A; font-size:13px; font-weight:bold; color:#fff; } /*-------------------------------- フッターコンテンツ ---------------------------------*/ /* フッター文字 */ #footer h3 { font-size: 14px; margin-bottom: 10px; } #footer p { font-size: 12px; margin-bottom:5px; } #footer h3 img { max-width:300px!important; margin:0 auto 10px; text-align:center; } #footer a { text-decoration: none; color: #212121; } #footer a:hover { color: #b22222; } #footer .copy, #footer .rcopy { font-size: 12px; color: #999; line-height: 15px; padding:20px 10px 0; } #footer .copy a, #footer .rcopy a { font-size: 12px; color: #999; line-height: 15px; } footer h4 a { color: #666; text-decoration: none; } /*電話番号*/ footer .head-telno a{ font-family: 'Montserrat', sans-serif; font-size:25px; padding: 5px 10px; text-align:center; } /*ウィジェットテキスト*/ .headbox, .headbox p { font-size:12px; line-height:18px; text-align:center; } /*-------------------------------- トップページやアーカイブ一覧表示 ---------------------------------*/ /* タイトル名 */ #topnews dd h3 { font-size: 20px; line-height: 30px; margin-bottom: 5px; } #topnews dt { float: left; width: 100px; } #topnews dt img { width: 100%; } #topnews dd { padding-left: 110px; } #topnews dl { margin-bottom: 20px; padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; } #topnews dl:first-child { padding-top: 20px; } #topnews dl:last-child { margin-bottom: 20px; padding-bottom: 20px; border-style: none; } #topnews .clearfix dd h5 { font-size: 16px; font-weight: bold; padding: 0px; margin-bottom: 5px; } /* 抜粋文字 */ #topnews .clearfix dd p { font-size: 16px; color: #666; line-height: 24px; } #topnews .clearfix dd h5 a { color: #333; text-decoration: none; } /* 一覧タイトル下 */ .kanren .blog_info p { margin:0 0 5px;; } .kanren h3 { margin: 0 0 5px; } .blog_info p a { color: #666; text-decoration: none; } #topnews .clearfix dd .blog_info p { font-size: 12px; } /*-------------------------------- 記事下の一括表示部分 ---------------------------------*/ .kizi-under-box { margin-bottom:20px; } /*-------------------------------- 関連記事表示部分 ---------------------------------*/ .kanren { padding-top: 10px; } .kadomaru img{ border-radius:100px; } /* タイトル名 */ .kanren dd h5 { font-size: 16px; font-weight: bold; padding: 0px; margin-bottom: 5px; } .kanren dt { float: left; width: 100px; } .kanren dt img { width: 100px; } .kanren dd { padding-left: 110px; } .kanren dl { margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ccc; } .kanren dl:last-child { margin-bottom: 20px; padding-bottom: 20px; border-style: none; } /* 抜粋文字 */ .kanren .clearfix dd p { font-size: 13px; color: #666; line-height: 18px; } .kanren .clearfix dd h5 a { color: #333; text-decoration: none; } .kanren .clearfix dd h5 a:hover { color: #b22222; } /*-------------------------------- サイドバー ---------------------------------*/ #side aside ul li { list-style-type: none; margin: 0px; padding: 0px; } #side aside ul li ul li{ list-style-type: none; margin: 0px; padding-left: 30px; background-image: url(images/arrow_gray.png); background-repeat: no-repeat; background-position: left middle; } #side aside h4 { font-size: 14px; font-weight: bold; line-height: 25px; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; } #side aside #mybox ul li ul li { font-size: 14px; line-height: 27px; } #side aside #mybox ul { margin-bottom: 10px; } /* RSS購読するボタン */ .rssbox a { display: block; width: 100%; box-sizing: border-box; background-color: #1a1a1a; padding: 5px 10px; margin-bottom: 10px; font-size: 14px; color: #fff; box-sizing: border-box; text-decoration: none; } .rssbox a:hover { -moz-opacity: 0.8; opacity: 0.8; } #scrollad { padding: 10px 0; } /*-------------------------------- サイドバー固定ページ用のナビ ---------------------------------*/ #sidebg { background:#f3f3f3; margin-bottom:10px; box-sizing:border-box; } #side aside h4.menu_underh2 { padding-left:10px; } /*ulタグの階層*/ #side aside .st-pagelists ul { padding:0px; } #side aside .st-pagelists .children { padding:5px 0px; } #side aside .st-pagelists .children li .children { padding:0px 10px 0px 0px; } /*liタグの階層*/ #side aside .st-pagelists ul li { padding: 0px; background-image:none; } #side aside .st-pagelists ul li ul li { padding: 0px 10px; background-image:none; } #side aside .st-pagelists ul li li li li { padding: 0px 10px; background-image:none; border-bottom:none; } /*aタグの階層*/ #side aside .st-pagelists ul li a { text-decoration:none; padding:5px 10px; margin-bottom:1px; color:#fff; width:100%; display:block; box-sizing:border-box; /*Other Browser*/ background: #91bae4; /*For Old WebKit*/ background: -webkit-linear-gradient( #1584C4 0%, #0277BD 100% ); /*For Modern Browser*/ background: linear-gradient( #1584C4 0%, #0277BD 100% ); } #side aside .st-pagelists ul li a:hover { -moz-opacity: 0.8; opacity: 0.8; } #side aside .st-pagelists .children a { text-decoration:none; padding:0px 10px; background:transparent; background-repeat: no-repeat; background-position: left center; color:#000; margin-bottom:5px; } #side aside .st-pagelists .children a:hover { color:#ff0000; } #side aside .st-pagelists .children li .children a { text-decoration:none; padding:0px 0px 0px 10px; background:transparent; background-repeat: no-repeat; background-position: left center; color:#000; border:none; margin-bottom:0px; } #side aside .st-pagelists .children li .children a:hover { color:#ff0000; } #side aside .st-pagelists .children li .children .children li a { text-decoration:underline; padding:0px 10px 0px 20px; background:transparent; background-repeat: no-repeat; background-position: left center; color:#000; border:none; margin-bottom:0px; } /*-------------------------------- エディタ用 ---------------------------------*/ /*テーブル */ .post table { border-top: 1px #999 solid; border-right: 1px #999 solid; margin-bottom: 20px; width: 100%; } table tr td { padding: 5px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #999; border-left-color: #999; font-size: 13px; line-height: 18px; } table th { padding: 5px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #999; border-left-color: #999; font-size: 13px; line-height: 18px; } .post table tr td { font-size: 13px; line-height: 18px; } .post table tr:nth-child(even) { background-color: rgba(220,220,220,0.2); } #main .post table { border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #999; border-right-color: #999; color: #333; } /*テーブル(装飾なし) */ .post .notab table { border:none; width: initial; /* 初期状態にリセット */ max-width: initial; /* 初期状態にリセット */ } .notab table tr td { border:none; text-align: left; vertical-align: top; } .notab table th { border:none; } .post .notab table tr:nth-child(even) { background-color: transparent; } /*スクロール*/ .scroll-box { overflow-x: auto; margin-bottom:10px; } .scroll-box::-webkit-scrollbar { height: 5px; } .scroll-box::-webkit-scrollbar-track { border-radius: 5px; background: #f3f3f3; } .scroll-box::-webkit-scrollbar-thumb { border-radius: 5px; background: #ccc; } /*画像 */ img.alignright { display: block; margin: 0 0 0 auto; } img.alignleft { display: block; margin: 0 auto 0 0; } img.aligncenter { display: block; margin: 0 auto; } img.float-left { float: left; } img.float-right { float: right; } .wp-caption { text-align: center; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .ie8 img { width: auto; } /*リスト */ .post ul { list-style-type: disc; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 30px; margin-bottom: 20px; } .post ul li { font-size: 17px; line-height: 27px; } .post ol { list-style-type: decimal; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 30px; margin-bottom: 20px; } .post ol li { font-size: 17px; line-height: 27px; } /*フォーム*/ input,textarea{ box-sizing:border-box; max-width:100%; padding:5px; } /*レスポンシブ用PC左右コンテンツ*/ .responbox, .responbox30, .responbox50, .responbox60, .responbox70 { margin-bottom:10px; } .responbox .lbox { margin-bottom:10px; } /*AmazonJS*/ .post .amazonjs_item h4, .post .amazonjs_item h4 a { color:#1a1a1a; font-size:15px; background-color:transparent; } .post .amazonjs_item ul li { font-size:12px!important; } /*-------------------------------- アコーディオンメニュー ---------------------------------*/ .menu-navigation-container { overflow: hidden; } nav li a:hover { text-decoration: underline; } #s-navi ul.sub-menu { display:none; } #s-navi dl.acordion p { margin: 0; } #s-navi dl.acordion { margin: 0px; box-sizing:border-box; width:100%; } #s-navi dt.trigger { text-align: right; padding: 10px 0px; cursor: pointer; } #s-navi dt.trigger .op { font-size: 25px; color: #333; padding: 0px 10px; } #s-navi dd.acordion_tree { padding: 10px 0px 30px; display: none; overflow: hidden; top:0px; width:100%; box-sizing:border-box; text-align:left; } .acordion_tree ul.menu li { float: none; font-size: 15px; padding: 10px 10px 10px 15px; list-style:none; border-bottom:dotted 1px #000; } .acordion_tree ul.menu li .fa { min-width: 1em; } .acordion_tree ul.menu li:last-child { border:none; padding-bottom:0px; } .acordion_tree ul.menu li a { text-decoration: none; color:#000; } /*-------------------------------- 検索フォーム ---------------------------------*/ #side aside #search { padding-bottom: 0px; position: relative; width: 100%; } #searchform { border:#ccc 1px solid; } #s { height: 34px; color: #333; font-size: 14px; border-radius: 0; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; z-index: 10; padding: 10px 65px 10px 10px; width: 100%; box-sizing: border-box; } #searchsubmit { border-radius: 0; position: absolute; right: 0px; top: 0px; width: 50px; height: 34px; z-index: 20; } *:first-child + html #searchsubmit { top: 1px; } /*フッター*/ .footermenust { text-align: center; padding:20px; margin-bottom:5px; } .footermenust li { display: inline; font-size: 14px; padding:0 10px; } footer .footermenust li { border-right:1px solid #ccc; font-size:12px; line-height:12px; } footer .footermenust li:last-child { border-right:none; } #footer .footermenust a { padding:0px; margin:0px; font-size:12px; color:#757575; } /*-------------------------------- ページャー ---------------------------------*/ /*コメントナビ*/ .st-pagelink { padding:20px 0px; } .st-pagelink a { text-decoration:none; font-size:13px; } .st-pagelink .page-numbers { border:1px solid #ccc; padding:5px 8px; margin-right:5px; } .pagination { clear: both; position: relative; font-size: 14px; line-height: 13px; margin-bottom: 20px; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; } .pagination span, .pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; background-color: #999; } .pagination a:hover { color: #fff; background-color: #666666; } .pagination .current { padding: 6px 9px 5px 9px; color: #fff; background-color: #CCCCCC; } /*-------------------------------- ぱんくず ---------------------------------*/ #breadcrumb { font-size: 13px; color: #ccc; } #breadcrumb a { color: #666; text-decoration: none; } div#breadcrumb { padding: 0 0 5px; margin: 0 0 0px; clear: both; } div#breadcrumb a { color: #ccc } div#breadcrumb div { display: inline; font-size: 13px; } #breadcrumb div a { color: #666; text-decoration: none; } /*-------------------------------- SNS ---------------------------------*/ .sns{ margin-bottom:20px; } .snstext{ font-size:13px; vertical-align:middle; } .post .sns ul { list-style:none; padding:0px; margin:0px 0px 20px; } .sns li { float:left; padding:5px; text-aligh:center; list-style:none; } .sns li a { font-size:15px; position:relative; display:block; padding:3px 10px; color:#fff; border-radius:3px; text-align:center; text-decoration: none; } .sns li a:hover { } /* ツイッター */ .sns .twitter a { background:#55acee; } .sns .twitter a:hover { background:#4892cb; } .sns .twitter .snstext { border-left:1px solid #9ACFF4; padding-left:10px; margin-left:10px; } /* Facebook */ .sns .facebook a { background:#3b5998; } .sns .facebook a:hover { background:#324c81; } .sns .facebook .snstext { border-left:1px solid #607BB2; padding-left:10px; margin-left:5px; } /* グーグル */ .sns .googleplus a { background:#dc4e41; } .sns .googleplus a:hover { background:#bb4237; } .sns .googleplus .snstext { border-left:1px solid #E0776D; padding-left:10px; margin-left:5px; } /* はてぶ */ .sns .hatebu a { background:#00a5de; } .sns .hatebu a:hover { background:#008cbd; } .sns .hatebu .snstext { border-left:1px solid #48B6DB; padding-left:10px; margin-left:3px; } /* LINE */ .sns .line a { background:#25af00; } .sns .line a:hover { background:#219900; } /* Pocket */ .sns .pocket a { background:#f03e51; } .sns .pocket .snstext { border-left:1px solid #F27985; padding-left:10px; margin-left:5px; } .sns .pocket a:hover { background:#c0392b; } /*-------------------------------- カレンダー ---------------------------------*/ #wp-calendar { border-collapse: collapse; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #999; border-right-color: #999; width: 100%; } #wp-calendar thead tr th { border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #999; border-left-color: #999; font-size: 14px; padding: 3px; text-align: center; background-color: #f3f3f3; } #wp-calendar td { text-align: center; padding: 0px; background-color: #fff; } #wp-calendar caption { font-weight: bold; text-align: left; padding-top: 10px; padding-bottom: 5px; font-size: 14px; } #wp-calendar tbody tr #today { background-color: #b0e0e6; } /*-------------------------------- PAGE TOP ---------------------------------*/ #page-top { position: fixed; z-index: 9999; bottom: 20px; right: 0px; font-size: 12px; } #page-top a { background: #665e53; text-decoration: none; color: #fff; padding: 10px; text-align: center; display: block; -moz-opacity: 0.3; opacity: 0.3; } #page-top a:hover { text-decoration: none; background: #999; color: #fff; } /*-------------------------------- コメント ---------------------------------*/ #comments p a { color: #333; } .post #comments h3 { background-color: transparent!important; } #comments p { font-size: 14px; font-weight: normal; line-height: 20px; margin: 0px; color: #333; padding: 5px 0; } #comments label { display: block; } .metadata dd a { color: #333; } .metadata { font-size: 13px; line-height: 20px; } #comments { font-size: 14px; line-height: 20px; color: #333; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; margin-bottom: 20px; } .comment-body { padding: 10px; margin-bottom: 20px; } .fn { font-style: normal; font-size: 13px; } .says { font-size: 13px; line-height: 18px; } .commentmetadata { font-size: 12px; line-height: 15px; height: 15px; width: 100%; clear: both; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; } .reply { padding: 5px; font-size: 13px; } #comments #respond { font-size: 16px; font-weight: bold; margin-bottom: 10px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; color: #666; } #comments #commentform .tags { padding: 10px; background-color: #f3f3f3; font-size: 13px; } #comments #commentlist img { padding: 10px; } #comments .commets-list { padding-left: 0px; list-style-type: none; } ul.children { padding: 0px; } .commets-list li { list-style-type: none; } .comment-author.vcard .avatar { float: left; margin-right: 10px; } .vcard .fn { font-size: 13px; line-height: 18px; } /* コメント欄の下にある使用できるタグの表記を消す */ .form-allowed-tags { display: none; } #comments h3 { background-image: none; border: none; margin-bottom: 0px; padding: 0; } #comments h4 { background-color: transparent; font-size: 16px; padding: 0; border: none; margin-bottom: 0px; } #comments textarea { margin-bottom: 10px; width: 100%; border: 1px #f2f2f2 solid; } #comments input { box-sizing: border-box; padding: 10px; width: 100%; border-radius: 2px; border: 1px #f2f2f2 solid; } /* コメントボタン */ #comments input[type="submit"] { background-color: #f3f3f3; padding: 10px; -webkit-appearance: none; border-radius: 3px; border: 1px #f2f2f2 solid; } /*-------------------------------- PREV NEXT ---------------------------------*/ .p-navi dl dt { font-weight: bold; font-size: 14px; line-height: 27px; float: left; width: 50px; color: #666; } .p-navi dl dd { font-size: 15px; padding-left: 55px; line-height: 27px; } /*-------------------------------- NEWS(お知らせ) ---------------------------------*/ #topnews-box div { padding: 0 10px 10px; } #topnews-box { padding: 0 0 10px; } .news-ca { font-size:13px; } .rss-bar { font-size: 14px; border:1px solid #ccc; margin-bottom:20px; background:#fff; padding: 5px 15px!important; margin-top:-10px; } .rss-bar a { color:#333; text-decoration:none; } #topnews-box dt { font-size: 14px; color: #727272; padding-bottom: 5px; } #topnews-box dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #ccc; font-size: 14px; margin-bottom: 10px; } #topnews-box div dl dd a { color: #333; text-decoration: none; } #topnews-box div dl dd a:hover { color: #b22222; } /*-------------------------------- スライドショー ---------------------------------*/ #header-slides[dir="rtl"] { direction: rtl; } .header-slides-slide { display: none; } .header-slides-slide:first-child { display: block; } .slick-slider { margin-bottom: 0; } /*レイアウト スマートフォン ----------------------------------------------------*/ #wrapper { max-width: 1060px; padding: 0 10px; margin: 0 auto; } body.fixed-footer #wrapper { height:100 %; min-height: 100%; } header { text-align: center; } #headbox { padding: 0 10px; margin:0 -10px; } footer { clear: both; padding: 20px 0; text-align: center; } #header-l { padding-top:0px; } main { background-color: #fff; padding: 20px 10px; margin: 0 -10px 20px; } #gazou-wide { margin: 0 -10px; } section { margin-bottom: 3em; } .ad { padding-bottom: 10px; margin:0px; } .post { overflow: hidden; } /*------------------------------------- カラム1適用 --------------------------------------*/ .colum1 #side { } /*LP化--------------------------------*/ .lp header, .lp #gazou, .lp #itiran, .lp .kanren, .lp #breadcrumb, .lp nav, .lp .blogbox, .lp .tagst, .lp .point, .lp .p-navi, .lp .pagination { display: none; } .lp .entry-title { font-size: 13px; color: #ccc; line-height:18px; } .lp post img, .lp post video, .lp post object, { width: 100% !important; height: auto; border: none; vertical-align: bottom; display: block; } /* IEのみ ---------------------------------------*/ @media all and (-ms-high-contrast:none) { .rss-bar { padding-top: 5px!important; } #s { color:#ccc; padding-top:7px!important; } } /*media Queries タブレットサイズ ----------------------------------------------------*/ @media only screen and (max-width: 780px) { #side aside { clear: both; float: none; width: auto; position: static !important;; } } /*media Queries タブレットサイズ ----------------------------------------------------*/ @media only screen and (min-width: 414px) { #wrapper { } header { text-align: left; } #headbox { padding: 0 10px; margin:0 -10px; } .sitename img { max-width: 300px; margin: 0; } main { background-color: #fff; padding: 20px; } .ad { padding-bottom: 10px; margin:0px; } /*レスポンシブ用PC左右コンテンツ*/ .responbox .lbox img { width:100%!important; box-sizing:border-box; } /*30%*/ .responbox30 .lbox { float:left; padding-right:15px; width:30%; box-sizing:border-box; } .responbox30 .rbox { float:left; box-sizing:border-box; width:70%; } /*40%*/ .responbox .lbox { float:left; padding-right:15px; width:40%; box-sizing:border-box; } .responbox .rbox { float:left; box-sizing:border-box; width:60%; } /*50%*/ .responbox50 .lbox { float:left; padding-right:15px; width:50%; box-sizing:border-box; } .responbox50 .rbox { float:left; box-sizing:border-box; width:50%; } /*60%*/ .responbox60 .lbox { float:left; padding-right:15px; width:60%; box-sizing:border-box; } .responbox60 .rbox { float:left; box-sizing:border-box; width:40%; } /*70%*/ .responbox70 .lbox { float:left; padding-right:15px; width:70%; box-sizing:border-box; } .responbox70 .rbox { float:left; box-sizing:border-box; width:30%; } /*-------------------------------- NEWS(お知らせ) ---------------------------------*/ #topnews-box div { padding: 0 10px 10px; } .rss-bar { font-size: 14px; /*Other Browser*/ background: #91bae4; /*For Old WebKit*/ background: -webkit-linear-gradient( #fff 0%, #f3f3f3 100% ); /*For Modern Browser*/ background: linear-gradient( #fff 0%, #f3f3f3 100% ); } #topnews-box dt { font-size: 14px; margin-bottom: 5px; padding-bottom: 5px; float: left; width: 80px; clear: both; } #topnews-box dd { padding-left: 90px; margin-bottom: 5px; padding-bottom: 5px; font-size: 14px; margin-bottom: 10px; } #topnews-box div dl dd a { text-decoration: none; } /*-------------------------------- 一覧記事表示部分 ---------------------------------*/ #topnews dt { float: left; width: 150px; } #topnews dt img { width: 100%; } #topnews dd { padding-left: 170px; } #topnews .clearfix dd h5 { font-size: 24px; font-weight: bold; padding: 0px; margin-bottom: 5px; } #topnews .clearfix dd p { font-size: 13px; color: #666; line-height: 24px; margin: 0px; padding: 0px; } #topnews .clearfix dd h5 a { color: #333; text-decoration: none; } /*------------------------------------- カラム1適用 --------------------------------------*/ .colum1 #side { display: none; } .colum1 main { margin: 0px; padding:30px; } .colum1 .st-pagelink { display: none; } /*-- ここまで --*/ } /*media Queries PCサイズ ----------------------------------------------------*/ @media only screen and (min-width: 781px) { /*-------------------------------- NEWS(お知らせ) ---------------------------------*/ #topnews-box { padding: 10px 0; } /*-------------------------------- メニュー ---------------------------------*/ nav.smanone { border-radius: 1px; border: solid 1px #E0DEDE; margin-bottom: 0px; padding: 0px 6px; /*Other Browser*/ background: #f3f3f3; /*For Old WebKit*/ background: -webkit-linear-gradient( #fff 0%, #f3f3f3 100% ); /*For Modern Browser*/ background: linear-gradient( #fff 0%, #f3f3f3 100% ); } ul.menu li{ list-style-type:none; float:left; width:160px; height:40px; text-align:center; border-right:solid 1px #f3f3f3; position:relative; border-right:solid 1px #f3f3f3; } ul.menu>li:last-child { border:none; } ul.menu li a{ display:block; font-size: 12px; overflow:hidden; width:100%; height:100%; line-height:40px; color:#000; text-decoration:none; position:relative; z-index:1; } ul.menu li li a{ background:#f3f3f3; border-top:#ccc dotted 1px; z-index:2; } ul.menu li a:hover{ color:#ff0000; } ul.sub-menu li ul.sub-menu{ position:absolute; left:160px; top:0; } ul.sub-menu{ display:none; } /* IE7 対策 */ ul.menu{ zoom:1; } *+html ul.menu li{ display:inline; zoom:1; } *+html ul.sub-menu{ zoom:1; position:relative; } .smanone { display: block; } .pcnone { display: none; } #wrapper { } header { padding: 0; } header .sitename { padding-top: 10px; } #header-l { padding-top: 0; } #headbox { padding: 10px 0px; margin:0; } #gazou-wide { margin: 0 0 10px; } nav { display: block; } /*IEで要素がズレるのを対応*/ .ie7 aside ul li, .ie8 aside ul li, .ie9 aside ul li { display: list-item; padding: 0; } /*-------------------------------- 各フォント設定 ---------------------------------*/ p { font-size: 14px; line-height: 23px; margin-bottom: 20px; } dd p { margin-bottom: 5px; } /*記事タイトル*/ .entry-title { font-size: 24px; line-height: 35px; color: #333; margin-bottom: 20px; } .entry-title a:hover { text-decoration: underline; } /*中見出し*/ h2 { font-size: 20px; line-height: 30px; } h2:after { bottom: -10px; left: 50px; } h2:before { bottom: -10px; left: 50px; } /*小見出し*/ .post h3 { font-size: 18px; line-height: 25px; } /*リスト */ .post ul li { font-size: 14px; line-height: 27px; } .post ol li { font-size: 14px; line-height: 27px; } /* オリジナルスタイルPC */ .oomozi { font-size: 18pt;line-height: 35px; } .yellowbox { font-size: 14px; line-height: 27px; margin-bottom: 20px; } .redbox { font-size: 14px; line-height: 27px; margin-bottom: 20px; } .graybox { font-size: 14px; line-height: 27px; margin-bottom: 20px; } .h2fuu { font-size: 20px; line-height: 30px; } .h2fuu:after { bottom: -10px; left: 50px; } .h2fuu:before { bottom: -10px; left: 50px; } /*-------------------------------- ヘッダーコンテンツ ---------------------------------*/ #header-l { float:left; max-width:300px; } #header-r { float:right; padding-bottom:10px; max-width:400px; } #header-r p { margin:0px; } /*ヘッダーリンク*/ #header-r .footermenust { padding:0px; margin:0px 0 5px; text-align:right; } #header-r .footermenust li { border-right:1px solid #ccc; font-size:12px; line-height:12px; margin:0; } #header-r .footermenust li:last-child { border-right:none; } #header-r .footermenust a { padding:0px; margin:0px; font-size:12px; color:#757575; } /*電話番号*/ .head-telno { font-family: 'Montserrat', sans-serif; font-size:25px; padding: 5px 10px; text-align:center; } .head-telno a{ font-family: 'Montserrat', sans-serif; color:#000; } header .textwidget{ background:#f3f3f3; padding:5px; border-radius:3px; } /*-------------------------------- ページャー ---------------------------------*/ .pagination { clear: both; position: relative; font-size: 11px; line-height: 13px; margin-bottom: 20px; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; } .pagination span, .pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 6px 9px 5px 9px; text-decoration: none; width: auto; color: #fff; background-color: #999; } .pagination a:hover { color: #fff; background-color: #666666; } .pagination .current { padding: 6px 9px 5px 9px; color: #fff; background-color: #CCCCCC; } /*-------------------------------- サイドバー固定ページ用のナビ ---------------------------------*/ #side aside .st-pagelists li { font-size:13px; line-height:24px; } /*-------------------------------- PCのレイアウト(右サイドバー) ---------------------------------*/ #contentInner { float: left; width: 100%; margin-right: -300px; } main { margin-right: 320px; margin-left: 0px; background-color: #fff; border-radius: 4px; padding: 20px 30px; } #side aside { float: right; width: 300px; padding: 0px; } /*-------------------------------- PCのレイアウト(左サイドバー) #contentInner { float: right; width: 100%; margin-left: -280px; } main { margin-right: 0px; margin-left: 300px; background-color: #fff; border-radius: 4px; padding: 0px 0px 20px 10px; } #side aside { float: left; width: 280px; padding: 0px; } ---------------------------------*/ /*-- ここまで --*/ }