/*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /* トップページのコンテンツ上部の余白を0に */ /* 下層ページのコンテンツ上部の余白を0に */ .slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: #424242 } .st-middle-menu .menu > li { width:50%; } .st-middle-menu .menu li a{ font-size:90%; } .sns { width: 100%; text-align:center; } .sns li a { margin:0; } .post .sns ul, .sns ul { margin:0 auto; width:290px; } .snstext{ display:none; } .snscount{ display:none; } .sns li { float: left; list-style: none; width: 40px; margin-right: 10px; position: relative; } .sns li:last-child { margin-right: 0px; } .sns li i { font-size: 19px!important; } .sns li a { border-radius: 0; box-sizing: border-box; color: #fff; font-size: 19px; height: 40px; width: 40px; padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .sns li a .fa { padding: 0; border: 0; height: auto; } /* ツイッター */ .sns .twitter a { box-shadow: none; } .sns .twitter a:hover { background:#4892cb; box-shadow: none; } .sns .fa-twitter::before { position: relative; top:1px; left: 1px; } /* Facebook */ .sns .facebook a { box-shadow: none; } .sns .facebook a:hover { background:#2c4373; box-shadow: none; } .sns .fa-facebook::before { position: relative; top:1px; } /* グーグル */ .sns .googleplus a { box-shadow: none; } .sns .googleplus a:hover { background:#d51e31; box-shadow: none; } .sns .fa-google-plus::before { position: relative; left: 1px; } /* はてぶ */ .sns .hatebu a { box-shadow: none; } .sns .hatebu a:hover { box-shadow: none; background:#00a5de; } .sns .st-svg-hateb::before { border-right:none; padding-right:0; font-size:19px!important; } .sns .st-svg-hateb::before { position: relative; left: 1px; } /* LINE */ .sns .line a { box-shadow: none; } .sns .line a:hover { background:#219900; box-shadow: none; } .sns .fa-comment::before { position: relative; left: 1px; top: -1px; } /* Pocket */ .sns .pocket a { box-shadow: none; } .sns .pocket a:hover { background:#F27985; box-shadow: none; } .sns .fa-get-pocket::before { position: relative; top: 1px; } /* アドセンス */ .adbox, .adbox div { padding: 0!important; } #st-magazine dd h3, /* JET */ .rankh4:not(.st-css-no), .post .rankh4:not(.st-css-no), #side .rankh4:not(.st-css-no), .originalbtn-bold, .st-header-flextitle, .post h2:not(.st-css-no), .post h2:not(.st-css-no) span, .post h3:not(.st-css-no), .post h3:not(.st-css-no) span, .h2modoki, .h3modoki, .entry-title:not(.st-css-no), .post .entry-title:not(.st-css-no) { font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif; } /*スライドメニュー追加ボタン2*/ #s-navi dt.trigger .acordion_extra_2 { max-width: 80%; } /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /*グループ1 ------------------------------------------------------------*/ /*縦一行目のセル*/ table tr td:first-child { } /*横一行目のセル*/ table tr:first-child { } /* 会話レイアウト */ .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2 { background-color: #eefaff; } .st-kaiwa-hukidashi:after { border-color: transparent #eefaff transparent transparent; } .st-kaiwa-hukidashi2:after { border-color: transparent transparent transparent #eefaff; } /*この記事を書いた人*/ #st-tab-menu li.active { background: #3880ff; } #st-tab-box { border-color: #3880ff; } .post #st-tab-box p.st-author-post { border-bottom-color: #3880ff; } .st-author-date{ color:#3880ff; } #st-tab-box { background:#eefaff; } /*こんな方におすすめ*/ .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) { /* 表示状態 */ padding:15px 20px; } #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: "\e91c\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 ol li:before { background: #3880ff; color:#ffffff; } /*チェックulタグ*/ .post .maruck ul li:before { background: #3880ff; color:#ffffff; } /*Webアイコン*/ .post .attentionmark2.on-color:not(.st-css-no):before, .post .fa-exclamation-triangle:not(.st-css-no) { color: #f44336; } /*サイト上部のボーダー色*/ /*ヘッダーの背景色*/ #headbox-bg { /*Other Browser*/ background: #4c8dff; /* Android4.1 - 4.3 */ background: url(""), -webkit-linear-gradient(left, #3880ff 0%,#4c8dff 100%); /* IE10+, FF16+, Chrome26+ */ background: url(""), linear-gradient(to left, #3880ff 0%,#4c8dff 100%); } /*サイトの背景色*/ /* header */ /*ヘッダー下からの背景色*/ #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!important; } /*メイン背景色の透過*/ /*ブログタイトル*/ header .sitename a { color: #ffffff; } /* メニュー */ nav li a { color: #ffffff; } /*ページトップ*/ #page-top a { background: #3880ff; } #page-top a { line-height:100%; border-radius: 50%; } #page-top { right: 10px; } /*キャプション */ header h1 { color: #ffffff; } header .descr { color: #ffffff; } /* アコーディオン */ #s-navi dt.trigger .op { background: ; color: #ffffff; } /*モバイル用タイトルテキスト*/ #st-mobile-logo a { color: #ffffff; } /*アコーディオンメニュー内背景色*/ #s-navi dd.acordion_tree { background: #eefaff; /* 背景画像 */ } /*追加ボタン1*/ #s-navi dt.trigger .op-st { background: #4c8dff; color: #ffffff; } /*追加ボタン2*/ #s-navi dt.trigger .op-st2 { background: #4c8dff; color: #ffffff; } /*スマホフッターメニュー*/ #st-footermenubox a { color: #ffffff; } #st-footermenubox { background: #4c8dff; } .acordion_tree ul.menu li a { border-bottom: 1px solid #4c8dff; } /* アコーディオンメニュー内のカテゴリ */ .acordion_tree .st-ac-box ul.st-ac-cat { border-top-color: #4c8dff; border-left-color: #4c8dff; } .acordion_tree .st-ac-box ul.st-ac-cat > li.cat-item { border-right-color: #4c8dff; border-bottom-color: #4c8dff; } .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: #777; } /* 記事タイトル */ .post .entry-title:not(.st-css-no) { color: ; background-color: transparent; background: none; border: none; } /* h2 */ .h2modoki, .post h2:not(.st-css-no) { overflow: hidden; text-align: center; border-top:none; border-bottom:none; padding-left: 20px!important; padding-right: 20px!important; padding-top:10px!important; padding-bottom:10px!important; color: #3880ff; background-color:transparent; } .h2modoki span, .post h2 span { position: relative; display: inline-block; margin: 0 10px; padding: 0 20px; text-align: left; } .h2modoki span.st-dash-design::before, .h2modoki span.st-dash-design::after, .post h2:not(.st-css-no) span.st-dash-design::before, .post h2:not(.st-css-no) span.st-dash-design::after { position: absolute; top: 50%; content: ''; width: 1000%; height: 1px; background-color: #3880ff; } .h2modoki span.st-dash-design::before, .post h2:not(.st-css-no) span.st-dash-design::before { right: 100%; } .h2modoki span.st-dash-design::after, .post h2:not(.st-css-no) span.st-dash-design::after { left: 100%; } /* h3 */ .h3modoki, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) { background: #3880ff; color: #ffffff; position: relative; border: none; margin-bottom:30px; padding-top:10px!important; padding-bottom:10px!important; } .h3modoki:after, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after { border-top: 10px solid #3880ff; content: ''; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; border-radius: 2px; } .h3modoki:before, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before { border-top: 10px solid #3880ff; content: ''; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; } /*h4*/ .h4modoki, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.point) { border-left: 5px solid #3880ff; color: #3880ff; background-color: #eefaff; padding-left:20px; padding-top:10px; padding-bottom:10px; } /*まとめ*/ .post .st-matome:not(.st-css-no):not(.rankh4):not(.point) { color: ; 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: #3880ff; 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: #3880ff; /* Android4.1 - 4.3 */ background: -webkit-linear-gradient(left, #4c8dff 0%,#3880ff 100%); /* IE10+, FF16+, Chrome26+ */ background: linear-gradient(to left, #4c8dff 0%,#3880ff 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):not(.post-card-title) { color: #3880ff; background-color: #eefaff; border-bottom : solid 1px #4c8dff; padding-left:20px!important; padding-top:10px!important; padding-bottom:10px!important; } /* タグクラウド */ .tagcloud a { border-color: #3880ff; color: #3880ff; } /* NEW ENTRY & 関連記事 */ .post h4:not(.st-css-no):not(.rankh4).point, .cat-itiran p.point, .n-entry-t { border-bottom-color: #3880ff; } .post h4:not(.st-css-no):not(.rankh4) .point-in, .cat-itiran p.point .point-in, .n-entry { background-color: #3880ff; color: #ffffff; } /* カテゴリ */ .catname { background: #3880ff; color:#ffffff; } .post .st-catgroup a { color: #ffffff; } /*グループ4 ------------------------------------------------------------*/ /* RSSボタン */ .rssbox a { background-color: #3880ff; } /* SNSボタン */ .inyoumodoki, .post blockquote { background-color: #f3f3f3; border-left-color: #f3f3f3; } /*ステップ ------------------------------------------------------------*/ .st-step { color: #ffffff; background: #3880ff; border-radius:5px; } .st-step:before{ border-top-color: #3880ff; } .st-step-title { border-bottom:solid 2px #3880ff; } /*ブログカード ------------------------------------------------------------*/ /* 枠線 */ /* ラベル */ .st-cardbox-label-text { } /*フリーボックスウィジェット ------------------------------------------------------------*/ /* ボックス */ .freebox { border-top-color: #3880ff; background: #eefaff; } /* 見出し */ .p-entry-f { background: #3880ff; color: #ffffff; } /* エリア内テキスト */ /*メモボックス ------------------------------------------------------------*/ /*スライドボックス ------------------------------------------------------------*/ /*お知らせ ------------------------------------------------------------*/ /*お知らせバーの背景色*/ #topnews-box div.rss-bar { border-color: #3880ff; } #topnews-box div.rss-bar { color: #ffffff; /*Other Browser*/ background: #3880ff; /*For Old WebKit*/ background: -webkit-linear-gradient( #3880ff 0%, #3880ff 100% ); /*For Modern Browser*/ background: linear-gradient( #3880ff 0%, #3880ff 100% ); } /*お知らせ日付の文字色*/ #topnews-box dt { color: #3880ff; } #topnews-box div dl dd a { color: #000000; } #topnews-box dd { border-bottom-color: #3880ff; } #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%; /*Other Browser*/ background: #3880ff; /* Android4.1 - 4.3 */ background: url(""), -webkit-linear-gradient(left, #4c8dff 0%,#3880ff 100%); /* IE10+, FF16+, Chrome26+ */ background: url(""), linear-gradient(to left, #4c8dff 0%,#3880ff 100%); } /*任意の人気記事 ------------------------------------------------------------*/ .poprank-no { background: #3880ff; } .post .p-entry, #side .p-entry, .home-post .p-entry { background: #3880ff; color: #ffffff; } .pop-box, .nowhits .pop-box, .nowhits-eye .pop-box, .st-eyecatch + .nowhits .pop-box { border-top-color: #3880ff; background: #eefaff; } .p-entry::after { border-bottom: 5px solid #3880ff; border-left: 5px solid #3880ff; } .pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets) { padding:20px 20px 10px; } .pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets) { padding:30px 20px 10px; border: none; } .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: #3880ff; 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:#3880ff; } /*ウィジェット問合せボタン*/ .st-formbtn { border-radius: 3px; /*Other Browser*/ background: #3880ff; } .st-formbtn .st-originalbtn-r { border-left-color: #ffffff; } a.st-formbtnlink { color: #ffffff; } /*ウィジェットオリジナルボタン*/ .st-originalbtn { border-radius: 3px; /*Other Browser*/ background: #3880ff; } .st-originalbtn .st-originalbtn-r { border-left-color: #ffffff; } a.st-originallink { color: #ffffff; } /*ミドルメニュー ------------------------------------------------------------*/ .st-middle-menu { /*Other Browser*/ background: #3880ff; /* Android4.1 - 4.3 */ background: -webkit-linear-gradient(left, #4c8dff 0%,#3880ff 100%); /* IE10+, FF16+, Chrome26+ */ background: linear-gradient(to left, #4c8dff 0%,#3880ff 100%); } .st-middle-menu ul{ } .st-middle-menu .menu > li{ } .st-middle-menu .menu li a{ color: #ffffff; } /*サイドメニューウィジェット ------------------------------------------------------------*/ /*背景色*/ #sidebg { background: #eefaff; } /*liタグの階層*/ #side aside .st-pagelists ul li:not(.sub-menu) { border-color: #4c8dff; } #side aside .st-pagelists ul .sub-menu li { border: none; } #side aside .st-pagelists ul li:last-child { border-bottom: 1px solid #4c8dff; } #side aside .st-pagelists ul .sub-menu li:first-child { border-top: 1px solid #4c8dff; } #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; /*Other Browser*/ background: #3880ff; /* Android4.1 - 4.3 */ background: url(""), -webkit-linear-gradient(left, #4c8dff 0%,#3880ff 100%); /* IE10+, FF16+, Chrome26+ */ background: url(""), linear-gradient(to left, #4c8dff 0%,#3880ff 100%); } #side aside .st-pagelists .sub-menu a { border-bottom-color: #4c8dff; color: #3880ff; } #side aside .st-pagelists .sub-menu .sub-menu li:last-child { border-bottom: 1px solid #4c8dff; } #side aside .st-pagelists .sub-menu li .sub-menu a, #side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a { color: #3880ff; } #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: #3880ff; } #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: "\f138\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:#3880ff; } /*コンタクトフォーム7送信ボタン*/ .wpcf7-submit { background: #3880ff; color: #ffffff; } /* ヘッダー画像エリア */ /* メイン画像背景色 */ /*強制センタリング・中央寄せ ------------------------------------------------------------*/ .entry-content .h2modoki, .entry-content h2:not(.st-css-no) { text-align:center; padding-left:10px; padding-right:10px; } .entry-content .h3modoki, .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) { text-align:center; padding-left:10px; padding-right:10px; } .entry-content .h3modoki:after, .entry-content .h3modoki:before, .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):after, .entry-content h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title):before { left: calc(50% - 10px); } /*media Queries タブレットサイズ(959px以下) ----------------------------------------------------*/ @media only screen and (max-width: 959px) { /*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /*-- ここまで --*/ } /*media Queries タブレットサイズ以上 ----------------------------------------------------*/ @media only screen and (min-width: 600px) { /*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ #st_toc_container:not(.st_toc_contracted):not(.only-toc), #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) { /*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /*-------------------------------- 各フォント設定 ---------------------------------*/ /*基本のフォントサイズ*/ .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), /* テキスト */ .post .entry-content .st-kaiwa-hukidashi, /* ふきだし */ .post .entry-content .st-kaiwa-hukidashi2, /* ふきだし */ .post .entry-content .yellowbox, /* 黄色ボックス */ .post .entry-content .graybox, /* グレーボックス */ .post .entry-content .redbox, /* 薄赤ボックス */ .post .entry-content #topnews .clearfix dd p, /* 一覧文字 */ .post .entry-content ul li, /* ulリスト */ .post .entry-content ol li, /* olリスト */ .post .entry-content #st_toc_container > ul > li, /* 目次用 */ .post .entry-content #comments #respond, /* コメント */ .post .entry-content #comments h4, /* コメントタイトル */ .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), /* H5 */ .post .entry-content h6 { } /* スライドの抜粋 */ .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){ } /* 記事タイトル */ #contentInner .post .entry-title:not(.st-css-no2) { } /* H2 */ .post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki{ } /* H3 */ .post .entry-content h3:not(.st-css-no2):not(#reply-title), .post .entry-content .h3modoki { } /* H4 */ .post .entry-content h4:not(.st-css-no2):not(.point), .post .entry-content .h4modoki { } /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /*-- ここまで --*/ } /*media Queries PCサイズ ----------------------------------------------------*/ @media only screen and (min-width: 960px) { /*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /*-------------------------------- 各フォント設定 ---------------------------------*/ /*基本のフォントサイズ*/ .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), /* テキスト */ .post .entry-content .st-kaiwa-hukidashi, /* ふきだし */ .post .entry-content .st-kaiwa-hukidashi2, /* ふきだし */ .post .entry-content .yellowbox, /* 黄色ボックス */ .post .entry-content .graybox, /* グレーボックス */ .post .entry-content .redbox, /* 薄赤ボックス */ .post .entry-content #topnews .clearfix dd p, /* 一覧文字 */ .post .entry-content ul li, /* ulリスト */ .post .entry-content ol li, /* olリスト */ .post .entry-content #st_toc_container > ul > li, /* 目次用 */ .post .entry-content #comments #respond, /* コメント */ .post .entry-content #comments h4, /* コメントタイトル */ .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), /* H5 */ .post .entry-content h6 { } /* スライドの抜粋 */ .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){ } /* 記事タイトル */ #contentInner .post .entry-title:not(.st-css-no2) { } /* H2 */ .post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki{ } /* H3 */ .post .entry-content h3:not(.st-css-no2):not(#reply-title), .post .entry-content .h3modoki { } /* H4 */ .post .entry-content h4:not(.st-css-no2):not(.point), .post .entry-content .h4modoki { } /*-------------------------------- 全体のサイズ ---------------------------------*/ #st-menuwide, /*メニュー*/ nav.smanone, nav.st5, #st-menuwide div.menu, #st-menuwide nav.menu, #st-header, /*ヘッダー*/ #st-header-under-widgets-box, /*ヘッダー画像下*/ #content, /*コンテンツ*/ #footer-in /*フッター*/ { max-width:1114px; } #headbox { max-width:1094px; } /*1カラムの幅のサイズ*/ .colum1 #st-header-under-widgets-box, .colum1 #content { max-width: 1114px; } /* ヘッダー画像/記事スライドショー横並び */ /*-------------------------------- PCのレイアウト(右サイドバー) ---------------------------------*/ #contentInner { float: left; width: 100%; margin-right: -300px; } main { margin-right: 320px; margin-left: 0px; background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 30px 50px 30px; } #side aside { float: right; width: 300px; padding: 0px; } /** * サイト名とキャッチフレーズ有無の調整 */ #header-r .footermenust { margin: 0; } /*PCアドセンスを横並び*/ .adbox:after { content: ""; display: block; clear: both; } .adbox div { float:left; margin-right:20px; padding-top:0!important; padding-bottom:10px; } .adbox div:last-child { margin-right:0px; } /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /*TOC+*/ #toc_container:not(.contracted) { /* 表示状態 */ } /*ヘッダーの背景色*/ /*メインコンテンツのボーダー*/ /* メイン画像100% */ /*wrapperに背景がある場合*/ /*メニュー*/ #st-menuwide { border-top-color: #4c8dff; border-bottom-color: #4c8dff; border-left-color: #3880ff; border-right-color: #3880ff; /*Other Browser*/ background: #3880ff; /* Android4.1 - 4.3 */ background: url(""), -webkit-linear-gradient(left, #4c8dff 0%,#3880ff 100%); /* IE10+, FF16+, Chrome26+ */ background: url(""), linear-gradient(to left, #4c8dff 0%,#3880ff 100%); } 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: #4c8dff; } header .smanone ul.menu li li, header nav.st5 ul.menu li li, header #st-menuwide div.menu li li, header #st-menuwide nav.menu li li { border:none; } /* テキストカラーとマウスオーバー */ 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 li a { background: #4c8dff; border-top-color: #3880ff; } /*メニューの上下のパディング*/ /* グローバルメニュー100% */ #st-menuwide { max-width: 100%; } /*ヘッダーウィジェット*/ header .headbox .textwidget, #footer .headbox .textwidget{ background: #eefaff; color: ; } /*ヘッダーの電話番号とリンク色*/ .head-telno a, #header-r .footermenust a { color: #ffffff; } #header-r .footermenust li { border-right-color: #ffffff; } /*トップ用おすすめタイトル*/ .nowhits .pop-box { border-top-color: #3880ff; } /*記事エリアを広げる*/ /*強制センタリング・中央寄せ ------------------------------------------------------------*/ /*-- ここまで --*/ } /*media Queries スマートフォンのみ(599px)以下 ---------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 599px) { /*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /*-------------------------------- 各フォント設定 ---------------------------------*/ /*基本のフォントサイズ*/ .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), /* テキスト */ .post .entry-content .st-kaiwa-hukidashi, /* ふきだし */ .post .entry-content .st-kaiwa-hukidashi2, /* ふきだし */ .post .entry-content .yellowbox, /* 黄色ボックス */ .post .entry-content .graybox, /* グレーボックス */ .post .entry-content .redbox, /* 薄赤ボックス */ .post .entry-content #topnews .clearfix dd p, /* 一覧文字 */ .post .entry-content ul li, /* ulリスト */ .post .entry-content ol li, /* olリスト */ .post .entry-content #st_toc_container > ul > li, /* 目次用 */ .post .entry-content #comments #respond, /* コメント */ .post .entry-content #comments h4, /* コメントタイトル */ .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), /* H5 */ .post .entry-content h6 { } /* スライドの抜粋 */ .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){ } /* 記事タイトル */ #contentInner .post .entry-title:not(.st-css-no2) { } /* H2 */ .post .entry-content h2:not(.st-css-no2), .post .entry-content .h2modoki{ } /* H3 */ .post .entry-content h3:not(.st-css-no2):not(#reply-title), .post .entry-content .h3modoki { } /* H4 */ .post .entry-content h4:not(.st-css-no2):not(.point), .post .entry-content .h4modoki { } /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/