@charset "UTF-8"; /* CSS Document */ /*------------------------------ RESET CSS --------------------------------*/ /* Box Model Reset --------------------------------*/ html, body, div, span, object, iframe,a, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; outline: 0; } p { margin-bottom: 1em; } img { border: none; vertical-align: middle; } table { border-collapse: separate; border-spacing: 0; border: none; } /* HTML5 Tag --------------------------------*/ article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; } time { display: inline; } /* Base Font Style --------------------------------*/ body { color: #FFF; font-family: "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; font-size:14px; line-height:24px; } body,h1,h2,h3,h4,h5,h6,p,strong,em { color: #111; font-style: normal; font-weight: normal; line-height: normal; text-decoration: none; } h1,h2,h3,h4,h5,h6,p { font-size: 1em; } strong { font-weight: bold; } em { font-style: italic; } /* Base Anchor Text Style --------------------------------*/ a:link, a:visited { color: #ff7f13; text-decoration: none; } a:hover, a:active { text-decoration: underline; } /* Base List Style --------------------------------*/ ul { list-style:none; } /*------------------------------ INDEX CSS --------------------------------*/ /* サイトの幅を一括設定 */ .header, .contents, .footer { width: 980px; margin:0 auto; } .header { height: 463px; position:relative; background: url("//img01.naganoblog.jp/usr/s/b/w/sbwc/bg-header.jpg") no-repeat center top; } .headerTop { padding: 16px 20px; background-color: rgba(0,0,0,0.7); } .headerTop h1 { margin-bottom: 8px; font-size: 30px; line-height: 34px; letter-spacing: -1px; } .headerTop a:link, .headerTop a:visited { color: #fff33f; text-decoration: none; } .headerTop a:hover, .headerTop a:active { text-decoration: underline; } .headerTop p { margin-bottom: 0; color: #fff; } .contents { width: 940px; padding: 20px; margin:0 auto 20px; background-color: #f0f0eb; border-bottom: 14px solid #fff33f; } .commentsWrap { width: 680px; margin: 129px auto 0; text-align:center; background-color: #085185; background-color: rgba(8,81,133,0.7); } .comments { padding: 7px 16px; color:#fff; } /*main*/ .main { float: left; width: 720px; } #aswift_0 { height: auto; } /*記事*/ .section { padding: 30px; margin-bottom: 20px; position: relative; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } /*タイトル*/ .sectionHeader { display: block; width: 100%; margin-bottom: 12px; font-size: 22px; line-height: 26px; font-weight: bold; } /* 作成日時 */ .sectionDate { margin-bottom: 26px; font-size: 12px; color: #999; } .sectionBody { } .sectionBody img { max-width: 100%; } #more { margin: 22px 0 0; padding: 0 !important; position: relative; } /*ソーシャルボタン*/ .c3_social_button { width: 100%; margin-top: 40px; } /*sectionFooter*/ .sectionFooter { text-align: right; color: #999; font-size: 10px; } .sectionFooter a, .sectionFooter a.sectionToTop:hover { color:#2247d2; text-decoration:underline; } .sectionFooter a:hover, .sectionFooter a.sectionToTop { color: #012343; text-decoration:none; } .sectionFooter p { margin: 10px 0 0; } #comments{ text-align:left; } /*前の記事 次の記事*/ .menu { width: 100%; text-align: center; } .prev, .next { display: inline-block; padding: 24px 0; margin: 0 20px; color: #012343; } .prev { margin-left: 0; } .next { margin-right: 0; } .prev a, .next a { display: inline-block; padding: 8px 0; font-size: 14px; line-height: 14px; text-decoration: none; } /* .sectionFooterMore */ .sectionFooterMore { padding: 0; } /*sideWrap*/ .sideWrap { float: right; width: 200px; } .sideWrap > div { margin-bottom: 16px; font-size: 12px; line-height: 16px; } /* プロフィール */ .profile { font-size: 12px; } .profile .side { padding-top: 2px; } .photo img { width: 180px !important; margin-bottom: 5px; } .nickname { display: none; } .message { margin-bottom: 8px; } .message div { margin-bottom: 8px; } .message br { display: none; } /* 最近の記事 */ .recententry .sidebody { } /* カテゴリー */ .category .sidebody { } /* 読者登録 */ .subscription .sidebody { margin-bottom: 8px; } .subscription .sidebody a { background:none; padding:0; } /* カレンダー */ .calender { background: #fff; } .calendarhead { padding:3px 0; text-align:center; width:200px; } .calendartable { width:100%; padding: 4px; margin:0 auto; } .calendartable td { padding: 3px; text-align:center; } .calendartable .sun { color: #ee0000; } .calendartable .sat { color: #009; } /* FEED (RSS) */ div.rss { margin-bottom: 25px; } ul.rss { text-align: center; } ul.rss li { display: inline-block; padding: 0 4px; } /* 検索・登録等のフォーム */ input.text { width: 100px; } /* サイド:各タイトル */ .sidetitle { width: 100%; padding: 2px; margin-bottom: 5px; font-size: 14px; font-weight: borld; line-height: 18px; text-align: left; border-bottom: 1px solid #ccc; } /* サイド:各ブロック */ .side{ padding: 0; position: relative; } #trackback, .commentSingle { padding:36px; margin-bottom:15px; padding-bottom:5px; text-align:left; } .commentSingle { border-bottom:1px dotted #111; } .trackback-url { width:350px; } #trackback .title, #comments .title { text-align:left; font-size:14px; color:#2247d2; } .commentSingle .comm { color:#999; text-align:right; } .commentsForm form { margin: 0 auto; margin-top:30px; border-collapse:separate; border-spacing:3px; padding:36px; } .commentsForm form th { width:80px; text-align:left; font-weight:normal; color:#2C6847; margin:3px 0; } .commentsForm form td { margin:3px 0; } /* フッター */ .footer { padding: 10px 0; position: relative; } .copyright { font-size: 10px; text-align:center; } .pageTop a { position: absolute; right: -120px; bottom: -30px; } /* clearfix */ .clr:after, .section:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;} .clr, .section {min-height: 1px;} * html .clr, * html .section {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }