/*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /* @keyframes アニメーション */ .st-key-slidedown { animation-name: StSlideDown; /* 上から下 */ animation-duration: 2s; } .st-key-slice-up { animation-name: StSlideUp; /* 下から上 */ animation-duration: 2s; } .st-key-righttuoleft { animation-name: StRightToLeft; /* 右から左 */ animation-duration: 2s; } .st-key-righttuoleft { animation-name: StLeftToRight; /* 左から右 */ animation-duration: 2s; } .st-key-fedein { animation-name: StFedeIn; /* フェードイン */ animation-duration: 2s; } /* 上から下 */ @keyframes StSlideDown { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } } /* 下から上 */ @keyframes StSlideUp { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } /* 右から左 */ @keyframes StRightToLeft { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } /* 左から右 */ @keyframes StLeftToRight { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(50px); } } /* フェードイン */ @keyframes StFedeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* スライドショーの矢印アイコンを非表示にする */ .slick-next, .slick-prev { display: none !important; } .slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: #424242 } /* ツイッター */ .sns .twitter a { background:#29B6F6; box-shadow: 0 3px 0 #03A9F4; } /* Facebook */ .sns .facebook a { background:#5C6BC0; box-shadow: 0 3px 0 #3F51B5; } /* グーグル */ .sns .googleplus a { background:#ef5350; box-shadow: 0 3px 0 #f44336; } /* はてぶ */ .sns .hatebu a { background:#42A5F5; box-shadow: 0 3px 0 #2196F3; } /* LINE */ .sns .line a { background:#9CCC65; box-shadow: 0 3px 0 #8BC34A; } .sns .fa-comment { border-right: 1px solid #b7d885; } /* Pocket */ .sns .pocket a { background:#EC407A; box-shadow: 0 3px 0 #E91E63; } /* クラス指定によるフォント */ { font-family: } .n-entry, /* NEW ENTRY */ h4:not(.st-css-no) .point-in, /* 関連記事 */ .cat-itiran p.point, #reply-title, .form-submit, /*コメント欄見出し*/ .news-ca, /*お知らせタイトル*/ .sitename a, /* サイト名 */ .sitename, #st-mobile-logo a, /*モバイルタイトル*/ .footerlogo a, .footerlogo /*フッターのタイトル*/ { font-family: } .st-widgets-title, /* ウィジェットタイトル */ .st-widgets-title span, /* ウィジェットタイトル */ h4.menu_underh2 span, .st-header-flextitle, .h4modoki, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(#reply-title):not(.point), .h5modoki, .post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title), .rankh4:not(.st-css-no), .post .rankh4:not(.st-css-no), #side .rankh4:not(.st-css-no), .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: } .snstext { font-family: } .kanren dd h3 a, /* 記事一覧 */ .kanren dd .kanren-t a, /* 記事一覧サイドバー */ .post-slide-title a, /* ショートコード記事 */ .post-card-title a, /* 記事カード化 */ #st-magazine dd h3 /* JET */ { font-family: } header .smanone ul.menu > li > a, /* PCグローバルメニュー */ #side aside .st-pagelists > ul > li > a, /* サイドメニューウィジェット */ .st-cardlink-card-text, /* ヘッダーカード */ .acordion_tree ul.menu > li > a .menu-item-label, /* スマホスライドメニュー */ .st-middle-menu .menu > li > a, /* スマホミドルメニュー */ #st-footermenubox ul.menu > li > a, /* スマホフッターメニュー */ .originalbtn-bold, /* ウィジェットボタン */ .tagcloud a, /*タグクラウド*/ .cat-item-label /* カテゴリ */ { font-family: } header .smanone ul.menu li a, /* PCグローバルメニュー(第二階層以下) */ #side aside .st-pagelists ul > li a, /* サイドメニューウィジェット(第二階層以下) */ .acordion_tree ul.menu li a /* スマホスライドメニュー(第二階層以下) */ { font-family: } .head-telno a, .st-wppviews-label .wpp-views, .wpp-text, .poprank-no2, .poprank-no { font-family: } /*CARDs JET用*/ .wpp-views { font-family: } .st-cardbox-t, /* ブログカード */ .kanren .popular-t a, /* おすすめ記事 */ .st-cardlink-card a { font-family: } .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; } /* URLコピー */ .sns .share-copy a { box-shadow: none; } .sns .share-copy a:hover { background:#ccc; box-shadow: none; } .sns .share-copy::before { position: relative; left: 1px; } .sns .share-copy .fa-clipboard { border-right: none; } /* はてぶ */ .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; } /*サイドバーカテゴリ*/ #side li.cat-item a::after { content: " \f105"; font-family: FontAwesome; position: absolute; right: 10px; } #side li.cat-item a { position: relative; vertical-align: middle; width:100%; padding: 10px; box-sizing:border-box; border-bottom: 1px solid #e1e1e1; color:#1a1a1a; text-decoration:none; display:block; } #side li.cat-item a:hover { opacity:0.5; } #side li.cat-item a { border-bottom-color: ; color: ; } /*TOC+*/ #toc_container { margin: 0 auto 20px; text-align: center; } #toc_container .toc_title { text-align:center; padding: 5px; font-weight:bold; position:relative; display: inline-block; vertical-align: middle; border-bottom: 2px solid #333; margin-bottom: 5px; } #toc_container:not(.contracted) .toc_title { margin:0 auto 10px; } #toc_container .toc_title:before { content: "\f0f6\00a0"; font-family: FontAwesome; } #toc_container .toc_title .toc_toggle { font-weight: normal; font-size:95%; } .post #toc_container ul, .post #toc_container ol { list-style: none; margin-bottom: 0; } .toc_number { font-weight:bold; margin-right:5px; color:#ccc; } #toc_container ul a { display: block; text-decoration: none; color: #000; padding-bottom:5px; border-bottom: 1px dotted #ccc; } #toc_container ul a:hover { opacity:0.5; } #toc_container .toc_list > li> li > a { margin-bottom:10px; } #toc_container .toc_list > li > a { border-bottom: none; } .post #toc_container ul ul { padding: 5px 0; } .post #toc_container ul ul ul { padding-left: 10px; } #toc_container li { font-weight:bold; margin-bottom: 5px; padding: 10px 0px; list-style-type:none; text-align: left; text-indent:-0.8em; padding-left:1em; } #toc_container > ul > li { font-size: 18px; } #toc_container li a:before { font-family: FontAwesome; content: "\f0da\00a0\00a0"; color: #333; } #toc_container li li a:before { content: none; } #toc_container li li { text-align:left; font-weight:normal; list-style:decimal outside none; text-indent:0; padding: 5px 0; } #toc_container li li li{ margin-bottom:0; padding:3px 0; list-style-type:none; text-indent:-0.8em; padding-left:1em; } #toc_container li li li a{ border:none; margin-bottom:0; padding:0; } #toc_container li li li a:before { font-family: FontAwesome; content: "\f0da\00a0\00a0"; color: #9E9E9E; } /* 第一階層のみの場合 */ #toc_container.only-toc ul { padding:20px; } #toc_container.only-toc li{ padding:0; font-weight:normal; } #toc_container.only-toc li a:before{ content: none; } #toc_container.only-toc li{ list-style-type: decimal; border-bottom:dotted 1px #ccc; } #st_toc_container.only-toc:not(.st_toc_contracted) { } /* オリジナル */ .post #toc_container ol.st-original-toc > li { list-style: decimal; text-align:left; font-weight: normal; padding: 0; text-indent: 0; } #toc_container ol.st-original-toc > li a:before { content: none; } /*スライドメニュー追加ボタン1*/ #s-navi dt.trigger .acordion_extra_1 { max-width: 80%; } /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /*グループ1 ------------------------------------------------------------*/ /* 一括カラー反映 */ input, textarea { color: #000; } /*縦一行目のセル*/ table tr td:first-child { } /*横一行目のセル*/ table tr:first-child { } /* 会話レイアウト */ .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2 { background-color: #ffcdd2; } .st-kaiwa-hukidashi:after { border-color: transparent #ffcdd2 transparent transparent; } .st-kaiwa-hukidashi2:after { border-color: transparent transparent transparent #ffcdd2; } .kaiwaicon2 .st-kaiwa-hukidashi, .kaiwaicon2 .st-kaiwa-hukidashi2 { background-color: #b3e5fc; } .kaiwaicon2 .st-kaiwa-hukidashi:after { border-color: transparent #b3e5fc transparent transparent; } .kaiwaicon2 .st-kaiwa-hukidashi2:after { border-color: transparent transparent transparent #b3e5fc; } /*こんな方におすすめ*/ /*目次(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 li li li, #toc_container li li li { text-indent:-0.8em; padding-left:1em; } /*マル数字olタグ*/ .post .maruno ol li:before { } /*チェックulタグ*/ .post .maruck ul li:before { } /*Webアイコン*/ .st-blackboard.square-checkbox ul.st-blackboard-list:not(.st-css-no) li:before, .st-blackboard.square-checkbox ul li:after, .st-square-checkbox ul li:before, .st-square-checkbox ul li:after { font-size: 150%; } /*サイト上部のボーダー色*/ /*ヘッダーの背景色*/ #headbox-bg { background-image: url(""); background-color: #6ecbe6; } /* header */ /*ヘッダー下からの背景色*/ #content-w { background: url("https://digital-support-station.net/wp-content/uploads/2018/10/水玉背景 記事後ろ用-1420×1420 枠削除.png"); background-position: ; } /*メインコンテンツの背景色*/ main { background: #ffffff!important; } header .sitename a, /*ブログタイトル*/ nav li a /* メニュー */ { color: #ffffff; } /*ページトップ*/ #page-top a { background: #6ecbe6; } /*キャプション */ header h1, header .descr{ color: #ffffff; } /* アコーディオン */ #s-navi dt.trigger .op { color: #ffffff; } /*アコーディオンメニューバー*/ #s-navi dt { /*Other Browser*/ background: #6ecbe6; /* Android4.1 - 4.3 */ background: -webkit-linear-gradient(top, #6ecbe6 0%,#6ecbe6 100%); /* IE10+, FF16+, Chrome26+ */ background: linear-gradient(to bottom, #6ecbe6 0%,#6ecbe6 100%); } /*アコーディオンメニュー内背景色*/ #s-navi dd.acordion_tree { background: #2e2216; /* 背景画像 */ } /*追加ボタン1*/ #s-navi dt.trigger .op-st { background: #6ecbe6; color: #ffffff; } /*追加ボタン2*/ #s-navi dt.trigger .op-st2 { color: #ffffff; } #s-navi dl.acordion { position: fixed; z-index: 10000; top: 0; left: 0; transition: .3s; } #s-navi dd.acordion_tree { background: #2e2216; } #headbox { padding: 48px 10px 10px; margin: 0 auto; } /*スマホフッターメニュー*/ #st-footermenubox a { color: #000; } /* スマホメニュー文字 */ #s-navi dl.acordion .acordion_tree .st-ac-box .st-widgets-title, .acordion_tree ul.menu li a, .acordion_tree ul.menu li { color: #ffffff; } .acordion_tree ul.menu li a { border-bottom: 1px solid #ffffff; } /* ガイドマップメニュー */ .acordion_tree .st-ac-box ul.st-ac-cat { border-top-color: #ffffff; border-left-color: #ffffff; } .acordion_tree .st-ac-box ul.st-ac-cat > li.cat-item { border-right-color: #ffffff; border-bottom-color: #ffffff; } .acordion_tree .st-ac-box .widget_categories ul.st-ac-cat li.cat-item a { color:#ffffff; } /*グループ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) { background-color: transparent; background: none; border: none; } /* h2 */ .h2modoki, .post h2:not(.st-css-no) { border: none; border-bottom: 2px dashed #666666; padding-left:0; color: #666666; background-color: transparent; background: none; } /* h3 */ .h3modoki, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) { color: #ffa51e; background-color: transparent; background: none; border: none; } /*h4*/ .h4modoki, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.point) { background-color: transparent; } /* ウィジェットタイトル */ #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) { font-weight: bold; margin-bottom: 10px; color: ; background-color: transparent; background: none; } /* 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) { background-color: transparent; } .post .st-matome:not(.st-css-no):not(.rankh4):not(.point) { background-color: transparent; } .tagcloud a { border: none; } /*グループ4 ------------------------------------------------------------*/ /*ステップ ------------------------------------------------------------*/ .st-step { color: #ffffff; background: #ff9999; border-radius:5px; } .st-step:before{ border-top-color: #ff9999; } .st-step-title { color:#ff9999; border-bottom:solid 2px #ff9999; } /* ポイント ------------------------------------------------------------*/ .st-point:before { color: #ffffff; background: #ff9999; } /*ブログカード ------------------------------------------------------------*/ /* 枠線 */ /* ラベル */ .st-cardbox-label-text { } /*フリーボックスウィジェット ------------------------------------------------------------*/ /* エリア内テキスト */ /*メモボックス ------------------------------------------------------------*/ /*スライドボックス ------------------------------------------------------------*/ /*お知らせ ------------------------------------------------------------*/ /*お知らせバーの背景色*/ #topnews-box div.rss-bar { border: none; /*Other Browser*/ background: #2e2216; /*For Old WebKit*/ background: -webkit-linear-gradient( #2e2216 0%, #2e2216 100% ); /*For Modern Browser*/ background: linear-gradient( #2e2216 0%, #2e2216 100% ); color: #ffffff; } /*お知らせ日付の文字色*/ #topnews-box dt { color: ; } #topnews-box div dl dd a { color: ; } #topnews-box dd { border-bottom-color: ; } #topnews-box { background-color:transparent!important; } /*追加カラー ------------------------------------------------------------*/ #footer .footerlogo a, /* フッターロゴ */ #footer .footerlogo, #footer .footer-description a, /* フッター説明 */ #footer .footer-description, #footer .head-telno a, /* フッターの電話番号 */ #footer .head-telno, /* フッターの電話番号 */ #footer .widget_recent_entries ul li a, /* 最近の投稿 */ #footer .widget_recent_entries ul li, #footer .widget_categories ul li a, /* カテゴリ(デフォルト) */ #footer .widget_categories ul li, #footer .rankh3:not(.st-css-no), #footer .st_side_rankwidgets a, /* ランキングウィジェットタイトル */ #footer .rankwidgets-cont p, /* 説明 */ #footer .kanren dd a, /* 記事一覧タイトル */ #footer .kanren .st-excerpt p, /* 記事一覧説明 */ #footer .kanren .blog_info p, /* 記事一覧日付 */ footer .footer-l *, footer .footer-l a, #footer .menu-item a, #footer .copyr, #footer .copyr a, #footer .copy, #footer .copy a { color: #ffffff !important; } #footer #newsin dt, /* お知らせ日時 */ #footer #newsin dd a, /* お知らせ日テキスト*/ #footer #newsin dd, /* お知らせ日ボーダー */ #footer .cat-item a, #footer .tagcloud a { color: #ffffff; border-color: #ffffff; } #footer .st-widgets-title { color: #ffffff; font-weight: bold; } footer .footermenust li { border-right-color: #ffffff !important; } /*フッター背景色*/ #footer { max-width:100%; background-image: url(""); background-color: #2e2216; } /*任意の人気記事 ------------------------------------------------------------*/ .post .p-entry, #side .p-entry, .home-post .p-entry { } .pop-box, .nowhits .pop-box, .nowhits-eye .pop-box, .st-eyecatch + .nowhits .pop-box { } .pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets) { padding: 20px 0 10px; } .pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets) { padding:30px 20px 10px; border: none; } .poprank-no2, .poprank-no { } /*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 { } /*ウィジェット問合せボタン*/ .st-formbtn { background-color: transparent!important; } /*ウィジェットオリジナルボタン*/ .st-originalbtn { background-color: transparent!important; } /*ミドルメニュー ------------------------------------------------------------*/ .st-middle-menu { background-color: #ffffff; } .st-middle-menu ul{ border-top: 1px solid #6ecbe6; } .st-middle-menu .menu > li{ border-bottom: 1px solid #6ecbe6; } .st-middle-menu .menu > li:last-child { border-bottom: none; } .st-middle-menu .menu > li:nth-child(odd){ border-right: 1px solid #6ecbe6; } .st-middle-menu .menu li a{ color: #1e73be; } nav.st-middle-menu { border-bottom:1px solid #6ecbe6; } nav.st-middle-menu { margin:10px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); border-left:1px solid #6ecbe6; border-right:1px solid #6ecbe6; } /*サイドメニューウィジェット ------------------------------------------------------------*/ /*背景色*/ #sidebg { } /*liタグの階層*/ #side aside .st-pagelists ul li:not(.sub-menu) { border: none; } #side aside .st-pagelists ul .sub-menu li { border: none; } #side aside .st-pagelists ul li:last-child { border-bottom: none; } #side aside .st-pagelists ul .sub-menu li:first-child { border-top: none; } #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: #ffffff; } #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: none; color: ; } #side aside .st-pagelists .sub-menu .sub-menu li:last-child { border-bottom: 1px solid ; } #side aside .st-pagelists .sub-menu li .sub-menu a, #side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a { color: ; } /*Webアイコン*/ /* ヘッダー画像エリア */ /* メイン画像背景色 */ #st-headerbox { background-color: #59b3cd; } #st-headerbox { background-image: url("https://digital-support-station.net/wp-content/uploads/2018/11/スライダー背景 水色ストライプ 斜め.png"); background-size: cover; background-position: ; } /*強制センタリング・中央寄せ ------------------------------------------------------------*/ .entry-content .h2modoki, .entry-content h2:not(.st-css-no) { text-align:center; padding-left:10px; padding-right: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より移動(ここから) */ /*TOC+*/ #toc_container > ul > li { font-size: 21px; } /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /* 目次 */ #st_toc_container:not(.st_toc_contracted):not(.only-toc), #toc_container:not(.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 { line-height: 30px; } /* スライドの抜粋 */ .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){ line-height: 26px; } /* 記事タイトル */ #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より移動(ここまで) -------------------------------------------*/ #headbox { padding: 58px 10px 10px; margin: 0 auto; } /*-- ここまで --*/ } /*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 { line-height: 40px; } /* スライドの抜粋 */ .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){ line-height: 18px; } /* 記事タイトル */ #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-header-cardlink, #st-menuwide div.menu, #st-menuwide nav.menu, #st-header, /*ヘッダー*/ #st-header-under-widgets-box, /*ヘッダー画像下*/ #content, /*コンテンツ*/ #footer-in /*フッター*/ { max-width:1060px; } .st-lp-wide #content /* LPワイド */ { max-width:100%; } #headbox { max-width:1040px; } /*1カラムの幅のサイズ*/ .colum1:not(.st-lp-wide) #st-header-under-widgets-box, .colum1:not(.st-lp-wide) #content { max-width: 1060px; } /* ヘッダー画像/記事スライドショー横並び */ #header-slides .slick-list { overflow: visible !important; } #st-headerbox { overflow:hidden; } /*-------------------------------- 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; } /** * サイト名とキャッチフレーズ有無の調整 */ /*TOC+*/ #toc_container { padding-left: 30px; padding-right: 30px; } #toc_container > ul > li { font-size: 16px; } /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /*TOC+*/ #toc_container:not(.contracted) { /* 表示状態 */ } /*ヘッダーの背景色*/ /*メインコンテンツのボーダー*/ #headbox { padding: 10px; } /* メイン画像100% */ /*wrapperに背景がある場合*/ /*メニュー*/ #st-menuwide { border-top: none; border-bottom: none; border-left: none; border-right: none; background-image: url(""); background-color: #6ecbe6; } 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: none; } 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 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: #40bee5; border-top-color: #6ecbe6; } /*メニューの上下のパディング*/ /* グローバルメニュー */ #st-menuwide { max-width: 100%; } /*ヘッダーウィジェット*/ header .headbox .textwidget, #footer .headbox .textwidget{ } /*ヘッダーの電話番号とリンク色*/ .head-telno a, #header-r .footermenust a { color: #ffffff; } #header-r .footermenust li { border-right-color: #ffffff; } /*記事エリアを広げる*/ /*強制センタリング・中央寄せ ------------------------------------------------------------*/ #side .smanone.st-excerpt { display:none; } /*-- ここまで --*/ } /*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 { font-size: 16px; line-height: 35px; } /* スライドの抜粋 */ .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){ font-size: 13px; line-height: 18px; } /*マルリスト・チェックリスト*/ .post .maruno ol li, .post .maruck ul li{ line-height: calc( 16px + 5px ); } .post .maruno ol li:before, .post .maruck ul li:before{ min-width: calc( 16px + 5px ); height: calc( 16px + 5px ); line-height: calc( 16px + 5px ); } /* 記事タイトル */ #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より移動(ここまで) -------------------------------------------*/ /*-- ここまで --*/ } /*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /*------------------------------------------- ガイドマップメニュー(ここから) */ /* ガイドマップメニュー(ここまで) -------------------------------------------*/