@charset "UTF-8"; /* ========================================================================== Reset ========================================================================== */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block} audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent} a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000} small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden} figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em} button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0} td,th{padding:0} /* ========================================================================== Template css ========================================================================== */ /* Base elements ------------------------------------------------- */ body { background-color: #edede3; color: #000; } body, textarea, input, select { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","MS Pゴシック",sans-serif; font-size: 18px; } ul, ol, li, dl, dt, dd { list-style: none; } p { margin: 0; } input[type="text"], input[type="password"] { border: 1px solid #dadada; font-size: 18px; padding: 2px 10px 1px; } textarea { border: 1px solid #dadada; font-size: 18px; padding: 3px 10px 2px; } input[type="text"], input[type="password"], input[type="submit"], textarea, select { outline: none; } /* Hyper text ------------------------------------------------- */ a { text-decoration: none; } a:link { color: #000080; } a:visited { color: #000080; } a:focus, a:hover, a:active { color: #cc3366; } .entry_body a, .entry_body a:visited, .trackback_link a, .trackback_link a:visited, .plugin-all a, .plugin-all a:visited, .plg_blomaga a, .plg_blomaga a:visited { color: #000080; } .entry_body a:focus, .entry_body a:hover, .entry_body a:active, .trackback_link a:focus, .trackback_link a:hover, .trackback_link a:active, .plugin-all a:focus, .plugin-all a:hover, .plugin-all a:active, .plg_blomaga a:focus, .plg_blomaga a:hover, .plg_blomaga a:active { color: #cc3366; } .entry_body a:hover, .trackback_link a:hover, .plugin-all a:hover, .plg_blomaga a:hover{ text-decoration: underline; } .blog_name a, .blog_name a:visited { color: #000; } .blog_name a:hover { color: #cc3366; } .topentry_title a, .topentry_title a:visited { color: #000080; } .topentry_title a:hover { color: #cc3366; } /* Clear Fix ------------------------------------------------- */ /* For modern browsers */ .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } /* For IE 6/7 (trigger hasLayout) */ .cf { zoom: 1; } /* icon ------------------------------------------------------------ */ .comment_icon { width: 17px; height: 17px; background-position: 0 0; vertical-align: middle; margin: 0 5px 0 0; } .track_icon { width: 17px; height: 18px; background-position: 0 -40px; vertical-align: middle; margin: 0 5px 0 0; } .prev_icon { width: 8px; height: 12px; background-position: -5px -103px; vertical-align: middle; margin: 0 5px 0 0; } .next_icon { width: 8px; height: 12px; background-position: -6px -79px; vertical-align: middle; margin: 0 0 0 5px; } /* Header ------------------------------------------------------------ */ .blog_name { font-family: 'Sorts Mill Goudy', serif; color: #000; font-size: 25px; } #blog_introduction { font-family: 'Sorts Mill Goudy', serif; color: #000; } .fig_box_titile { text-align: center; padding:10px 0 0 0; color: #000080; } .come { text-align: center; } /* Entry ------------------------------------------------------------ */ .topentry { margin: 0; } .topentry + .topentry { padding: 0; border-top: 1px solid #dadada; } .topentry_title h3 { font-size: 22px; margin: 0px; padding: 0 0 20px 0; color: #000080; } .date { display: inline-block; font-size: 14px; margin-bottom: 4px; } .entry_body { margin: 0 0 0 10px; overflow: hidden; margin: 0; } .topentry_text .entry_more { margin: 0; font-size: 18px; line-height: 1.9em; } .entry_body .entry_more_link { margin: 0; text-align: center; padding: 56px 0 0; } #l-main .entry_body input[type="submit"], #l-main .entry_body .entry_more_link a { background-color: RGBA(255,255,255,.5); border: 1px solid #bdbdbd; border-radius: 24px; color: #000; display: inline-block; font-size: 18px; padding: 8px 48px; -webkit-transition: box-shadow 0.2s linear 0; transition: box-shadow 0.2s linear 0; } #l-main .entry_body input[type="submit"]:hover, #l-main .entry_body .entry_more_link a:hover { background-color: #efefef\9; color: #cc3366; text-decoration: none; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; } /* SNSボタン */ .fc2_footer { margin: 32px 0 0 0; } .entry_more_link + .fc2_footer { margin-top: -28px; margin-right: 105px; } /* 日付コメントリンク */ .entry_more_link + .entry_footer { margin: 16px 0 0; } .fc2_footer + .entry_footer { margin-top: 16px; } .entry_footer { font-size: 13px; margin-top: 24px; } #l-main .entry_footer .category { padding: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 400px; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } #l-main .entry_footer .comment, #l-main .entry_footer .track, #l-main .entry_footer .date { margin: 0 0 0 16px; } #l-main .entry_footer .comment:hover, #l-main .entry_footer .track:hover { color: #a1a1a1; } .entry_body p.theme { margin: 20px 0px 0px; } .entry_body p.theme a, .entry_body p.theme a:hover { text-decoration: none; } /* Entry (html tag) ------------------------------------------------------------ */ .entry_body p { margin: 8px 0; } .entry_body h2, .entry_body h3, .entry_body h4, .entry_body h5, .entry_body h6 { margin: 0em 0em 0.5em; font-weight: normal; } .entry_body ul, .entry_body ol { margin: 1em 0em 1em; } .entry_body ul li { list-style: disc outside; margin-left: 0; } .entry_body ol li { list-style: decimal outside; margin-left: 0; } .entry_body table { border: solid 1px #dadada; border-collapse: collapse; } .entry_body table th, .entry_body table td { padding: 0.3em 0.5em; border-color: #dadada; } .entry_body { word-wrap: break-word; } .entry_body img { max-width: 100%; height: 100%; } .entry_body dl {} .entry_body dt {} .entry_body dd {} .entry_body pre {} /* Blockquote ------------------------------------------------------------ */ blockquote { border-left: 4px solid #dadada; margin: 8px 0 8px 24px; padding: 4px 7px; } .entry_body blockquote p{ margin: 0; } /* コメント・トラックバック ------------------------------------------------------------ */ .sub_contents { margin: 56px 0; } .sub_contents_area_title { font-size: 18px; color: #000080; margin: 0 0 20px; } .trackback_input { border: 1px solid #dadada; -webkit-box-sizing : border-box ; -moz-box-sizing : border-box ; box-sizing: border-box; clear: both; font-size: 16px; padding: 3px 7px; width: 100%; } .trackback_link { margin: 8px 0 0; } .trackback_link a { font-size: 15px; } /* コメントフォーム ------------------------------------------------------------ */ #comment_form { margin: 0 0 40px; } .comment_form_left, .comment_form_right { margin: 0; width: 335px; float: left; } .comment_form_left { margin-right: 16px; } .form_title { font-size: 16px; } .form_input { margin: 0 0 8px; } .comment_form_left .input_text{ width: 303px; } .comment_form_right .form_textarea { margin-top: -4px; } .comment_form_right textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 15px; padding: 2px 10px; width: 100%; height: 272px; } .himitu_title { margin: 16px 0 0; } .comment_form_left #himitu { margin: 0 7px 0 0; vertical-align: middle; } .himitu_label { font-size: 16px; vertical-align: middle; } .comment_form textarea { font-size: 16px; padding: 2px 10px; width: 667px; border: 1px solid #dadada; height: 185px; } .comment_form .comment_tool_wrap { margin: 0; } .comment_area .form_btn { clear: both; text-align: right; margin: 4px 8px; } .comment_area .form_btn input { color: #000; background-color: #fff; border: 1px solid #bdbdbd; border-radius: 14px; padding: 4px 16px; font-size: 14px; -webkit-transition: box-shadow 0.2s linear 0; transition: box-shadow 0.2s linear 0; margin-left: 16px; } .comment_area .form_btn input:hover { -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; background-color: #efefef\9; } /* コメント一覧 ------------------------------------------------------------ */ .sub_contents_title { font-size: 18px; margin: 0 0 8px; } .sub_contents_body { font-size: 16px; } .sub_contents_footer { padding: 0 0 2px; margin: 8px 0 24px; font-size: 15px; text-align: right; border-bottom: 1px solid #dadada; } .sub_contents_footer a { color: #5397db; } .sub_contents_footer a:hover { text-decoration: underline; color: #80acd9; } /* ページャ ------------------------------------------------------------ */ .page_navi { background-color: ; padding: 20px 4% 40px 4%; text-align: center; } .page_navi .pager_prev, .page_navi .pager_next, .page_navi .pager_home { background-color: rgba(255,255,255,.5); border: 1px solid #bdbdbd; border-radius: 24px; color: #606060; display: inline-block; padding: 8px 20px; font-size: 14px; -webkit-transition: box-shadow 0.2s linear 0; transition: box-shadow 0.2s linear 0; } .page_navi .pager_prev:hover, .page_navi .pager_next:hover, .page_navi .pager_home:hover { background-color: #efefef\9; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; } .page_navi .pager_prev { float: left; padding-left: 15px; } .page_navi .pager_prev:hover { padding-left: 15px; } .page_navi .pager_next { float: right; } .page_navi .pager_home {} /* Related article ------------------------------------------------------------ */ .entry_body .relate_dl { margin: 24px 8px; } .entry_body .relate_dt { margin: 0 0 4px; font-size: 18px; } .entry_body .relate_dd { margin: 0; } .entry_body .relate_ul { padding: 0; margin: 0; } .entry_body .relate_li { list-style: none; font-size: 14px; } .relate_li_nolink { list-style: none; font-size: 14px; font-weight: bold; } .entry_body .relate_li a { padding: 4px 0; display: block; color: #7b7b7b; } .entry_body .relate_li a:hover { color: #a1a1a1; text-decoration: underline; } /* ========================================================================== Sidemenu (Plugin) ========================================================================== */ .pic_box { position: relative; } #pager_home2 { position: absolute; top: 10%; left: 20%; } .plg_desc_header{ font-size: 16px; } .plg_desc_footer{ font-size: 16px; } .plg_title { font-size: 22px; margin: 20px 0 10px 0; padding: 0; color: #000; } .plg_body { word-wrap: break-word; font-size: 16px; } .plg_body a:hover { text-decoration: underline; } .plg_area ul { margin: 0; padding: 0; } .plg_area li { margin: 0 0 8px 0; padding: 0; } .sidecontents_area textarea{ resize: vertical; } /* tag(Plugin) ------------------------------------------------------------ */ .plugin-tag { margin: 0; } .plugin-tag a { display: inline-block; *display: inline; *zoom: 1; margin: 0 8px 0 0; } /* Search(Plugin) ------------------------------------------------------------ */ #l-sidecontents .plg_body input[type="text"] { width: 198px; padding: 2px 10px 1px; margin: 0 0 8px; } #l-sidecontents .plg_body input[type="submit"] { color: #606060; background-color: #fff; border: 1px solid #bdbdbd; border-radius: 14px; padding: 4px 16px; font-size: 14px; -webkit-transition: box-shadow 0.2s linear 0; transition: box-shadow 0.2s linear 0; float: right; } .plg_body input[type="submit"]:hover { background-color: #efefef\9; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; } /* Calendar(Plugin) ------------------------------------------------------------ */ table.calender { margin: 0; padding: 0; background: none; margin: 0 auto; } table.calender caption { margin-bottom: 10px; margin: 0px auto; } table.calender caption a:hover { color: #898F95 } table.calender caption a:active, table.calender caption a:visited { color: #7b7b7b; } table.calender th, table.calender td { padding: 4px; border-bottom: 1px dotted #cccccc; text-align: center; font-size: 14px; padding: 4px 6px; } table.calender td a { display: block; font-size: 14px; color: #5397db; } table.calender td a:active, table.calender td a:visited, table.calender td a:hover { color: #80acd9; } table.calender th#sun { color: #f76f6f; } table.calender th#sat { color: #5757F1; } /* category-list(Plugin) ------------------------------------------------------------ */ .plugin-category-list-date{ font-size: 14px; } .plugin-category-list-link{ font-size: 17px; } /* Piyo(Plugin) ------------------------------------------------------------ */ .tab { text-align: left; margin-bottom: 10px; } .tab input { padding: 3px 5px; } .tab input.b1 { margin-right: 5px; } .mylog { width: 90%; padding: 5px; border: 1px solid #A5A5A5; text-align: left; background-color: #FFFFFF; font-size: 85% !important; /* for Modern browser */ font-size: 93%; /* for IE6 */ } .mylog .title { font-weight: bold; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #A5A5A5; margin: 0px 0px 10px; padding: 0px 0px 3px; } .mylog dl { margin: 0px; padding: 0px; } .mylog dt.day { margin: 0px; padding: 0px 0px 5px; background-color: #FFFFFF; background-image: none; text-align: left; font-size: 85% !important; /* for Modern browser */ font-size: 93%; /* for IE6 */ } .mylog dd.piyolog { width: 100%; margin: 0px 0px 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #A5A5A5; padding: 0px 0px 10px; } .license { text-align: right; font-size: 85% !important; /* for Modern browser */ font-size: 93%; /* for IE6 */ } /* blomaga-count(Plugin) ------------------------------------------------------------ */ .plugin-blomaga-count a {} /* Footer ------------------------------------------------------------ */ .powered, .ad, .copyright { margin: 0; } /* Baton ------------------------------------------------------------ */ .blog_baton { border: 1px solid #dadada; padding: 24px 24px 0; } .blog_baton dl, .blog_baton dt { margin: 0; } .baton_a { margin: 0 0 16px; } .baton_q { border-bottom: 1px dotted #dadada; } /* Sponsor ------------------------------------------------------------ */ #fc2_text_ad .fc2_infeed1, .entry_body .fc2_infeed1 { margin: 24px 8px; } #fc2_text_ad a, .entry_body .fc2_infeed1 a { color: #7b7b7b; font-size: 14px; } #fc2_text_ad a:hover, .entry_body .fc2_infeed1 a:hover { color: #a1a1a1; text-decoration: underline; } /* Layout ------------------------------------------------------------ */ .bgimg { width:100%; } #all_box { position: absolute; width:100%; top: 40px; left: 0; } #all_box_inner { width: 960px; margin: 0 auto; padding:0; } #l-header { width: 43%; float: left; margin-left: 30px; text-align: center; padding: 96px 20px 70px 20px; background-color:rgba(255,255,255,.3); border: solid 1px #aaa; box-shadow: 3px 3px 3px #aaa; border-radius:20px; } .blog_name { width:100%; line-height: 1.5em; margin-top: 0px; } #blog_introduction { width:100%; background-color:rgba(); line-height: 1.5em; font-size: 18px; padding-bottom:20px; } .admin { width:50%; float: left; text-align: center; } .archives { width:50%; float: left; text-align: center; } .category-space { width: 41%; float: right; margin-right: 34px; padding: 10px; background-color:rgba(255,255,255,.3); border: solid 1px #aaa; box-shadow: 3px 3px 3px #aaa; border-radius:20px; } .category-space-title { margin:0; padding:0; font-size: 22px; } #fig_box { width:100%; float:left; margin: 0 0 50px 20px; padding-top: 20px; } .fig_box_titile { width: 100%; margin: 0px auto; font-size: 20px; background-color:rgba(); } .img_box:nth-child(n+2) { position: relative; width: 21.5%; display: inline-block; vertical-align: top; padding: 0px; margin: 10px; background-color: rgba(); border: solid 1px #aaa; box-shadow: 3px 3px 3px #aaa; border-radius:20px; background: url(http://blog-imgs-90.fc2.com/t/e/t/tetsubo789/emabgimg.png) center top; } .img_size { margin:55% 0 0 11%; width: 93%; height: 100%; } .img_size img { width: 82%; height: 100%; } .description { position: absolute; top:2%; left:8%; width:90%; background-color:rgba(); } .description h4 { font-size: 16px; margin:0; } #l-main { width: 95%; float: left; } #l-main-inner { width: 600px; margin: 0 auto; padding: 30px; border: solid 1px #aaa; box-shadow: 3px 3px 3px #aaa; border-radius:20px; background-color:rgba(255,255,255,.3); } .plgin-box { width: 100%; } .plugin_first_area,.plugin_second_area,.plugin_third_area { float:left; width:30%; margin:5px; padding: 0 0 10px 10px; border: solid 1px #aaa; box-shadow: 3px 3px 3px #aaa; border-radius:20px; background-color:rgba(255,255,255,.3); } #l-footer { border-top: 1px solid #dadada; font-size: 14px;     margin-top: 30px;    padding: 18px 20px; clear: both; background-color:rgba(); } .footer_inner { text-align: center; }