/*グループ1 ------------------------------------------------------------*/ /*縦一行目のセル*/ table tr td:first-child { } /*横一行目のセル*/ table tr:first-child { } /* 会話レイアウト */ .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2 { background-color: #ccf8ff; } .st-kaiwa-hukidashi:after { border-color: transparent #ccf8ff transparent transparent; } .st-kaiwa-hukidashi2:after { border-color: transparent transparent transparent #ccf8ff; } .kaiwaicon2 .st-kaiwa-hukidashi, .kaiwaicon2 .st-kaiwa-hukidashi2 { background-color: #ffd8d8; } .kaiwaicon2 .st-kaiwa-hukidashi:after { border-color: transparent #ffd8d8 transparent transparent; } .kaiwaicon2 .st-kaiwa-hukidashi2:after { border-color: transparent transparent transparent #ffd8d8; } /*この記事を書いた人*/ #st-tab-menu li.active { background: #e3e3e3; } #st-tab-box { border-color: #e3e3e3; } .post #st-tab-box p.st-author-post { border-bottom-color: #e3e3e3; } .st-author-date{ color:#e3e3e3; } #st-tab-box { background:#fafafa; } /*こんな方におすすめ*/ .st-blackboard-title:before { content: "\f0f6\00a0"; font-family: FontAwesome; } /*目次(TOC+)*/ #st_toc_container, #toc_container { } #st_toc_container:not(.st_toc_contracted):not(.only-toc), #toc_container:not(.contracted) { /* 表示状態 */ } #st_toc_container.st_toc_contracted, #toc_container.contracted { /* 非表示状態 */ } #st_toc_container .st_toc_title:before, #toc_container .toc_title:before { content: "\f0f6\00a0"; font-family: FontAwesome; } #st_toc_container li li li, #toc_container li li li { text-indent:-0.8em; padding-left:1em; } /*マル数字olタグ*/ .post .maruno { border:2px solid #a8d9ff; padding:20px 20px 10px; } .post .maruno { background-color:#edf8ff; padding:20px 20px 10px; } .post .maruno ol li:before { background: #1e73be; color:#ffffff; } /*チェックulタグ*/ .post .maruck { border:2px solid #ffcc7f; padding:20px 20px 10px; } .post .maruck { background-color:#fffcd3; padding:20px 20px 10px; } .post .maruck ul li:before { background: #ffaaaa; color:#ffffff; } /*Webアイコン*/ .post .attentionmark2.on-color:not(.st-css-no):before, .post .fa-exclamation-triangle:not(.st-css-no) { color: #f44336; } /*スライドショー矢印非表示*/ /*サイト上部のボーダー色*/ /*ヘッダーの背景色*/ #headbox-bg { background-image: url(""); background-color: #d1c4b3; } /*サイトの背景色*/ /*ヘッダー下からの背景色*/ #content-w { } /*メインコンテンツのテキスト色*/ .post > * { color: ; } input, textarea { color: #000; } /*メインコンテンツのリンク色*/ a, .no-thumbitiran h3:not(.st-css-no) a, .no-thumbitiran h5:not(.st-css-no) a { color: ; } /*サイドのテキスト色*/ #side aside > *, #side li.cat-item a, #side aside .kanren .clearfix dd h5:not(.st-css-no) a, #side aside .kanren .clearfix dd p { color: ; } /*サイドバーウィジェットの背景色*/ /*メインコンテンツの背景色*/ main { background: #ffffff; } /*メイン背景色の透過*/ /*ブログタイトル*/ header .sitename a { color: #0f0f0f; } /* メニュー */ nav li a { color: #0f0f0f; } /*ページトップ*/ #page-top a { background: #e3e3e3; } #page-top a { line-height:100%; border-radius: 50%; } #page-top { right: 10px; } /*キャプション */ header h1 { color: #0f0f0f; } header .descr { color: #0f0f0f; } /* アコーディオン */ #s-navi dt.trigger .op { background: ; color: #0f0f0f; } /*モバイル用タイトルテキスト*/ #st-mobile-logo a { color: #0f0f0f; } /*アコーディオンメニュー内背景色*/ #s-navi dd.acordion_tree { background: #fafafa; } /*追加ボタン1*/ #s-navi dt.trigger .op-st { background: #f0f0f0; color: #0f0f0f; } /*追加ボタン2*/ #s-navi dt.trigger .op-st2 { background: #f0f0f0; color: #0f0f0f; } /*スマホフッターメニュー*/ #st-footermenubox a { color: #0f0f0f; } #st-footermenubox { background: #f0f0f0; } .acordion_tree ul.menu li a { border-bottom-color: #f0f0f0; } /* アコーディオンメニュー内のカテゴリ */ .acordion_tree .st-ac-box ul.st-ac-cat { border-top-color: #f0f0f0; border-left-color: #f0f0f0; } .acordion_tree .st-ac-box ul.st-ac-cat > li.cat-item { border-right-color: #f0f0f0; border-bottom-color: #f0f0f0; } .acordion_tree .st-ac-box ul.st-ac-cat li.cat-item a { color:; } /*グループ2 ------------------------------------------------------------*/ /* 投稿日時・ぱんくず・タグ */ #breadcrumb, #breadcrumb div a, div#breadcrumb a, .blogbox p, .tagst, #breadcrumb ol li a, #breadcrumb ol li h1, #breadcrumb ol li, .kanren:not(.st-cardbox) .clearfix dd .blog_info p, .kanren:not(.st-cardbox) .clearfix dd .blog_info p a { color: #616161; } /* 記事タイトル */ .post .entry-title:not(.st-css-no) { color: ; background-color: transparent; background: none; border: none; } /* h2 */ .h2modoki, .post h2:not(.st-css-no) { position: relative; padding: 5px; border: 1px solid #e3e3e3; color: #ffffff; /*Other Browser*/ background: #1e73be; /* Android4.1 - 4.3 */ background: url(""), -webkit-linear-gradient(top, #1e73be 0%,#1e73be 100%); /* IE10+, FF16+, Chrome26+ */ background: url(""), linear-gradient(to bottom, #1e73be 0%,#1e73be 100%); } .h2modoki span.st-dash-design, .post h2:not(.st-css-no) span.st-dash-design { display: block; padding: 10px; padding-top:10px!important; padding-bottom:10px!important; border: 1px dashed #fafafa; } /* h3 */ .h3modoki, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) { border: none; border-bottom: dotted 1px #dd3333; padding-left:50px!important; padding-top:10px!important; padding-bottom:10px!important; color: #0f0f0f; background-color: transparent; background: url("http://moving2dogs.com/wp-content/uploads/2018/02/sun40.png"); } .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) { background-position: left center; background-repeat: no-repeat; } /*h4*/ .h4modoki, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.point) { border-left: 5px solid #e8564c; color: #000000; background-color: #fafafa; padding-left:20px; padding-top:5px; padding-bottom:5px; } /*まとめ*/ .post .st-matome:not(.st-css-no):not(.rankh4):not(.point) { color: #000000; background-color: transparent; padding-left:20px!important; padding-top:10px!important; padding-bottom:10px!important; } /* ウィジェットタイトル */ #side .menu_underh2, #side .st-widgets-title:not(.st-css-no) { font-weight:bold; margin-bottom: 10px; } #side .menu_underh2, #side .st-widgets-title:not(.st-css-no) { position: relative; padding-left:0; padding-bottom: 10px; border-top:none; padding-left:10px!important; padding-top:7px!important; padding-bottom:7px!important; color: #4c4c4c; background-color:transparent; } #side .menu_underh2::after, #side .st-widgets-title:not(.st-css-no) ::after { position: absolute; bottom: -3px; left: 0; z-index: 2; content: ''; width: 100%; height: 3px; /*Other Browser*/ background: #ff823a; /* Android4.1 - 4.3 */ background: -webkit-linear-gradient(left, #f0f0f0 0%,#ff823a 100%); /* IE10+, FF16+, Chrome26+ */ background: linear-gradient(to left, #f0f0f0 0%,#ff823a 100%); } /* h5 */ .h5modoki, .post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t) { color: #e3e3e3; background-color: #fafafa; border-bottom : solid 1px #f0f0f0; padding-left:20px!important; padding-top:10px!important; padding-bottom:10px!important; } /* タグクラウド */ .tagcloud a { border-color: #e3e3e3; color: #e3e3e3; } /* NEW ENTRY & 関連記事 */ .post h4:not(.st-css-no):not(.rankh4).point, .cat-itiran p.point, .n-entry-t { border-bottom-color: #dd9933; } .post h4:not(.st-css-no):not(.rankh4) .point-in, .cat-itiran p.point .point-in, .n-entry { background-color: #dd9933; color: #ffffff; } /* カテゴリ */ .catname { background: #ff7575; color:#ffffff; } .post .st-catgroup a { color: #ffffff; } /*グループ4 ------------------------------------------------------------*/ /* RSSボタン */ .rssbox a { background-color: #e3e3e3; } /* SNSボタン */ .inyoumodoki, .post blockquote { background-color: #f3f3f3; border-left-color: #f3f3f3; } /*ブログカード ------------------------------------------------------------*/ /* 枠線 */ /* ラベル */ .st-cardbox-label-text { } /*フリーボックスウィジェット ------------------------------------------------------------*/ /* ボックス */ .freebox { border-top-color: #e3e3e3; background: #fafafa; } /* 見出し */ .p-entry-f { background: #e3e3e3; color: #0f0f0f; } /* エリア内テキスト */ /*メモボックス ------------------------------------------------------------*/ /*スライドボックス ------------------------------------------------------------*/ /*お知らせ ------------------------------------------------------------*/ /*お知らせバーの背景色*/ #topnews-box div.rss-bar { border-color: #e3e3e3; } #topnews-box div.rss-bar { color: #0f0f0f; /*Other Browser*/ background: #e3e3e3; /*For Old WebKit*/ background: -webkit-linear-gradient( #e3e3e3 0%, #e3e3e3 100% ); /*For Modern Browser*/ background: linear-gradient( #e3e3e3 0%, #e3e3e3 100% ); } /*お知らせ日付の文字色*/ #topnews-box dt { color: #e3e3e3; } #topnews-box div dl dd a { color: #000000; } #topnews-box dd { border-bottom-color: #e3e3e3; } #topnews-box { background-color:transparent!important; } /*追加カラー ------------------------------------------------------------*/ /*フッター*/ footer > *, footer a, #footer .copyr, #footer .copyr a, #footer .copy, #footer .copy a { color: #ffffff !important; } footer .footermenust li { border-right-color: #ffffff !important; } /*フッター背景色*/ #footer { max-width:100%; background-image: url(""); background-color: #000000; } /*任意の人気記事 ------------------------------------------------------------*/ .poprank-no { background: #fcb22e; } .post .p-entry, #side .p-entry, .home-post .p-entry { background: #fcb22e; color: #ffffff; } .pop-box, .nowhits .pop-box, .nowhits-eye .pop-box, .st-eyecatch + .nowhits .pop-box { border-top-color: #fcb22e; background: #fafafa; } .p-entry::after { border-bottom: 5px solid #fcb22e; border-left: 5px solid #fcb22e; } .pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets) { padding:20px 20px 10px; } .kanren.pop-box .clearfix dd h5:not(.st-css-no) a, .kanren.pop-box .clearfix dd p, .kanren.pop-box .clearfix dd p a, .kanren.pop-box .clearfix dd p span, .kanren.pop-box .clearfix dd > *, .kanren.pop-box h5:not(.st-css-no) a, .kanren.pop-box div p, .kanren.pop-box div p a, .kanren.pop-box div p span { color: !important; } .poprank-no2, .poprank-no { background: #fcb22e; color: #ffffff !important; } /*WordPressPopularPosts連携*/ #st-magazine .st-wp-views, /*CARDs JET*/ #st-magazine .st-wp-views-limit, /*CARDs JET*/ .st-wppviews-label .wpp-views, /*Ex*/ .st-wppviews-label .wpp-views-limit, /*Ex*/ .st-wpp-views-widgets .st-wppviews-label .wpp-views { color: #ffffff; background:#fcb22e; } /*ウィジェット問合せボタン*/ .st-formbtn { border-radius: 3px; /*Other Browser*/ background: #e3e3e3; } .st-formbtn .st-originalbtn-r { border-left-color: #0f0f0f; } a.st-formbtnlink { color: #0f0f0f; } /*ウィジェットオリジナルボタン*/ .st-originalbtn { border-radius: 3px; border: 1px solid #000000; /*Other Browser*/ background: #dd3333; } .st-originalbtn .st-originalbtn-r { border-left-color: #ffffff; } a.st-originallink { color: #ffffff; } /*ミドルメニュー ------------------------------------------------------------*/ .st-middle-menu { /*Other Browser*/ background: #e3e3e3; /* Android4.1 - 4.3 */ background: -webkit-linear-gradient(left, #f0f0f0 0%,#e3e3e3 100%); /* IE10+, FF16+, Chrome26+ */ background: linear-gradient(to left, #f0f0f0 0%,#e3e3e3 100%); } .st-middle-menu ul{ } .st-middle-menu .menu > li{ } .st-middle-menu .menu li a{ color: #0f0f0f; } /*サイドメニューウィジェット ------------------------------------------------------------*/ /*背景色*/ #sidebg { background: #fafafa; } /*liタグの階層*/ #side aside .st-pagelists ul li:not(.sub-menu) { border-color: #f0f0f0; } #side aside .st-pagelists ul .sub-menu li { border: none; } #side aside .st-pagelists ul li:last-child { border-bottom: 1px solid #f0f0f0; } #side aside .st-pagelists ul .sub-menu li:first-child { border-top: 1px solid #f0f0f0; } #side aside .st-pagelists ul li li:last-child { border: none; } #side aside .st-pagelists ul .sub-menu .sub-menu li { border: none; } #side aside .st-pagelists ul li a { color: #ffffff; background-image: url(""); background-color: #2a71ba; } #side aside .st-pagelists ul li a { font-weight:bold; } #side aside .st-pagelists ul li li a { font-weight:normal; } #side aside .st-pagelists .sub-menu a { border-bottom-color: #f0f0f0; color: #7c7c7c; } #side aside .st-pagelists .sub-menu .sub-menu li:last-child { border-bottom: 1px solid #f0f0f0; } #side aside .st-pagelists .sub-menu li .sub-menu a, #side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a { color: #7c7c7c; } #side aside .st-pagelists .sub-menu li .sub-menu a:hover, #side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a:hover, #side aside .st-pagelists .sub-menu a:hover { opacity:0.8; color: #7c7c7c; } #side aside .st-pagelists ul li a { padding-left:15px; } #side aside .st-pagelists ul li a { padding-top:8px; padding-bottom:8px; } /*Webアイコン*/ #side aside .st-pagelists ul li a:before { content: "\f0da\00a0\00a0"; font-family: FontAwesome; color:#ffffff; } #side aside .st-pagelists li li a:before { content: none; } #side aside .st-pagelists li li a:before { content: "\f105\00a0\00a0"; font-family: FontAwesome; color:#7c7c7c; } /*コンタクトフォーム7送信ボタン*/ .wpcf7-submit { background: #e3e3e3; color: #0f0f0f; } /* メイン画像背景色 */ /*強制センタリング・中央寄せ ------------------------------------------------------------*/ /*media Queries タブレットサイズ(959px以下) ----------------------------------------------------*/ @media only screen and (max-width: 959px) { /*-- ここまで --*/ } /*media Queries タブレットサイズ以上 ----------------------------------------------------*/ @media only screen and (min-width: 600px) { #st_toc_container:not(.st_toc_contracted), #toc_container:not(.contracted) { /* 表示状態 */ } #st_toc_container.only-toc:not(.st_toc_contracted) { } /*強制センタリング・中央寄せ ------------------------------------------------------------*/ } /*media Queries タブレットサイズ(600px~959px)のみで適応したいCSS -タブレットのみ ---------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 600px) and (max-width: 959px) { /*-- ここまで --*/ } /*media Queries PCサイズ ----------------------------------------------------*/ @media only screen and (min-width: 960px) { /*TOC+*/ #toc_container:not(.contracted) { /* 表示状態 */ } /*ヘッダーの背景色*/ /*メインコンテンツのボーダー*/ /* メイン画像100% */ /* スライドショー横並び */ /*wrapperに背景がある場合*/ /*メニュー*/ #st-menuwide { border-top-color: #f0f0f0; border-bottom-color: #f0f0f0; border-left-color: #e3e3e3; border-right-color: #e3e3e3; background-image: url(""); background-color: #fccb76; } header .smanone ul.menu li, header nav.st5 ul.menu li, header nav.st5 ul.menu li, header #st-menuwide div.menu li, header #st-menuwide nav.menu li { border-right-color: #f0f0f0; } header .smanone ul.menu li, header nav.st5 ul.menu li, header #st-menuwide div.menu li, header #st-menuwide nav.menu li { border-right-color: #f0f0f0; } /* テキストカラーとマウスオーバー */ header .smanone ul.menu li a, header nav.st5 ul.menu li a, header #st-menuwide div.menu li a, header #st-menuwide nav.menu li a, header .smanone ul.menu li a:hover, header nav.st5 ul.menu li a:hover, header #st-menuwide div.menu li a:hover, header #st-menuwide nav.menu li a:hover{ color: #ffffff; } header .smanone ul.menu li:hover, header nav.st5 ul.menu li:hover, header #st-menuwide div.menu li:hover, header #st-menuwide nav.menu li:hover{ background: rgba(255,255,255,0.1); } header .smanone ul.menu li li a:hover, header nav.st5 ul.menu li li a:hover, header #st-menuwide div.menu li li a:hover, header #st-menuwide nav.menu li li a:hover{ opacity:0.9; } header .smanone ul.menu li a, header nav.st5 ul.menu li a, header #st-menuwide div.menu li a, header #st-menuwide nav.menu li a { font-weight:bold; } header .smanone ul.menu li li a, header nav.st5 ul.menu li li a, header #st-menuwide div.menu li a, header #st-menuwide nav.menu li a { font-weight:normal; } header .smanone ul.menu li li a { background: #f0f0f0; border-top-color: #fccb76; } /*メニューの上下のパディング*/ /* グローバルメニュー100% */ #st-menuwide { max-width: 100%; } /*ヘッダーウィジェット*/ header .headbox .textwidget, #footer .headbox .textwidget{ background: #fafafa; color: ; } /*ヘッダーの電話番号とリンク色*/ .head-telno a, #header-r .footermenust a { color: #0f0f0f; } #header-r .footermenust li { border-right-color: #0f0f0f; } /*トップ用おすすめタイトル*/ .nowhits .pop-box { border-top-color: #fcb22e; } /*記事エリアを広げる*/ /*強制センタリング・中央寄せ ------------------------------------------------------------*/ /*-- ここまで --*/ }