@charset "UTF-8"; /* アドセンス */ .adbox, .adbox div { padding: 0!important; } .st-widgets-title { display:none; } #headbox { padding: 10px!important; } .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, .entry-title:not(.st-css-no), .post .entry-title:not(.st-css-no) { font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif; } /*TOC+*/ #toc_container { background: #f3f3f3; box-sizing: border-box; margin: 0 auto 20px; padding: 10px 20px; text-align: center; border-radius: 5px; } #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; } /* オリジナル */ .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; } /*アコーディオンメニュー追加ボタン2*/ #s-navi dt.trigger .op-st2 { max-width:80%; } /*media Queries タブレットサイズ(959px以下) ----------------------------------------------------*/ @media only screen and (max-width: 959px) { } /*media Queries タブレットサイズ(600px以上) ----------------------------------------------------*/ @media only screen and (min-width: 600px) { /*TOC+*/ #toc_container > ul > li { font-size: 21px; } /*-- ここまで --*/ } /*media Queries PCサイズ(960px以上) ----------------------------------------------------*/ @media only screen and (min-width: 960px) { /*-------------------------------- 全体のサイズ ---------------------------------*/ #st-menuwide, /*メニュー*/ nav.smanone, nav.st5, #st-menuwide div.menu, #st-menuwide nav.menu, #st-header, /*ヘッダー*/ #content, /*コンテンツ*/ #footer-in /*フッター*/ { max-width:1180px; } #headbox { max-width:1160px; } /*-------------------------------- 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; } /*TOC+*/ #toc_container { padding-left: 30px; padding-right: 30px; } #toc_container > ul > li { font-size: 16px; } /*-- ここまで --*/ }