/*//////////////////////////////////////////////////////////////////////////////// ・common -　header / nav / pageTop / footer / parts ・index ・記事一覧 ・記事詳細 ////////////////////////////////////////////////////////////////////////////////*/ @charset "utf-8"; /*//////////////////////////////////////////////////////////////////////////////// common ////////////////////////////////////////////////////////////////////////////////*/ html { font-family: Helvetica , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:14px; line-height:1.6; color:#000; background-color:#fff; } body { margin-top:100px; } a, a:visited { color:#00a9e1; text-decoration:none; } a:hover { color:#00a9e1; text-decoration:underline; } article { overflow:hidden; } section { overflow:hidden; width:1200px; margin:0 auto; } .spBr { display:none; } .spNoBr { display:block; } /*-------------------------------------------------- header --------------------------------------------------*/ header { width:100%; background:#f8f8f8; border-bottom:1px solid #dbdbdb; overflow:hidden; position:fixed; top:0; left:0; z-index:10000; } #header { width:1200px; margin:0 auto; } #header #menuBut { float:left; width:58px; padding:5px 0; margin-right:20px; cursor:pointer; } #header #menuBut div { width:28px; height:26px; padding:12px 14px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; } #header #menuBut div img { width:100%; } .noBorder { border:none !important; } #header h1 { float:left; width:160px; margin-top:15px; } #header h1 img { width:100%; } #header #search { float:right; margin:15px 15px 0 0; } #header #search input { width:200px; height:28px; background:#fff; padding:0 10px; border:1px solid #dbdbdb; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; margin-right:10px; } #header #search #search_icon { width:30px; height:30px; float:right; cursor:pointer; } #header #search #search_icon input { width:30px; height:30px; padding:0; background:none; border:none;} #header #search #search_icon img { width:100%; } #searchSP { display:none; } #header #rss { float:right; width:30px; margin-top:15px; } #header #rss img { width:100%; } /*SP*/ #header #search_icon_sp { display:none; } #header #search_icon_sp img { } /*-------------------------------------------------- nav --------------------------------------------------*/ nav { display:none; width:100%; position:fixed; top:60px; left:0; z-index:3; } #menuList { width:1200px; margin:0 auto; } #menuList_in { display:inline-block; overflow:auto; } #menuList_in::-webkit-scrollbar{ width:5px; background:#000; } #menuList_in::-webkit-scrollbar-thumb{ background:#666; border-radius:2px; } #menuList_in h2 {display:none;} #menuList ul { display:table; background:#000; } #menuList ul li { } #menuList ul li a { display:block; color:#fff !important; padding:20px 30px; } #menuList ul li a:hover { text-decoration:none; background:#404040; } .overlay{ display:none; width:100%; height:100%; background:#000; opacity:0.4; position:fixed; top:0px; left:0; z-index:2; } /*------------------------------------------------- pageTop --------------------------------------------------*/ #pageTop { position:fixed; bottom:30px; right:20px; } #pageTop a { display:block; width:50px; height:50px; background:url(../img/arrow_pagetop.png) no-repeat center 18px #000; background-size:22px 14px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; } #pageTop a:hover { cursor:pointer; opacity:0.6; } /*-------------------------------------------------- footer --------------------------------------------------*/ footer { clear:both; width:100%; background:#f8f8f8; border-top:1px solid #dbdbdb; padding-top:50px; overflow:hidden; } footer dl { } footer dt { float:left; margin:0 30px 0 0; padding:10px 30px 10px 0; border-right:1px solid #dbdbdb; } footer dt img { width:166px; } footer dd { float:left; width:350px; margin-right:30px; line-height:1.8; } footer dd:last-child { width:auto; } footer ul { float:right; font-size:90%; line-height:1; margin-top:25px; } footer li { float:left; } footer li:first-child { padding-right:18px; margin-right:18px; border-right:1px solid #686868; } footer li a { color:#000 !important; text-decoration:underline; } footer li a:hover { text-decoration:none; } address { text-align:center; font-size:85%; border-top:1px solid #efefef; padding:20px; margin-top:50px; } /*-------------------------------------------------- parts --------------------------------------------------*/ /* but_type_1 */ a.but_type_1 { font-size:107%; color:#fff; text-decoration:none; text-align:center; line-height:40px; display:block; width:250px; height:40px; background:url(../img/arrow_w.png) no-repeat 220px center #000; background-size:9px 14px; border:1px solid #000; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; } a.but_type_1:hover { color:#000; text-decoration:none; background:url(../img/arrow_b.png) no-repeat 220px center #fff; background-size:9px 14px; border:1px solid #dbdbdb; } /* but_type_2 */ a.but_type_2 { color:#000; text-decoration:none; text-align:center; line-height:40px; display:block; width:220px; height:40px; background:url(../img/arrow_b.png) no-repeat 190px center #fff; background-size:9px 14px; border:1px solid #dbdbdb; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; } a.but_type_2:hover { color:#fff; text-decoration:none; background:url(../img/arrow_w.png) no-repeat 190px center #000; background-size:9px 14px; } /* share_tab */ .share_tab { width:66px; background:url(../img/share_bg.png) no-repeat top right; background-size:6px;position:absolute; top:0px; right:10px; } .share_tab p { width:25px; color:#fff; padding:3px 5px 3px 30px; font-size:12px; background:url(../img/icon_share.png) no-repeat 10px center #000; background-size:13px; } /* 記事マスク */ .img_mask { position:absolute; width:100%; height:100%; background:url(../img/img_mask.png); background-size:100% 100%; } /*//////////////////////////////////////////////////////////////////////////////// index ////////////////////////////////////////////////////////////////////////////////*/ /*-------------------------------------------------- newsBlock_1 --------------------------------------------------*/ #newsBlock_1 { margin-bottom:35px; } #newsBlock_1 ul li { float:left; } #newsBlock_1 ul li:first-child { margin-right:30px; } #newsBlock_1 ul li:nth-child(2) { margin-bottom:24px; } /* 記事　共通 */ .article_box { position:relative; padding-top:6px; } .article_box .box_in { position:absolute; bottom:0; } .article_box h3 { line-height:1.2; font-weight:bold; color:#fff; } .article_box img { width:100%; } .article_box a:hover { text-decoration:none; } .writer { font-size:92%; color:#00a9e1; } /* 記事　boxType_1 */ .boxType_1 { width:790px; height:430px; } .boxType_1 .box_in { padding:30px; } .boxType_1 h3 { font-size:200%; margin-bottom:10px; } /* 記事　boxType_2 */ .boxType_2 { width:380px; height:200px; } .boxType_2 .box_in { padding:15px 20px; } .boxType_2 h3 { font-size:140%; margin-bottom:5px; } /*-------------------------------------------------- newsBlock_2 --------------------------------------------------*/ #newsBlock_2 { width:790px; float:left; margin-right:30px; overflow:hidden; } #newsBlock_2 ul {overflow:hidden; } #newsBlock_2 ul li { float:left; margin-right:30px; } #newsBlock_2 ul li:nth-child(2n) { margin-right:0; } /* 記事　boxType_3 */ .boxType_3 { width:380px; position:relative; padding-top:6px; margin-bottom:20px; } /* .boxType_3 img { width:380px; height:200px; } */ /* .boxType_3 img { width:380px; height:auto; } */ .boxType_3 img { width:380px; height:220px; } .boxType_3 .box_in { margin:15px 10px 5px 10px; color:#000; text-decoration:none; } .boxType_3 a:hover { text-decoration:none; } .boxType_3 h3 { font-size:142%; line-height:1.4; margin-bottom:10px; color:#000;} /*-------------------------------------------------- snsBlock --------------------------------------------------*/ #snsBlock { width:380px; float:left; margin:6px 0 40px 0; } #snsBlock ul { text-align:center; letter-spacing:-0.4em; } #snsBlock li { width:60px; height:60px; background:#000; margin:0 14px; display:inline-block; vertical-align:top; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; } #snsBlock li img { width:100%; } /*-------------------------------------------------- rankingBlock --------------------------------------------------*/ #rankingBlock { width:380px; float:left; } #rankingBlock h2 { font-size:170%; font-weight:bolder; line-height:1; padding:5px 0 20px 40px; background:url(../img/icon_ranking.png) no-repeat left 0; background-size:30px 28px; } #rankingBlock .rankingType { width:100%; position:relative; padding-top:6px; margin-bottom:10px; } #rankingBlock .rankingType dl { border-top:1px solid #dbdbdb; padding-top:30px; } #rankingBlock .rankingType dt { font-size:110%; text-align:center; line-height:26px; color:#fff; background:#00a9e1; width:26px; height:26px; float:left; margin-right:10px; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px; } #rankingBlock .rankingType dd { overflow:hidden; } #rankingBlock .rankingType h3 { color:#000; margin-bottom:5px; } #rankingBlock .rankingType a:hover { color:#949494; } #rankingBlock .rankingType .writer a:hover { color:#00a9e1; text-decoration:underline; } /*-------------------------------------------------- but_newsList --------------------------------------------------*/ #but_newsList { clear:both; width:250px; margin:40px 10px 80px; float:right;} /*-------------------------------------------------- archivesBlock --------------------------------------------------*/ #archivesBlock { margin-bottom:120px; } #archivesBlock h2 { font-size:170%; font-weight:bolder; line-height:1; padding:5px 0 20px 40px; background:url(../img/icon_archives.png) no-repeat left 0; background-size:30px 28px; } #archivesBlock ul { } #archivesBlock li { float:left; margin-right:30px; list-style-type:none; width:360px; padding:12px 10px; border-bottom:1px solid #dbdbdb; } #archivesBlock li a { display:inline-block; color:#000; } /* #archivesBlock li { float:left; margin-right:30px; list-style-type:none;} #archivesBlock li a { display:block; width:360px; padding:12px 10px; border-bottom:1px solid #dbdbdb; color:#000; } #archivesBlock li a span { color:#00a9e1; text-decoration:underline; } #archivesBlock li a:hover span { text-decoration:none !important; } */ /* #archivesBlock li a { color:#00a9e1; text-decoration:underline; } #archivesBlock li a:hover { text-decoration:none !important; } #archivesBlock li:nth-child(3n) { margin-right:0; } */ #archivesBlock li a { color:#00a9e1; text-decoration:underline; } #archivesBlock li a:hover { text-decoration:none !important; } #archivesBlock li:nth-child(3n) { margin-right:0; } #archivesBlock #link li { float:right; margin-right:0; background:url(../img/arrow_b.png) no-repeat 360px center; background-size:9px 14px } #archivesBlock #link li a { color:#00a9e1; text-decoration:underline; } /*//////////////////////////////////////////////////////////////////////////////// 記事一覧 ////////////////////////////////////////////////////////////////////////////////*/ #newsBlock_2 h2 { font-size:170%; font-weight:bolder; line-height:1; padding:5px 0 20px 40px; background:url(../img/icon_news.png) no-repeat left 0; background-size:30px 28px; } /* pageNationBlock */ #pageNationBlock { clear:both; padding-top:40px; margin-bottom:80px; } #pageNationBlock ul { text-align:center; letter-spacing:-0.4em; } #pageNationBlock li { float:none !important; margin:0 !important; display:inline-block; letter-spacing:normal; vertical-align:top; } #pageNationBlock li a { display:block; color:#000; width:48px; height:48px; line-height:48px; border:1px solid #dbdbdb; border-right:none; } #pageNationBlock li a.prev { width:auto; padding:0 20px 0 40px; background:url(../img/arrow_back_b.png) no-repeat 20px center; background-size:8px 14px; } #pageNationBlock li a.next { width:auto; padding:0 40px 0 20px; background:url(../img/arrow_b.png) no-repeat 90px center; background-size:8px 14px; border-right:1px solid #dbdbdb; } #pageNationBlock li a:hover { color:#fff; text-decoration:none; background:#000; } #pageNationBlock li a.prev:hover { color:#fff; text-decoration:none; background:url(../img/arrow_back_w.png) no-repeat 20px center #000; background-size:8px 14px; } #pageNationBlock li a.next:hover { color:#fff; text-decoration:none; background:url(../img/arrow_w.png) no-repeat 90px center #000; background-size:8px 14px; } /* #pageNationBlock .active { color:#fff; text-decoration:none; background:#000; } */ #pageNationBlock li span { display:block; color:#000; width:48px; height:48px; line-height:48px; border-left:1px solid #dbdbdb;} #pageNationBlock li span.current { color:#fff; text-decoration:none; background:#000; } /*//////////////////////////////////////////////////////////////////////////////// 記事詳細 ////////////////////////////////////////////////////////////////////////////////*/ /*-------------------------------------------------- snsBlock_pageTop --------------------------------------------------*/ #snsBlock_pageTop { width:100%; background-color: rgba(255,255,255,0.6); padding:30px 0; overflow:hidden; position:fixed; top:60px; left:0; z-index:1; } #snsBlock_pageTop section { width:800px; } #snsBlock_pageTop ul { } #snsBlock_pageTop li { width:42px; height:42px; background:#000; margin-right:10px; float:left; border-radius:21px; -webkit-border-radius:21px; -moz-border-radius:21px; } #snsBlock_pageTop li img { width:100%; } #snsBlock_pageTop li.facebook { background:#3b5998; } #snsBlock_pageTop li.twitter { background:#1da1f2; } #snsBlock_pageTop li.b { background:#008fde; } #snsBlock_pageTop li.line { background:#00c402; } #snsBlock_pageTop li.share { background:#000; } #snsBlock_pageTop li.share p { color:#fff; margin-top:-22px; text-align:center; font-size:80%; } #snsBlock_pageTop li.share a:hover { text-decoration:none; } /*-------------------------------------------------- articleDetail --------------------------------------------------*/ #articleDetail { width:800px; margin-top:160px; font-size:115%; line-height:1.8; overflow:hidden; } #articleDetail .main_title { font-size:185%; line-height:1.4; margin-bottom:10px; border:none; } #articleDetail .writer { margin-bottom:20px; } /* #articleDetail .main_img { width:100%; height:70%; overflow:hidden; margin-bottom:40px; } #articleDetail .main_img img { width:100%; height:auto;} */ #articleDetail .main_img { position:relative; width:800px; height:330px; overflow:hidden; margin-bottom:40px;} /* #articleDetail .main_img img { position:absolute; top:-150px; width:100%; height:auto;} */ #articleDetail .main_img img { position:absolute; top:0; width:100%; height:auto;} /* 記事本文　変更部分 */ #articleDetail h2 { font-size:160%; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #dbdbdb; margin-bottom:10px; } #articleDetail h3 { font-size:130%; } #articleDetail h5:before { content: "◆　"; } #articleDetail p { margin-bottom:0px; } #articleDetail strong { font-weight:bold; } #post_mail input { border:1px solid #ccc; background:#fff; padding:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } /* .alignleft { float:none !important; } */ #articleFlame { width:100% !important; margin:0 auto; } /*#articleFlame { width:644px; margin:0 auto; overflow:hidden; }*/ /*========================================　記事本文　既存移植分　ここから　============================================================*/ /*　※コメントアウトは変更箇所 /* 記事のヘッダー */ #post_header { width:644px; margin:0 0 20px 0; padding:0 0 13px 0; background:url(img/line1.gif) no-repeat left bottom; } #post_header_left { width:405px; margin:0 15px 0 0; float:left; } #post_header .title { margin:0 0 20px 0; font-size:24px; } #post_header .desc { width:400px; float:right; display:inline; margin:2px 0 0 0; } #post_header .no-author .bookmark1 { padding:65px 0 0 0; } #post_header .meta { float:left; } #post_header .meta li { height:13px; min-width:150px; padding:12px 0 0 30px; margin:0 0 10px 0; } #post_header .meta li a { text-decoration:none; } #post_header .meta li.category { background:url(img/icon_category.gif) no-repeat left top; } #post_header .meta li.author { background:url(img/icon_author.gif) no-repeat left top; } #post_header .date { float:right; background:url(img/icon_date.gif) no-repeat left top; padding:12px 0 0 31px; height:13px; line-height:100%; } #post_header .bookmark1 { clear:both; padding:20px 0 5px 0; } #post_header .bookmark1 li { display:inline; float:right; margin:0; } #post_header .bookmark1 li.mixi_check { padding:3px 12px 0 0; } #post_header .bookmark1 li.mixi_fav { padding:3px 7px 0 0; } #post_header .bookmark2 li { display:inline; float:right; margin:0; } #post_header .bookmark2 li.facebook { margin:0 10px 0 -2px; } #post_header .image { float:left; border:1px solid #ccc; padding:1px; max-width:220px; } .post_content .fb_like_post_top { margin:0 0 30px 0; } /* サイド固定のブックマーク */ #side_bookmark_wrap { width:89px; float:left; margin:0 0 0 -105px; position:relative; } #side_bookmark { position:absolute; top:0px; width:89px; padding-bottom:8px; background:url(img/bookmark_bottom.gif) no-repeat left bottom; } #side_bookmark ul { margin:0; padding:6px 0; text-align:center; background:url(img/bookmark_top.gif) no-repeat left top; } #side_bookmark ul li { margin:10px 0 0 0; } /* 記事のフッター */ #post_footer { width:644px; margin:0 0 10px 0; padding:10px 0 0 0; } #post_footer .bookmark li { float:right; } #post_footer .bookmark li.facebook { margin:0 10px 0 -2px; } #post_footer .bookmark li.mixi_check { padding:1px 12px 0 0; } #post_footer .bookmark li.mixi_fav { padding:1px 7px 0 0; margin:0 0 0 10px; } #post_footer #trackback_url_wrapper { background:url(img/trackback.gif) no-repeat left top; position:relative; width:420px; height:25px; margin:10px 0 0 225px; } #post_footer #trackback_url_wrapper input { position:absolute; top:6px; right:5px; border:none; width:310px; background:transparent; } /* メール購読 */ #post_mail { background:#fafafa; text-align:center; padding:13px 0 8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #ddd; box-shadow:0 0 0 1px #ffffff inset; width:370px; margin:0 auto; } #post_mail h4 { font-size:12px; margin:0 0 5px 0; } #post_mail p { margin:4px 0 0 0; font-size:11px; color:orange; font-weight:bold; } /* 作者情報 */ #post_author { border-bottom:2px solid #ddd; margin:-15px 0 10px 0; } #post_author #author_avatar { float:left; display:block; border:1px solid #ccc; padding:1px; margin:0 15px 0 0; } #post_author #author_meta { font-size:10px; width:300px; float:left; } #post_author #author_name { font-size:14px; font-weight:bold; margin:0 0 3px 0; line-height:140%; } #post_author dl dt { float:left; display:inline-block; width:60px; margin:0 0 3px 0; } #post_author dl dd { margin:0 0 3px 0; } #post_author .google { float:right; margin:15px 0 -15px 0; } #post_author #author_link { clear:both; float:right; margin:4px 0 0; } #post_banner { text-align:center; padding:40px 0 30px 0; margin:-15px 0 0 0; } #post_author #author_company_area { margin:10px 0 5px 0; background:#fafafa; padding:10px; } #post_author #author_company_area .headline { font-size:12px; float:left; width:55px; text-align:center; } #post_author #author_company_area .desc { float:left; width:540px; border-left:1px dotted #ccc; font-size:10px; margin:0 0 0 12px; padding:0 0 0 12px; } /* 最近の記事 */ #recent_article { margin:0 0 35px 0; } #recent_article ul { margin:0 0 10px 0; } #recent_article li { background:url(img/dot1.gif) repeat-x left bottom; padding:0 0 9px 0; margin:0 0 9px 0; } #recent_article li.last { padding:0; margin:0; background:none; } #recent_article .title { float:right; width:190px; background:url(img/arrow2.gif) no-repeat left 4px; padding:0 0 0 15px; } #recent_article .title a { text-decoration:none; color:#333; } #recent_article .title a:hover { text-decoration:underline; color:#bb0000; } #recent_article .date { clear:right; float:right; margin:-17px 0 0 0; font-size:11px; color:#888; } #recent_article .image img { border:1px solid #ccc; padding:1px; } #recent_article .image:hover img { } #recent_article .link { } /* おすすめの記事 20140119追加*/ #recommend_article { margin:0 0 35px 0; } #recommend_article ul { margin:0 0 10px 0; } #recommend_article li { background:url(img/dot1.gif) repeat-x left bottom; padding:0 0 9px 0; margin:0 0 9px 0; } #recommend_article li.last { padding:0; margin:0; background:none; } #recommend_article .title { float:right; width:190px; background:url(img/arrow2.gif) no-repeat left 4px; padding:0 0 0 15px; } #recommend_article .title a { text-decoration:none; color:#333; } #recommend_article .title a:hover { text-decoration:underline; color:#bb0000; } #recommend_article .date { clear:right; float:right; margin:-17px 0 0 0; font-size:11px; color:#888; } #recommend_article .image img { border:1px solid #ccc; padding:1px; } #recommend_article .image:hover img { } #recommend_article .link { } /* WP記事のクラス */ .post_content { padding:0 0 10px 0; font-size:16px; overflow: hidden; } .alignright { float:right; } .alignleft { float:left; } .aligncenter { margin-left:auto; margin-right:auto; } .centered { margin-left:auto; margin-right:auto; } img.centered,div.centered { display:block; margin:0 auto 30px; } img.aligncenter,div.aligncenter { display:block; margin:0 auto 30px; } img.alignright,div.alignright { margin:0 0 30px 25px; display:inline; } img.alignleft,div.alignleft { margin:0 25px 30px 0; display:inline; } .aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; } .post_content p { margin:0 0 0 0; line-height:190%; } .post_content ul { list-style-type:none; margin:0 0 0 0; padding:0; line-height:0%; } .post_content ul li { margin:0; line-height:190%; padding:0 0 0 14px; } .post_content ol { margin:0 0 0 23px; padding:0; line-height:0%; } .post_content ol ol { margin:0 0 0 15px;} .post_content ol li { line-height:190%; background:none; padding:0; text-indent:-7px;} .post_content table { margin:0 0 1em 0; width:100%; font-size:12px; } .post_content td, .post_content th { line-height:190%; padding:10px 10px 6px; border:1px solid #bbb; text-align:left; } .post_content th { font-weight:normal; background:url(img/table_bg.gif) no-repeat left top; } .post_content pre { font-size:12px; background:#f2f7f8; border:1px solid #c9dcde; padding:15px 15px 12px; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-o-pre-wrap; white-space:-pre-wrap; word-wrap:break-word; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 20px; line-height:190%; } .post_content blockquote { margin:0 0 10px 0; padding:50px 50px 40px; background:#f2f2f2; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; border:1px solid #c1c1c1; } .post_content blockquote:before { content: '"'; font-style:italic; font-size:40px; font-weight:bold; line-height:40px; width:30px; height:30px; position:absolute; top:20px; left:20px; color:#2789c1; } .post_content blockquote:after { content: '"'; font-style:italic; font-size:40px; font-weight:bold; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:12px; right:20px; color:#2789c1; } .post_content .wp-caption { text-align:center; background:#fafafa; box-shadow:0 0 0 1px #ffffff inset; border:1px solid #ccc; max-width:96%; padding:10px 8px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .post_content .wp-caption img { display:block; margin:0 auto; max-width:100%; } .post_content .wp-caption .wp-caption-text { padding:10px 0 10px; font-size:11px; } .post_content hr { border:solid #ccc; border-width:1px 0 0 0; } /* 見出し */ .post_content h1 { font-size:19px; background:url(img/blog/headline_base_grey.gif) repeat-x left bottom; margin:0 0 10px 0; } .post_content h1 span { background:url(img/blog/headline_base_blue.gif) repeat-x left bottom; display:inline-block; padding:10px 0 8px 0; } /*.post_content h2 { font-size:19px; background:url(img/blog/headline_base1.gif) no-repeat left top; padding:0 0 0 25px; height:41px; width:619px; line-height:42px; margin:0 0 10px 0; }*/ /*.post_content h3 { font-size:19px; background:url(img/blog/headline_base3.gif) no-repeat left top; height:26px; line-height:27px; width:629px; padding:0 0 0 15px; margin:0 0 10px 0; }*/ .post_content h4 { background:url(img/blog/headline_base_grey.gif) repeat-x left bottom; font-size:16px; margin:0 0 10px 0; } .post_content h4 span { background:url(img/blog/headline_base_green.gif) repeat-x left bottom; display:inline-block; padding:10px 0 8px 0; } /*.post_content h5 { font-size:16px; background:url(img/blog/headline_base2.gif) no-repeat left top; padding:0 0 0 20px; height:38px; width:624px; line-height:40px; margin:0 0 10px 0; }*/ .post_content h6 { background:url(img/blog/headline_base_grey.gif) repeat-x left bottom; font-size:16px; margin:0 0 10px 0; } .post_content h6 span { background:url(img/blog/headline_base_red.gif) repeat-x left bottom; display:inline-block; padding:10px 0 8px 0; } .post_content h1 a, .post_content h2 a, .post_content h3 a, .post_content h4 a, .post_content h5 a, .post_content h5 a, .post_content h6 a { text-decoration:none; } /* 記事内のソーシャルブックマーク部分 */ .post_content .post_bookmark { margin:10px 0; } .post_content .post_bookmark li { background:none; padding:0; margin:0; float:left; line-height:19px; height:19px; } .post_content .post_bookmark li.facebook { margin:0 -10px 0 -25px; } /* ---------------------------------------------------------------------- コメント ---------------------------------------------------------------------- */ #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #000; font-size: 20px; font-weight: bold; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } h3.headline { font-size:130%; border-top:1px solid #dbdbdb; padding:50px 0 40px 0; } #comments h2.comments-title { font-size:100%; border-bottom:none;} .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } #comments .comment-author { display:block; float:left; } #comments .comment-author img { margin-right:10px; } .comment-author cite { color: #000; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; display:none; } .comment-meta { padding:15px 0 0 20px; font-size: 12px; /* text-align: right; margin: 0 0 5px 0; */ float:left; } #comments .comment-body p { clear:both; padding:10px 0 20px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; padding: 0 0 5px 0; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } .fb_iframe_widget iframe { width:100% !important; } /*========================================　記事本文　既存移植分　ここまで　============================================================*/ /*-------------------------------------------------- commentBlock --------------------------------------------------*/ #commentBlock { padding:50px; border-top:1px solid #dbdbdb; margin-top:50px; } #commentBlock h3 { font-size:140%; margin-bottom:40px; } #commentBlock h4 { margin-bottom:10px;} /*-------------------------------------------------- authorProfileBlock --------------------------------------------------*/ #authorProfileBlock { border:1px solid #dbdbdb; padding:50px; margin-top:60px; font-size:14px;} #authorProfileBlock h3 { font-size:140%; margin-bottom:40px; } #authorProfileBlock .logo { border:1px solid #dbdbdb; width:80px; height:80px; float:left; margin:0 30px 30px 0; } #authorProfileBlock .logo img { width:100%; height:auto; } #authorProfileBlock .data { float:left; margin:12px 0 40px 0; } #authorProfileBlock .data li { } #authorProfileBlock .comment { clear:both; margin-bottom:20px; } #authorProfileBlock a { text-decoration:underline; } #authorProfileBlock a:hover { text-decoration:none; } #authorProfileBlock .snsBlock li { float:left; width:60px; height:60px; background:#000; margin-right:30px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; } #authorProfileBlock .snsBlock li img { width:100%; } #authorProfileBlock .profile_link { float:right; margin-top:40px; } #authorProfileBlock .profile_link a { display:block; background:url(../img/arrow_b.png) no-repeat center right; background-size:9px 14px; padding-right:20px; } /*-------------------------------------------------- newsBlock_recommend --------------------------------------------------*/ #newsBlock_recommend { margin:80px auto 0; } #newsBlock_recommend h2 { font-size:170%; font-weight:bolder; line-height:1; padding:5px 0 20px 40px; background:url(../img/icon_recommend.png) no-repeat left 0; background-size:30px 28px; } #newsBlock_recommend ul { } #newsBlock_recommend ul li { float:left; margin-right:30px; } #newsBlock_recommend ul li:nth-child(3n) { margin-right:0; } #newsBlock_recommend #but_newsList { } /*//////////////////////////////////////////////////////////////////////////////// ARCHIVES ////////////////////////////////////////////////////////////////////////////////*/ /*-------------------------------------------------- newsArchiveBlock --------------------------------------------------*/ #newsArchiveBlock { margin-bottom:120px; } #newsArchiveBlock h2 { font-size:170%; font-weight:bolder; line-height:1; padding:5px 0 20px 40px; background:url(../img/icon_archives.png) no-repeat left 0; background-size:30px 28px; } #newsArchiveBlock ul { } #newsArchiveBlock li { float:left; margin-right:30px; } #newsArchiveBlock li a { display:block; width:360px; padding:12px 10px; border-bottom:1px solid #dbdbdb; color:#000; } #newsArchiveBlock li a span { color:#00a9e1; text-decoration:underline; } #newsArchiveBlock li a:hover span { text-decoration:none !important; } #newsArchiveBlock li a:hover { text-decoration:none !important; } #newsArchiveBlock li:nth-child(3n) { margin-right:0; } /*-------------------------------------------------------------- --------------------------------------------------------------*/ @media screen and (min-width: 644px) and (max-width: 1199px) { /* 記事詳細 */ /* #articleFlame { width:644px !important; margin:0 auto; overflow:hidden; } #articleFlame img { max-width:100% !important; height:auto; } */ } @media (max-width: 643) { /* 記事詳細 */ /* #articleFlame { width:100% !important; margin:0 auto; } #articleFlame img { max-width:100% !important; height:auto; } */ } /*-------------------------------------------------------------- SP　表示領域が640px未満 --------------------------------------------------------------*/ @media (max-width: 640px) { /*//////////////////////////////////////////////////////////////////////////////// common ////////////////////////////////////////////////////////////////////////////////*/ html { font-size:12px; line-height:1.5; } body { margin-top:70px; } a, a:visited { } a:hover { } article { } section { width:100%; } .spBr { display:block; } .spNoBr { display:none; } /*-------------------------------------------------- header --------------------------------------------------*/ header { } #header { width:100%; } #header #menuBut { float:left; width:50px; padding:4px 0; margin-right:15px; } #header #menuBut div { width:20px; height:18px; padding:11px 12px; border-left:none; border-right:1px solid #dbdbdb; } #header #menuBut div img { } .noBorder { } #header h1 { float:left; width:110px; margin-top:15px; } #header h1 img { } #search { display:none; } #searchSP { /*display:block;*/ width:100%; margin:0; padding:10px 0; background:#f8f8f8; position:fixed; top:49px; left:0; z-index:1; text-align:center; } /* #searchSP input { width:90%; height:28px; background:#fff; padding:0 10px; position: relative; border:1px solid #dbdbdb; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; margin:0 10px; } #searchSP #search_icon { width:28px; height:28px; cursor:pointer; position: absolute; top:10px; left:90%; } */ #searchSP input { width:85%; height:28px; background:#fff; padding:0 0 0 5%; position: relative; border:1px solid #dbdbdb; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; margin:0 3%; } #searchSP #search_icon input { width:26px; height:26px; cursor:pointer; position: absolute; top:12px; right:4%; border:none;} #searchSP #search_icon img { width:100%; } #header #rss { width:28px; height:28px; margin-top:10px; } #header #rss img { } /*SP*/ #header #search_icon_sp { display:block; width:28px; height:28px; float:right; cursor:pointer; margin:10px; } #header #search_icon_sp img { width:100%; } /*-------------------------------------------------- nav --------------------------------------------------*/ nav { top:50px; } #menuList { width:100%; margin:0 auto; } #menuList ul { } #menuList ul li { } #menuList ul li a { } #menuList ul li a:hover { } .overlay{ } /*------------------------------------------------- pageTop --------------------------------------------------*/ #pageTop { z-index:99; } #pageTop a { } #pageTop a:hover { } /*-------------------------------------------------- footer --------------------------------------------------*/ footer { } footer dl { text-align:center; } footer dt { float:none; margin:0 0 20px 0; padding:0; border:none; } footer dt img { width:140px; } footer dd { float:none; width:auto; margin:0px; line-height:1.6; } footer dd:last-child { width:100%; margin:20px auto; } footer ul { width:100%; font-size:100%; margin-top:25px; text-align:center; letter-spacing:-0.4em; } footer li { float:none; display:inline-block; letter-spacing:normal; vertical-align:top; } footer li:first-child { } footer li a { } footer li a:hover { } address { } /*-------------------------------------------------- parts --------------------------------------------------*/ /* but_type_1 */ a.but_type_1 { } a.but_type_1:hover { } /* but_type_2 */ a.but_type_2 { margin:0 auto; } a.but_type_2:hover { } /* share_tab */ .share_tab { } .share_tab p { } /* 記事マスク */ .img_mask { } /*//////////////////////////////////////////////////////////////////////////////// index ////////////////////////////////////////////////////////////////////////////////*/ /*-------------------------------------------------- newsBlock_1 --------------------------------------------------*/ #newsBlock_1 { margin-bottom:25px; } #newsBlock_1 ul li { float:none; margin-bottom:15px; } #newsBlock_1 ul li:first-child { margin-right:0; } #newsBlock_1 ul li:nth-child(2) { margin-bottom:15px; } /* 記事　共通 */ .article_box { position:relative; padding-top:6px; } .article_box .box_in { position:absolute; bottom:0; } .article_box h3 { line-height:1.2; font-weight:bold; color:#fff; } .article_box img { width:100%; } .writer { } /* 記事　boxType_1 */ .boxType_1 { width:100%; height:auto; } .boxType_1 .box_in { padding:15px 20px; } .boxType_1 h3 { font-size:140%; margin-bottom:5px; } /* 記事　boxType_2 */ .boxType_2 { width:100%; height:auto; } .boxType_2 .box_in { padding:15px 20px; } .boxType_2 h3 { font-size:140%; margin-bottom:5px; } /*-------------------------------------------------- newsBlock_2 --------------------------------------------------*/ #newsBlock_2 { width:100%; float:none; margin-right:0; } #newsBlock_2 ul { } #newsBlock_2 ul li { float:none; margin-right:0; } #newsBlock_2 ul li:nth-child(2n) { margin-right:0; } /* 記事　boxType_4 */ .boxType_4 { width:100%; position:relative; padding-top:6px; margin-bottom:20px; position:relative; overflow:hidden; } .boxType_4 img { width:100%; height:auto; } .boxType_4 .box_in { padding:15px 20px; margin:0; color:#fff; text-decoration:none; position:absolute; bottom:0; } .boxType_4 h3 { color:#fff; } .boxType_4 a:hover { text-decoration:none; } .boxType_4 h3 { font-size:140%; line-height:1.4; margin-bottom:5px; } /* 記事　boxType_3 */ /* .boxType_3 { width:380px; position:relative; padding-top:6px; margin-bottom:20px; } .boxType_3 img { width:380px; height:200px; } .boxType_3 .box_in { margin:15px 10px 5px 10px; color:#000; text-decoration:none; } .boxType_3 a:hover { text-decoration:none; } .boxType_3 h3 { font-size:142%; line-height:1.4; margin-bottom:10px; } */ /* .boxType_3 { display:none; } */ .boxType_3 { opacity:0; } /*-------------------------------------------------- snsBlock --------------------------------------------------*/ #snsBlock { width:100%; float:none; } #snsBlock ul { } #snsBlock li { width:45px; height:45px; } #snsBlock li img { } /*-------------------------------------------------- rankingBlock --------------------------------------------------*/ #rankingBlock { width:100%; float:none; margin-bottom:40px; } #rankingBlock h2 { font-size:150%; font-weight:normal; padding:2px 0 10px 30px; margin-left:15px; background-size:24px 19px; } #rankingBlock .rankingType { } #rankingBlock .rankingType dl { border-top:1px solid #dbdbdb; padding-top:30px; } #rankingBlock .rankingType dt { margin:0 15px; } #rankingBlock .rankingType dd { margin:0 15px; } #rankingBlock .rankingType h3 { } #rankingBlock .rankingType a:hover { } /*-------------------------------------------------- but_newsList --------------------------------------------------*/ #but_newsList { margin:0px auto 40px; float:none;} /*-------------------------------------------------- archivesBlock --------------------------------------------------*/ #archivesBlock { margin:0 15px 60px 15px; width:auto; } #archivesBlock h2 { font-size:150%; font-weight:normal; padding:2px 0 10px 30px; background-size:24px 19px; } #archivesBlock ul { } /* #archivesBlock li { margin-right:10%; width:45%; float:left;} #archivesBlock li a { width:100%; padding:12px 10px; } */ #archivesBlock li { margin-right:2%; width:42%; padding:12px 3%;} #archivesBlock li a { } #archivesBlock li a span { } #archivesBlock li a:hover span { } #archivesBlock li a:hover { } /* #archivesBlock li:nth-child(3n) { margin-right:10%; } */ #archivesBlock li:nth-child(3n) { margin-right:2%; } #archivesBlock li:nth-child(2n) { margin-right:0 !important; } /* #archivesBlock li:last-child { overflow:hidden; float:none; clear:both; width:15em; text-align:center; margin:0 auto !important; background:url(../img/arrow_b.png) no-repeat 100% center; background-size:7px 11px; } #archivesBlock li:last-child a { border:none; } */ #archivesBlock #link li { overflow:hidden; float:none; clear:both; width:15em; text-align:center; margin:0 auto !important; background:url(../img/arrow_b.png) no-repeat 100% center; background-size:7px 11px; border-bottom:none;} #archivesBlock #link li a { } /*//////////////////////////////////////////////////////////////////////////////// 記事一覧 ////////////////////////////////////////////////////////////////////////////////*/ #newsBlock_2 h2 { font-size:150%; font-weight:normal; padding:2px 0 10px 30px; background-size:24px 19px; } /* pageNationBlock */ #pageNationBlock { padding-top:20px; margin-bottom:40px; } #pageNationBlock ul { width:100%; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } #pageNationBlock li { width:10%; } #pageNationBlock li a { display:block; color:#000; width:100%; height:48px; line-height:48px; border:none; border-right:1px solid #dbdbdb; } #pageNationBlock li a.prev { width:160%; text-align:center; padding:10px 0 0 0; height:38px; background:url(../img/arrow_back_b.png) no-repeat center 8px; background-size:8px 14px; margin-left:-80%; } #pageNationBlock li a.next { width:160%; text-align:center; padding:10px 0 0 0; height:38px; background:url(../img/arrow_b.png) no-repeat center 8px; background-size:8px 14px; border-right:none; } #pageNationBlock li a:hover { } #pageNationBlock li a.prev:hover { background:url(../img/arrow_back_w.png) no-repeat center 5px #000; background-size:8px 14px; } #pageNationBlock li a.next:hover { background:url(../img/arrow_w.png) no-repeat center 5px #000; background-size:8px 14px; } #pageNationBlock .active { color:#fff; text-decoration:none; background:#000; } #pageNationBlock li span { display:block; color:#000; width:100%; height:48px; line-height:48px; border-left:1px solid #dbdbdb;} #pageNationBlock li span.dots { border-right:1px solid #dbdbdb; } /*//////////////////////////////////////////////////////////////////////////////// 記事詳細 ////////////////////////////////////////////////////////////////////////////////*/ /*-------------------------------------------------- snsBlock_pageTop --------------------------------------------------*/ #snsBlock_pageTop { width:100%; height:42px; background-color: rgba(255,255,255,0.6); padding:10px 0; overflow:hidden; position:fixed; bottom:0 !important; left:0; z-index:99; display:none; } #snsBlock_pageTop section { width:100%; } #snsBlock_pageTop ul { text-align:center; letter-spacing:-0.4em; } #snsBlock_pageTop li { float:none; display:inline-block; vertical-align:top; } #snsBlock_pageTop li img { } #snsBlock_pageTop li.facebook { } #snsBlock_pageTop li.twitter { } #snsBlock_pageTop li.b { } #snsBlock_pageTop li.line { } #snsBlock_pageTop li.share { } #snsBlock_pageTop li.share p { font-size:100%; letter-spacing:normal; } #snsBlock_pageTop li.share a:hover { } /*-------------------------------------------------- articleDetail --------------------------------------------------*/ #articleDetail { width:100%; margin-top:60px; font-size:115%; line-height:1.8; overflow:hidden; } #articleDetail .main_title { font-size:170%; margin:0 15px; } #articleDetail .writer { margin:0 15px 20px 15px; } /* #articleDetail .main_img { width:100%; margin-bottom:20px; } #articleDetail .main_img img { } */ /* #articleDetail .main_img { position:static; width:100% !important; height:auto !important; overflow:hidden; margin-bottom:-25%;} #articleDetail .main_img img { position:relative; top:50%; height:50%; width: 100%; height: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } */ #articleDetail .main_img { width:100%; height:190px; margin-bottom:5%;} @media screen and (max-width: 360px) { #articleDetail .main_img { height:150px;} } #articleDetail .main_img img { width: 100%; height: auto; } /* 記事本文　変更部分 */ .post_content { margin:0 15px; } #articleDetail h2 { } #articleDetail h3 { } #articleDetail h5:before { } #articleDetail p { } #articleDetail strong { } #post_mail input { } #articleFlame { width:100%; margin:0 auto; } #articleFlame img { max-width:100%; height:auto; } /*========================================　記事本文　既存移植分　ここから　============================================================*/ /*　※コメントアウトは変更箇所 /* 記事のヘッダー */ #post_header { width:644px; margin:0 0 20px 0; padding:0 0 13px 0; background:url(img/line1.gif) no-repeat left bottom; } #post_header_left { width:405px; margin:0 15px 0 0; float:left; } #post_header .title { margin:0 0 20px 0; font-size:24px; } #post_header .desc { width:400px; float:right; display:inline; margin:2px 0 0 0; } #post_header .no-author .bookmark1 { padding:65px 0 0 0; } #post_header .meta { float:left; } #post_header .meta li { height:13px; min-width:150px; padding:12px 0 0 30px; margin:0 0 10px 0; } #post_header .meta li a { text-decoration:none; } #post_header .meta li.category { background:url(img/icon_category.gif) no-repeat left top; } #post_header .meta li.author { background:url(img/icon_author.gif) no-repeat left top; } #post_header .date { float:right; background:url(img/icon_date.gif) no-repeat left top; padding:12px 0 0 31px; height:13px; line-height:100%; } #post_header .bookmark1 { clear:both; padding:20px 0 5px 0; } #post_header .bookmark1 li { display:inline; float:right; margin:0; } #post_header .bookmark1 li.mixi_check { padding:3px 12px 0 0; } #post_header .bookmark1 li.mixi_fav { padding:3px 7px 0 0; } #post_header .bookmark2 li { display:inline; float:right; margin:0; } #post_header .bookmark2 li.facebook { margin:0 10px 0 -2px; } #post_header .image { float:left; border:1px solid #ccc; padding:1px; max-width:220px; } .post_content .fb_like_post_top { margin:0 0 30px 0; } /* サイド固定のブックマーク */ #side_bookmark_wrap { width:89px; float:left; margin:0 0 0 -105px; position:relative; } #side_bookmark { position:absolute; top:0px; width:89px; padding-bottom:8px; background:url(img/bookmark_bottom.gif) no-repeat left bottom; } #side_bookmark ul { margin:0; padding:6px 0; text-align:center; background:url(img/bookmark_top.gif) no-repeat left top; } #side_bookmark ul li { margin:10px 0 0 0; } /* 記事のフッター */ #post_footer { width:644px; margin:0 0 10px 0; padding:10px 0 0 0; } #post_footer .bookmark li { float:right; } #post_footer .bookmark li.facebook { margin:0 10px 0 -2px; } #post_footer .bookmark li.mixi_check { padding:1px 12px 0 0; } #post_footer .bookmark li.mixi_fav { padding:1px 7px 0 0; margin:0 0 0 10px; } #post_footer #trackback_url_wrapper { background:url(img/trackback.gif) no-repeat left top; position:relative; width:420px; height:25px; margin:10px 0 0 225px; } #post_footer #trackback_url_wrapper input { position:absolute; top:6px; right:5px; border:none; width:310px; background:transparent; } /* メール購読 */ #post_mail { background:#fafafa; text-align:center; padding:13px 0 8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #ddd; box-shadow:0 0 0 1px #ffffff inset; width:370px; margin:0 auto; } #post_mail h4 { font-size:12px; margin:0 0 5px 0; } #post_mail p { margin:4px 0 0 0; font-size:11px; color:orange; font-weight:bold; } /* 作者情報 */ #post_author { border-bottom:2px solid #ddd; margin:-15px 0 10px 0; } #post_author #author_avatar { float:left; display:block; border:1px solid #ccc; padding:1px; margin:0 15px 0 0; } #post_author #author_meta { font-size:10px; width:300px; float:left; } #post_author #author_name { font-size:14px; font-weight:bold; margin:0 0 3px 0; line-height:140%; } #post_author dl dt { float:left; display:inline-block; width:60px; margin:0 0 3px 0; } #post_author dl dd { margin:0 0 3px 0; } #post_author .google { float:right; margin:15px 0 -15px 0; } #post_author #author_link { clear:both; float:right; margin:4px 0 0; } #post_banner { text-align:center; padding:40px 0 30px 0; margin:-15px 0 0 0; } #post_author #author_company_area { margin:10px 0 5px 0; background:#fafafa; padding:10px; } #post_author #author_company_area .headline { font-size:12px; float:left; width:55px; text-align:center; } #post_author #author_company_area .desc { float:left; width:540px; border-left:1px dotted #ccc; font-size:10px; margin:0 0 0 12px; padding:0 0 0 12px; } /* 最近の記事 */ #recent_article { margin:0 0 35px 0; } #recent_article ul { margin:0 0 10px 0; } #recent_article li { background:url(img/dot1.gif) repeat-x left bottom; padding:0 0 9px 0; margin:0 0 9px 0; } #recent_article li.last { padding:0; margin:0; background:none; } #recent_article .title { float:right; width:190px; background:url(img/arrow2.gif) no-repeat left 4px; padding:0 0 0 15px; } #recent_article .title a { text-decoration:none; color:#333; } #recent_article .title a:hover { text-decoration:underline; color:#bb0000; } #recent_article .date { clear:right; float:right; margin:-17px 0 0 0; font-size:11px; color:#888; } #recent_article .image img { border:1px solid #ccc; padding:1px; } #recent_article .image:hover img { } #recent_article .link { } /* おすすめの記事 20140119追加*/ #recommend_article { margin:0 0 35px 0; } #recommend_article ul { margin:0 0 10px 0; } #recommend_article li { background:url(img/dot1.gif) repeat-x left bottom; padding:0 0 9px 0; margin:0 0 9px 0; } #recommend_article li.last { padding:0; margin:0; background:none; } #recommend_article .title { float:right; width:190px; background:url(img/arrow2.gif) no-repeat left 4px; padding:0 0 0 15px; } #recommend_article .title a { text-decoration:none; color:#333; } #recommend_article .title a:hover { text-decoration:underline; color:#bb0000; } #recommend_article .date { clear:right; float:right; margin:-17px 0 0 0; font-size:11px; color:#888; } #recommend_article .image img { border:1px solid #ccc; padding:1px; } #recommend_article .image:hover img { } #recommend_article .link { } /* WP記事のクラス */ .post_content { padding:0 0 10px 0; font-size:14px; overflow: hidden; } .alignright { float:right; } .alignleft { float:left; } .aligncenter { margin-left:auto; margin-right:auto; } .centered { margin-left:auto; margin-right:auto; } img.centered,div.centered { display:block; margin:0 auto 30px; } img.aligncenter,div.aligncenter { display:block; margin:0 auto 30px; } img.alignright,div.alignright { margin:0 0 30px 25px; display:inline; } img.alignleft,div.alignleft { margin:0 25px 30px 0; display:inline; } .aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; } .post_content p { margin:0 0 0 0; line-height:190%; } .post_content ul { list-style-type:none; margin:0 0 0 0; padding:0; line-height:0%; } .post_content ul li { margin:0; line-height:190%; padding:0 0 0 14px; } .post_content ol { margin:0 0 0 23px; padding:0; line-height:0%; } .post_content ol ol { margin:0 0 0 15px;} .post_content ol li { line-height:190%; background:none; padding:0; text-indent:-7px;} .post_content table { margin:0 0 1em 0; width:100%; font-size:12px; } .post_content td, .post_content th { line-height:190%; padding:10px 10px 6px; border:1px solid #bbb; text-align:left; } .post_content th { font-weight:normal; background:url(img/table_bg.gif) no-repeat left top; } .post_content pre { font-size:12px; background:#f2f7f8; border:1px solid #c9dcde; padding:15px 15px 12px; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-o-pre-wrap; white-space:-pre-wrap; word-wrap:break-word; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin:0 0 20px; line-height:190%; } .post_content blockquote { margin:0 0 10px 0; padding:50px 50px 40px; background:#f2f2f2; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1))); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; border:1px solid #c1c1c1; } .post_content blockquote:before { content: '"'; font-style:italic; font-size:40px; font-weight:bold; line-height:40px; width:30px; height:30px; position:absolute; top:20px; left:20px; color:#2789c1; } .post_content blockquote:after { content: '"'; font-style:italic; font-size:40px; font-weight:bold; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:12px; right:20px; color:#2789c1; } .post_content .wp-caption { text-align:center; background:#fafafa; box-shadow:0 0 0 1px #ffffff inset; border:1px solid #ccc; max-width:96%; padding:10px 8px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .post_content .wp-caption img { display:block; margin:0 auto; max-width:100%; } .post_content .wp-caption .wp-caption-text { padding:10px 0 10px; font-size:11px; } .post_content hr { border:solid #ccc; border-width:1px 0 0 0; } /* 見出し */ .post_content h1 { font-size:19px; background:url(img/blog/headline_base_grey.gif) repeat-x left bottom; margin:0 0 10px 0; } .post_content h1 span { background:url(img/blog/headline_base_blue.gif) repeat-x left bottom; display:inline-block; padding:10px 0 8px 0; } /*.post_content h2 { font-size:19px; background:url(img/blog/headline_base1.gif) no-repeat left top; padding:0 0 0 25px; height:41px; width:619px; line-height:42px; margin:0 0 10px 0; }*/ /*.post_content h3 { font-size:19px; background:url(img/blog/headline_base3.gif) no-repeat left top; height:26px; line-height:27px; width:629px; padding:0 0 0 15px; margin:0 0 10px 0; }*/ .post_content h4 { background:url(img/blog/headline_base_grey.gif) repeat-x left bottom; font-size:16px; margin:0 0 10px 0; } .post_content h4 span { background:url(img/blog/headline_base_green.gif) repeat-x left bottom; display:inline-block; padding:10px 0 8px 0; } /*.post_content h5 { font-size:16px; background:url(img/blog/headline_base2.gif) no-repeat left top; padding:0 0 0 20px; height:38px; width:624px; line-height:40px; margin:0 0 10px 0; }*/ .post_content h6 { background:url(img/blog/headline_base_grey.gif) repeat-x left bottom; font-size:16px; margin:0 0 10px 0; } .post_content h6 span { background:url(img/blog/headline_base_red.gif) repeat-x left bottom; display:inline-block; padding:10px 0 8px 0; } .post_content h1 a, .post_content h2 a, .post_content h3 a, .post_content h4 a, .post_content h5 a, .post_content h5 a, .post_content h6 a { text-decoration:none; } /* 記事内のソーシャルブックマーク部分 */ .post_content .post_bookmark { margin:10px 0; } .post_content .post_bookmark li { background:none; padding:0; margin:0; float:left; line-height:19px; height:19px; } .post_content .post_bookmark li.facebook { margin:0 -10px 0 -25px; } /* ---------------------------------------------------------------------- コメント ---------------------------------------------------------------------- */ #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #000; font-size: 20px; font-weight: bold; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author { } .comment-author cite { color: #000; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; text-align: right; margin: 0 0 5px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; padding: 0 0 5px 0; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /*========================================　記事本文　既存移植分　ここまで　============================================================*/ /*-------------------------------------------------- commentBlock --------------------------------------------------*/ #commentBlock { padding:25px 0 0 0; margin:25px 15px 0 15px; } #commentBlock h3 { font-size:125%; margin-bottom:20px; } .fb-comments, .fb_iframe_widget span, .fb_iframe_widget iframe { width:100% !important; } /*-------------------------------------------------- authorProfileBlock --------------------------------------------------*/ #authorProfileBlock { padding:25px; margin:30px 15px; } #authorProfileBlock h3 { font-size:125%; margin:15px 0; float:left; } #authorProfileBlock .logo { width:55px; height:55px; float:right; margin:0 0 15px 0; overflow:hidden; } #authorProfileBlock .logo img { width:100%; height:auto; } #authorProfileBlock .data { clear:both; float:none; margin:0 0 20px 0; } #authorProfileBlock .data li { } #authorProfileBlock .comment { clear:both; margin-bottom:20px; } #authorProfileBlock a { } #authorProfileBlock a:hover { } #authorProfileBlock .snsBlock { text-align:center; letter-spacing:-0.4em; } #authorProfileBlock .snsBlock li { float:none; width:44px; height:44px; background:#000; margin:0 15px; display:inline-block; vertical-align:top; border-radius:22px; -webkit-border-radius:22px; -moz-border-radius:22px; } #authorProfileBlock .snsBlock li img { } #authorProfileBlock .profile_link { float:none; margin-top:30px; text-align:center; } #authorProfileBlock .profile_link a { display:block; background:url(../img/arrow_b.png) no-repeat center right; background-size:9px 14px; padding-right:1em; width:13em; margin:0 auto; } /*-------------------------------------------------- newsBlock_recommend --------------------------------------------------*/ #newsBlock_recommend { margin:40px 0 0 0; } #newsBlock_recommend h2 { font-size:150%; font-weight:normal; padding:2px 0 10px 30px; margin-left:15px; background-size:24px 19px; } #newsBlock_recommend ul { } #newsBlock_recommend ul li { float:left; width:44%; margin:0 3%; } #newsBlock_recommend ul li:nth-child(3n) { margin-right:3%; } #newsBlock_recommend ul li:nth-child(2n) { margin-right:0 !important; } #newsBlock_recommend #but_newsList { } #newsBlock_recommend ul li .boxType_3 { width:100%; } #newsBlock_recommend ul li .boxType_3 img { width:100%; height:auto; } #newsBlock_recommend ul li .boxType_3 .box_in { margin:15px 0 5px 0; } #newsBlock_recommend ul li .boxType_3 a:hover { } #newsBlock_recommend ul li .boxType_3 h3 { font-size:142%; line-height:1.4; margin-bottom:10px; } /*//////////////////////////////////////////////////////////////////////////////// ARCHIVES ////////////////////////////////////////////////////////////////////////////////*/ /*-------------------------------------------------- newsArchiveBlock --------------------------------------------------*/ #newsArchiveBlock { margin-bottom:120px; } #newsArchiveBlock h2 {font-size:150%; font-weight:normal; padding:2px 0 10px 30px; background-size:24px 19px; margin-left:15px; } #newsArchiveBlock ul { } #newsArchiveBlock li { float:none; margin:0; } #newsArchiveBlock li a { display:block; width:auto; } #newsArchiveBlock li a span { } #newsArchiveBlock li a:hover span { } #newsArchiveBlock li a:hover { } #newsArchiveBlock li:nth-child(3n) { margin-right:0; } }