/*グループ1
------------------------------------------------------------*/
/*縦一行目のセル*/
table tr td:first-child {
}
/*横一行目のセル*/
table tr:first-child {
}
/* 会話レイアウト */
.st-kaiwa-hukidashi,
.st-kaiwa-hukidashi2 {
background-color: #FAFAFA;
}
.st-kaiwa-hukidashi:after {
border-color: transparent #FAFAFA transparent transparent;
}
.st-kaiwa-hukidashi2:after {
border-color: transparent transparent transparent #FAFAFA;
}
/*この記事を書いた人*/
#st-tab-menu li.active {
background: #90A4AE;
}
#st-tab-box {
border-color: #90A4AE;
}
.post #st-tab-box p.st-author-post {
border-bottom-color: #90A4AE;
}
.st-author-date{
color:#90A4AE;
}
#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 ol li:before {
background: #90A4AE;
color:#FFFFFF;
}
/*チェックulタグ*/
.post .maruck ul li:before {
background: #90A4AE;
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: #90A4AE;
/* Android4.1 - 4.3 */
background: url(""), -webkit-linear-gradient(top, #B0BEC5 0%,#90A4AE 100%);
/* IE10+, FF16+, Chrome26+ */
background: url(""), linear-gradient(to bottom, #B0BEC5 0%,#90A4AE 100%);
}
/*サイトの背景色*/
/*ヘッダー下からの背景色*/
#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: #FFFFFF;
}
/* メニュー */
nav li a {
color: #FFFFFF;
}
/*ページトップ*/
#page-top a {
background: #90A4AE;
}
#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: #FAFAFA;
}
/*追加ボタン1*/
#s-navi dt.trigger .op-st {
background: #B0BEC5;
color: #FFFFFF;
}
/*追加ボタン2*/
#s-navi dt.trigger .op-st2 {
background: #B0BEC5;
color: #FFFFFF;
}
/*スマホフッターメニュー*/
#st-footermenubox a {
color: #FFFFFF;
}
#st-footermenubox {
background: #B0BEC5;
}
.acordion_tree ul.menu li a {
border-bottom-color: #B0BEC5;
}
/* アコーディオンメニュー内のカテゴリ */
.acordion_tree .st-ac-box ul.st-ac-cat {
border-top-color: #B0BEC5;
border-left-color: #B0BEC5;
}
.acordion_tree .st-ac-box ul.st-ac-cat > li.cat-item {
border-right-color: #B0BEC5;
border-bottom-color: #B0BEC5;
}
.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: 1em 1em 1em 1.3em;
padding-top:10px!important;
padding-bottom:10px!important;
border: 1px solid #90A4AE;
color: #90A4AE;
/*Other Browser*/
background: #FAFAFA;
/* Android4.1 - 4.3 */
background: url(""), -webkit-linear-gradient(top, #fff 0%,#FAFAFA 100%);
/* IE10+, FF16+, Chrome26+ */
background: url(""), linear-gradient(to bottom, #fff 0%,#FAFAFA 100%);
}
.h2modoki::after,
.post h2:not(.st-css-no)::after {
position: absolute;
top: .5em;
left: .5em;
content: '';
width: 5px;
height: -webkit-calc(100% - 1em);
height: calc(100% - 1em);
background-color: #90A4AE;
}
/* h3 */
.h3modoki,
.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {
position: relative;
padding-left:0;
padding-bottom: 10px;
border-top:none;
border-bottom-width:3px;
border-bottom-color: #FAFAFA!important;
padding-left:10px!important;
padding-top:10px!important;
padding-bottom:10px!important;
color: #90A4AE;
background-color:transparent;
}
.h3modoki::after,
.post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title)::after {
position: absolute;
bottom: -3px;
left: 0;
z-index: 3;
content: '';
width: 30%;
height: 3px;
background-color: #90A4AE;
}
/*h4*/
.h4modoki,
.post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.point) {
border-left: 5px solid #90A4AE;
color: #90A4AE;
background-color: transparent;
padding-left:20px;
padding-top:7px;
padding-bottom:7px;
}
/*まとめ*/
.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-top:7px;
padding-bottom:7px;
padding-left:20px;
border: 1px solid #90A4AE;
color: #90A4AE;
/*Other Browser*/
background: #FAFAFA;
/* Android4.1 - 4.3 */
background: url(""), -webkit-linear-gradient(top, #fff 0%,#FAFAFA 100%);
/* IE10+, FF16+, Chrome36+ */
background: url(""), linear-gradient(to bottom, #fff 0%,#FAFAFA 100%);
}
#side .menu_underh2::after,
#side .st-widgets-title:not(.st-css-no)::after {
position: absolute;
top: .5em;
left: .5em;
content: '';
width: 5px;
height: -webkit-calc(100% - 1em);
height: calc(100% - 1em);
background-color: #90A4AE;
}
/* 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: #90A4AE;
background-color: #FAFAFA;
padding-left:10px!important;
padding-top:10px!important;
padding-bottom:10px!important;
}
/* タグクラウド */
.tagcloud a {
border-color: #90A4AE;
color: #90A4AE;
}
/* NEW ENTRY & 関連記事 */
.post h4:not(.st-css-no):not(.rankh4).point,
.cat-itiran p.point,
.n-entry-t {
border-bottom-color: #90A4AE;
}
.post h4:not(.st-css-no):not(.rankh4) .point-in,
.cat-itiran p.point .point-in,
.n-entry {
background-color: #90A4AE;
color: #FFFFFF;
}
/* カテゴリ */
.catname {
background: #90A4AE;
color:#ffffff;
}
.catname.st-catid1 {
background-color: ;
}
.post .st-catgroup a {
color: #ffffff;
}
/*グループ4
------------------------------------------------------------*/
/* RSSボタン */
.rssbox a {
background-color: #90A4AE;
}
/* SNSボタン */
.inyoumodoki, .post blockquote {
background-color: ;
border-left-color: ;
}
/*ブログカード
------------------------------------------------------------*/
/* 枠線 */
/* ラベル */
.st-cardbox-label-text {
}
/*フリーボックスウィジェット
------------------------------------------------------------*/
/* ボックス */
.freebox {
border-top-color: #90A4AE;
background: #FAFAFA;
}
/* 見出し */
.p-entry-f {
background: #90A4AE;
color: #FFFFFF;
}
/* エリア内テキスト */
/*メモボックス
------------------------------------------------------------*/
/*スライドボックス
------------------------------------------------------------*/
/*お知らせ
------------------------------------------------------------*/
/*お知らせバーの背景色*/
#topnews-box div.rss-bar {
border-color: #90A4AE;
}
#topnews-box div.rss-bar {
color: #FFFFFF;
/*Other Browser*/
background: #90A4AE;
/*For Old WebKit*/
background: -webkit-linear-gradient( #90A4AE 0%, #90A4AE 100% );
/*For Modern Browser*/
background: linear-gradient( #90A4AE 0%, #90A4AE 100% );
}
/*お知らせ日付の文字色*/
#topnews-box dt {
color: #90A4AE;
}
#topnews-box div dl dd a {
color: #000000;
}
#topnews-box dd {
border-bottom-color: #90A4AE;
}
#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: #90A4AE;
/* Android4.1 - 4.3 */
background: url(""), -webkit-linear-gradient(top, #B0BEC5 0%,#90A4AE 100%);
/* IE10+, FF16+, Chrome26+ */
background: url(""), linear-gradient(to bottom, #B0BEC5 0%,#90A4AE 100%);
}
/*任意の人気記事
------------------------------------------------------------*/
.poprank-no
{
background: #90A4AE;
}
.post .p-entry, #side .p-entry, .home-post .p-entry {
background: #90A4AE;
color: #FFFFFF;
}
.pop-box, .nowhits .pop-box, .nowhits-eye .pop-box,
.st-eyecatch + .nowhits .pop-box {
border-top-color: #90A4AE;
background: #FAFAFA;
}
.p-entry::after {
border-bottom: 5px solid #90A4AE;
border-left: 5px solid #90A4AE;
}
.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: #90A4AE;
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:#90A4AE;
}
/*ウィジェット問合せボタン*/
.st-formbtn {
border-radius: 3px;
/*Other Browser*/
background: #90A4AE;
}
.st-formbtn .st-originalbtn-r {
border-left-color: #FFFFFF;
}
a.st-formbtnlink {
color: #FFFFFF;
}
/*ウィジェットオリジナルボタン*/
.st-originalbtn {
border-radius: 3px;
/*Other Browser*/
background: #90A4AE;
}
.st-originalbtn .st-originalbtn-r {
border-left-color: #FFFFFF;
}
a.st-originallink {
color: #FFFFFF;
}
/*ミドルメニュー
------------------------------------------------------------*/
.st-middle-menu {
/*Other Browser*/
background: #90A4AE;
/* Android4.1 - 4.3 */
background: -webkit-linear-gradient(top, #90A4AE 0%,#90A4AE 100%);
/* IE10+, FF16+, Chrome26+ */
background: linear-gradient(to bottom, #90A4AE 0%,#90A4AE 100%);
}
.st-middle-menu ul{
border-top: 1px solid #B0BEC5;
}
.st-middle-menu .menu > li{
border-bottom: 1px solid #B0BEC5;
}
.st-middle-menu .menu > li:nth-child(odd){
border-right: 1px solid #B0BEC5;
}
.st-middle-menu .menu li a{
color: #FFFFFF;
}
/*サイドメニューウィジェット
------------------------------------------------------------*/
/*背景色*/
#sidebg {
background: #FAFAFA;
}
/*liタグの階層*/
#side aside .st-pagelists ul li:not(.sub-menu) {
border-color: #B0BEC5;
}
#side aside .st-pagelists ul .sub-menu li {
border: none;
}
#side aside .st-pagelists ul li:last-child {
border-bottom: 1px solid #B0BEC5;
}
#side aside .st-pagelists ul .sub-menu li:first-child {
border-top: 1px solid #B0BEC5;
}
#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: #90A4AE;
/* Android4.1 - 4.3 */
background: url(""), -webkit-linear-gradient(top, #B0BEC5 0%,#90A4AE 100%);
/* IE10+, FF16+, Chrome26+ */
background: url(""), linear-gradient(to bottom, #B0BEC5 0%,#90A4AE 100%);
}
#side aside .st-pagelists .sub-menu a {
border-bottom-color: #B0BEC5;
color: #90A4AE;
}
#side aside .st-pagelists .sub-menu .sub-menu li:last-child {
border-bottom: 1px solid #B0BEC5;
}
#side aside .st-pagelists .sub-menu li .sub-menu a,
#side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a {
color: #90A4AE;
}
#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: #90A4AE;
}
#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:#90A4AE;
}
/*コンタクトフォーム7送信ボタン*/
.wpcf7-submit {
background: #90A4AE;
color: #FFFFFF;
}
/* メイン画像背景色 */
/*強制センタリング・中央寄せ
------------------------------------------------------------*/
/*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: #B0BEC5;
border-bottom-color: #B0BEC5;
border-left-color: #90A4AE;
border-right-color: #90A4AE;
/*Other Browser*/
background: #90A4AE;
/* Android4.1 - 4.3 */
background: url(""), -webkit-linear-gradient(top, #B0BEC5 0%,#90A4AE 100%);
/* IE10+, FF16+, Chrome26+ */
background: url(""), linear-gradient(to bottom, #B0BEC5 0%,#90A4AE 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: #B0BEC5;
}
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: #B0BEC5;
}
/* テキストカラーとマウスオーバー */
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: #B0BEC5;
border-top-color: #90A4AE;
}
/*メニューの上下のパディング*/
/* グローバルメニュー100% */
#st-menuwide {
max-width: 100%;
}
/*ヘッダーウィジェット*/
header .headbox .textwidget,
#footer .headbox .textwidget{
background: #FAFAFA;
color: ;
}
/*ヘッダーの電話番号とリンク色*/
.head-telno a, #header-r .footermenust a {
color: #FFFFFF;
}
#header-r .footermenust li {
border-right-color: #FFFFFF;
}
/*トップ用おすすめタイトル*/
.nowhits .pop-box {
border-top-color: #90A4AE;
}
/*記事エリアを広げる*/
/*強制センタリング・中央寄せ
------------------------------------------------------------*/
/*-- ここまで --*/
}