@charset "UTF-8"; /* Theme Name: InboundBlog_Ver2 Theme URI: http://consul-daigaku.com/ Description: インバウンドブログテンプレートVer2 Author: コンサル大学 Author URI: http://consul-daigaku.com/ Version: 2.0 */ /* all display -------------------------------------------------- */ .wrap { width: 1200px; box-sizing: border-box; margin: 0 auto; *zoom: 1; /*padding-left:10px; padding-right:10px;*/ } .wrap:before { display: inline-table; } .wrap:after { content: ""; display: block; clear: both; } #home { margin-top: 20px } #main { width: 100%; float: left; } .main-inner { margin-right: 360px; } #side { border: 1px #e5e5e5 solid; background: #fff; padding: 15px; width: 330px; float: left; margin-left: -330px; } .lp-wrap #side { padding: 0px; } .left-content #main { width: 100%; float: left; } .left-content .main-inner { margin-right: 360px; margin-left: 0; } .left-content #side { width: 330px; float: left; margin-left: -330px; } .right-content #main { width: 100%; float: left; } .right-content .main-inner { margin-left: 360px; margin-right: 0; } .right-content #side { width: 360px; float: left; margin-left: -100%; } .one-column #content .wrap { width: 1200px; } .one-column #content .wrap #main { width: 100%; float: none; } .one-column #content .wrap #main .main-inner { width: 100%; margin: 0; } .one-column #content .wrap #side { display: none; } /* ---------------------------------------- * レスポンシブ * ~ / 1200px / 991px / 767px * desctop / laptop / tablet / phone ---------------------------------------- */ @media screen and (max-width: 1200px) { /* laptop */ .wrap, .one-column #content .wrap { margin-left: 30px; margin-right: 30px; width: auto; } .main-inner { margin-right: 360px; box-sizing: border-box; } /* laptop end */ } @media screen and (max-width: 991px) { /* tablet */ .wrap, .one-column #content .wrap { margin-left: 20px; margin-right: 20px; } #main, .main-inner, #side { float: none; width: 100%; margin-left: 0; margin-right: 0; } .left-content #main, .right-content #main { float: none; } .left-content .main-inner, .right-content .main-inner { margin-right: 0; margin-left: 0; width: 100%; } .left-content #side, .right-content #side { width: 100%; float: none; margin: 0; } #side { padding-top: 42px; } .post-loop-wrap .post-thumbnail img { width: 100%; height: auto; margin: 0 auto 20px; } .post-loop-wrap .post-title { margin-bottom: 0; } /* tablet end */ } @media screen and (max-width: 767px) { /* phone */ .wrap, .one-column #content .wrap { margin-left: 10px; margin-right: 10px; } /* phone end */ } /* ---------------------------------------- * カラースキーム ---------------------------------------- */ /* ---------------------------------------- * all ---------------------------------------- */ body { background: #f9f9f9; color: #383838; } a { text-decoration: none; color: #2581c4; } a:hover { text-decoration: underline; } /* form ---------------------------------------- */ form input[type="submit"], form button { background: #2581c4; color: #fff; } form input[type="submit"]:hover, form button:hover { cursor: pointer; } /* ---------------------------------------- * header ---------------------------------------- */ #header { background: #fff; border-bottom: 1px solid #efefef; } #header #logo { float: left; font-size: 24px; margin: 18px 0;/*変更した*/ } #header #logo a { color: #383838; } #header #header-sns { float: right; } #header #header-sns ul { padding: 0 0 10px; } #header #header-sns li { display: inline-block; margin-left: 30px; font-size: 21px; } #header #header-sns li a { color: #ccc; } #header #header-sns li a:hover { color: #57585a; } /* ---------------------------------------- * breadcrumb ---------------------------------------- */ .breadcrumb { margin: 0 0 15px; overflow: hidden; font-size: 12px; line-height: 22px; padding: 0; } .breadcrumb li { float: left; margin-left: 10px; } .breadcrumb li a { text-decoration: none; } .lp-brsns .breadcrumb li a { color: #383838; } .breadcrumb li a:hover { text-decoration: underline; } /* ---------------------------------------- * gloval nav ---------------------------------------- */ #gnav { margin-top: -1px; background: #000; border-top: 1px #efefef solid; border-bottom: 1px #efefef solid; font-size: 18px; } #gnav .sub-menu { z-index: 10; font-size: 14px; margin: 0; } #gnav ul { margin: 0; padding: 0; } #gnav li { float: left; position: relative; padding: 0; } #gnav li a { display: block; border-top: 1px #efefef solid; margin-top: -1px; padding: 14px 24px; color: #fff; background: #000; text-decoration: none; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } #gnav li a:hover { margin-top: -1px; background: #373B3B; color: #fff; } #gnav li a:hover .sub-menu { display: block; } #gnav li .sub-menu { display: none; position: absolute; width: 200px; background: #fff; border: none; border-bottom: none; margin: 0; } #gnav li .sub-menu li { float: none; border-bottom: none; margin-right: 0; padding: 0; } #gnav li .sub-menu li:list-child { border-bottom: none; } #gnav li .sub-menu li a { color: #fff; background: #2b2b2b; font-size: 12px; padding: 14px 18px; margin-top: 0; border: none; overflow: hidden; } #gnav li .sub-menu li a:hover { background: #373B3B; color: #fff; } #gnav li .sub-menu li a:after { content: "\f105"; float: right; font-family: 'FontAwesome'; } #gnav li .sub-menu .sub-menu { left: 100%; top: 0; } /* ---------------------------------------- * content ---------------------------------------- */ #content { padding: 15px 0 52px;/* キャプション */ } #content #side { border-style: none; } #content .wp-caption { max-width: 100%; border: 1px solid #efefef; text-align: center; padding: 5px; } #content .wp-caption-text { padding: 12px 16px; margin-bottom: 0; text-align: center; } body.home #content { padding-top: 24px; } /* ---------------------------------------- * main ---------------------------------------- */ .cat-content, article.post, article.page, article.wp101, article.seo101 { margin-bottom: 40px; background: #fff; border: 1px #e5e5e5 solid; } .post-header { padding: 16px 64px 0; } .post-title a { color: #383838; } .post-title a:hover { color: #f24e4f; text-decoration: none; } .cat-content .post-header, article.page .post-header { padding: 24px 64px 12px; margin-bottom: 0; background: #fff; } .cat-content .post-header1, article.page .post-header1 { padding: 24px 64px 12px; margin-bottom: 0; background: #fff; } .cat-content .post-title, article.page .post-title { margin-bottom: 0; } .post-meta { margin-top: 0; margin-bottom: 42px; padding: 0; border-top: 1px #efefef solid; } .post-meta li { background: #fff; float: left; margin-top: -0.7em; margin-right: 20px; padding-right: 0px; font-size: 14px; } .post-thumbnail { margin-bottom: 24px; } .post-thumbnail img { max-width: 100%; height: auto; } .post-content { padding: 12px 64px 24px; overflow: hidden; } .post-content hr { border-bottom: 1px solid #ededed; margin: 20px 0; clear: both; } .post-content ul { list-style: disc; } .post-content ol { list-style: decimal; } .post-content dl dt { font-weight: bold; margin-bottom: 4px; } .post-content dl dd { margin: 0 0 20px; border-left: 4px solid #e5e5e5; padding: 0 0 0 10px; } .post-content pre { padding: 20px; overflow: scroll; font-family: 'Courier', monospace; } .post-content h1 { clear: both; } .post-content h2 { padding: 0 0 12px; clear: both; border-bottom: 1px solid #efefef; } .post-content h3 { clear: both; border-left: 5px solid #e5e5e5; padding: 0 13px; } .post-content table { border: 1px #ddd solid; max-width: 100%; } .post-content table th, .post-content table td { padding: 8px 10px; border: #ddd solid 1px; } .post-content table th { color: #fff; } .post-content table thead th { background: #5e6265; } .post-content table tbody th { background: #919598; } .post-content table.table-line table, .post-content table.table-line th, .post-content table.table-line td { border-color: #fff; } .post-content table.table-line th { background: transparent; color: #383838; font-weight: bold; } .post-content table.table-line thead th { background: #5e6265; color: #fff; } .post-content table.table-line tr { background: #eee; } .post-content table.table-line tr:nth-child(2n+1) { background: #ddd; } .post-content img.alignleft { float: left; margin-right: 15px; margin-bottom: 15px; } .post-content img.alignright { float: right; margin-left: 15px; margin-bottom: 15px; } .post-content h2:first-child { margin: 0 0 32px; } .post-cta { margin: 0; background: #f5f5f5; color: #383838; border-top: 3px solid #5e6265; } .post-cta .post-cta-inner { padding: 30px 45px; } .post-cta .cta-post-title { padding: 24px 45px; font-size: 28px; font-weight: bold; margin-bottom: 14px; border-bottom: 1px solid #e5e5e5; } .post-cta .post-cta-img { float: right; width: 230px; margin: 0 0 20px 30px; } .post-cta .post-cta-cont { overflow: hidden; } .post-cta .post-cta-btn { margin: 40px 0 10px; } .post-cta .post-cta-btn a { background: #5ace5f; color: #fff; border-radius: 3px; border-bottom: 5px solid #38bd3e; display: block; padding: 10px; text-align: center; text-decoration: none; width: 60%; margin: 0 auto 20px; } .post-cta .post-cta-btn a:hover { background: #81da85; border-bottom: 5px solid #5ace5f; } .post-cta p { margin-bottom: 1em; } .post-cta .btn { width: 100%; display: block; border-radius: 3px; text-align: center; color: #fff; padding: 14px 0; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out; background: #2581c4; } .post-cta .btn:hover { text-decoration: none; background: #f24e4f; } .post-share { padding: 0 45px 30px; border-top: 1px solid #e5e5e5; } .post-share .post-share-fb { margin-bottom: 0; padding-top: 40px; text-align: center; } .post-share .post-share-fb > span { margin: 0 auto; } .post-share .post-share-title { font-size: 20px; padding: 10px 0; margin-bottom: 0; color: #fff; background-color: #57585A; text-align: center; margin-left: -45px; margin-right: -45px; } .post-share .post-share-list1, .post-share .post-share-list2, .post-share .post-share-list3, .post-share .post-share-list4 { overflow: hidden; padding: 30px 0; margin-left: -2.08%; } .post-share .post-share-list1 a, .post-share .post-share-list2 a, .post-share .post-share-list3 a, .post-share .post-share-list4 a { text-decoration: none; font-family: 'Didact Gothic'; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: block; border: 1px #eee solid; border-radius: 3px; padding: 20px 0; } .post-share .post-share-list1 a:hover, .post-share .post-share-list2 a:hover, .post-share .post-share-list3 a:hover, .post-share .post-share-list4 a:hover { text-decoration: none; background: #f7f7f7; } .post-share .post-share-list1 li, .post-share .post-share-list2 li, .post-share .post-share-list3 li, .post-share .post-share-list4 li { text-align: center; float: left; margin-left: 2.08%; } .post-share .post-share-list1 i, .post-share .post-share-list1 .big, .post-share .post-share-list2 i, .post-share .post-share-list2 .big, .post-share .post-share-list3 i, .post-share .post-share-list3 .big, .post-share .post-share-list4 i, .post-share .post-share-list4 .big { font-size: 2em; } .post-share .post-share-list1 li { width: 97.92%; } .post-share .post-share-list2 li { width: 47.92%; } .post-share .post-share-list3 li { width: 31.25%; font-size: .8em; } .post-share .post-share-list4 li { width: 22.92%; } .post-share .post-share-list4 { text-align: center; } .post-share .post-share-list4 i, .post-share .post-share-list4 .big { display: block; } .post-share .post-share-list4 .big { font-size: 1.2em; } .post-share .post-share-facebook a:hover { color: #305097; } .post-share .post-share-twitter a:hover { color: #00aced; } .post-share .post-share-google a:hover { color: #db4a39; } .post-share .post-share-feedly a:hover { color: #2bb24c; } .post-sns { border-top: 1px #eee solid; margin: 0 -45px -30px; padding: 0; } .post-sns ul { width: 100%; overflow: hidden; padding: 0; margin: 0; } .post-sns ul li { float: left; width: 50%; box-sizing: border-box; border-right: 1px solid #eee; color: #929292; font-size: 16px; text-align: center; } .post-sns ul li.post-sns-twitter a:before { content: "\f099"; font-family: FontAwesome; font-size: 24px; padding-right: 10px; } .post-sns ul li.post-sns-feedly a:before { content: "\f09e"; font-family: FontAwesome; font-size: 24px; padding-right: 10px; } .post-sns ul li:last-child { border-right: none; padding: -10px 0; } .post-sns ul li:hover { background-color: #f7f7f7; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .post-sns ul li.post-sns-twitter:hover { color: #00ACED; } .post-sns ul li.post-sns-feedly:hover { color: #5ACF5F; } .post-sns ul li span { font-size: 20px; } .post-sns ul li a { width: 100%; display: block; color: #929292; text-decoration: none; padding: 24px 0; } .post-sns ul li a:hover { -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .post-sns ul li.post-sns-twitter a:hover { background-color: #00aced; color: #fff; } .post-sns ul li.post-sns-feedly a:hover { background-color: #5ACF5F; color: #fff; } .post-footer { border-radius: 0 0 3px 3px; padding: 24px 64px 0px; } .post-footer ul li { display: inline-block; vertical-align: top; } .post-footer ul li a:hover { text-decoration: underline; } .post-footer .bzb-sns-btn { padding: 0 0 32px; } .post-footer .bzb-sns-btn:after { content: ''; display: block; clear: both; zoom: 1; } .post-footer:after { content: ''; display: block; clear: both; zoom: 1; } .post-footer-list { margin: 0 0 40px; } .post-footer-list li { margin-right: 10px; } .post-author { border-radius: 3px; margin-bottom: 0px; padding: 40px 64px; border-top: 1px #eee solid; border-bottom: 1px #eee solid; color: #383838; } .post-author .post-author-img { width: 80px; float: left; } .post-author .post-author-img .inner { padding: 0; } .post-author a { color: #2581c4; } .post-author .post-author-meta { margin-left: 100px; } .post-author .post-author-meta h4 { margin: 0 40px 10px 0; font-weight: bold; } div.post-share-fb .fbcomments, div.post-share-fb .fb_iframe_widget, div.post-share-fb .fb_iframe_widget[style], div.post-share-fb .fb_iframe_widget iframe[style], div.post-share-fb .fbcomments iframe[style] *, div.post-share-fb .fb_iframe_widget span { max-width: 100% !important; } /* bzb sns */ .post-header-meta { overflow: visible; } .post-header-meta:after { content: ""; clear: both; display: block; } .bzb-sns-btn { padding: 0; margin: 0; } .bzb-sns-btn li { display: inline-block; vertical-align: top; } .bzb-sns-btn li.bzb-facebook { width: 98px; } .bzb-sns-btn li.bzb-facebook span { vertical-align: top !important; } .bzb-sns-btn li.bzb-twitter { width: 93px; } .bzb-sns-btn li.bzb-googleplus { width: 65px; } .bzb-sns-btn li.bzb-pocket { width: 93px; } .bzb-sns-btn li.bzb-line a, .bzb-sns-btn li.bzb-line img { vertical-align: top; } .bzb-facebook .fb-like > span { vertical-align: top !important; } .bzb-twitter { width: 92px; } .bzb-googleplus { width: 80px; } .post-header-category { float: right; width: 300px; text-align: right; padding: 20px 0 10px; } /* comment ---------------------------------------- */ #comments { padding: 40px 64px; } .comment-list > .comment { margin-bottom: 40px; border-bottom: 1px #eee solid; } .comment-list > .comment > .comment-body { padding: 0 20px; margin-bottom: 20px; } .comment-list .children { margin-left: 45px; } .comment-list .children .comment-body { padding: 20px 30px; margin-bottom: 20px; background: #f7f7f7; } .comment-author { float: left; vertical-align: top; font-size: 12px; margin-left: 10px; } .comment-author img { vertical-align: top; } .comment-meta { font-size: 12px; margin-bottom: 12px; } .reply a { border-radius: 3px; padding: 3px 5px; font-size: 12px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .reply a:before { content: ' '; font-family: 'FontAwesome'; } .reply a:hover { text-decoration: none; } .comment-form-comment label { display: none; } .comment-form-comment textarea { width: 80%; margin: 20px 0; border-radius: 3px; } .form-allowed-tags { font-size: 12px; margin-bottom: 20px; display: none; } .comment-meta:after { content: ' '; display: block; clear: both; } .comments-title { font-size: 24px; padding: 20px 0; margin-bottom: 30px; } .comment-form-author, .comment-form-email, .comment-form-url { overflow: hidden; margin: 10px 0; } .comment-form-author label, .comment-form-email label, .comment-form-url label { width: 15%; float: left; font-size: 12px; } .comment-form-author input, .comment-form-email input, .comment-form-url input { width: 40%; float: left; margin-left: 5%; border-radius: 3px; padding: 5px; } .form-submit #submit { width: 200px; line-height: 40px; margin: 0 auto; border: none; border-radius: 3px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .form-submit #submit:hover { cursor: pointer; } .comment-form-comment textarea { width: 95%; padding-left: 2%; padding-right: 2%; } .comment-form { overflow: hidden; } .comment-form-author, .comment-form-email { width: 49%; margin: 0; } .comment-form-author label, .comment-form-author input, .comment-form-email label, .comment-form-email input { width: 90%; float: none; margin: 0 0 10px; } .comment-form-author { float: left; } .comment-form-email { float: right; } /* loop ---------------------------------------- */ .cat-content { background: #fff; padding: 40px; margin-bottom: 30px; } .post-loop-wrap article { width: 100%; margin: 0 0 32px; } .post-loop-wrap article p { margin-top: 0; } .post-loop-wrap .post-thumbnail { width: 304px; margin-left: 20px; margin-bottom: 20px; float: right; } .post-loop-wrap .post-thumbnail img { max-width: 100%; height: auto; } .post-loop-wrap .post-content { width: auto; padding: 0 64px 42px; } .post-loop-wrap .post-footer { border-top: 1px #efefef solid; padding-top: 10px; } .post-loop-wrap .post-footer .bzb-sns-btn { padding: 0; margin-right: 50px; float: left;/* _sns.scss */ } .post-loop-wrap .post-footer .loop-comment-icon { float: right; } .post-loop-wrap .post-footer .loop-comment-icon .fa { font-size: 18px; margin-right: 5px; } .post-loop-wrap .post-footer .loop-comment-icon .share { display: none; } .post-loop-wrap .post-footer .loop-comment-icon .count { font-size: 14px; } .more-link { border: 1px #2581c4 solid; padding: 12px 24px; line-height: 50px; margin-bottom: 64px; box-sizing: border-box; clear: both; color: #2581c4; font-size: 14px; } .more-link:hover { background: #2581c4; color: #fff; text-decoration: none; } /* 紹介文メニューのmore ここから*/ .introduce_link .more-link { border: 1px #fff solid; padding: 0; padding-left: 8px; line-height: 26px; margin-top: 0; box-sizing: border-box; clear: both; color: #fff; background: #2581c4; font-size: 14px; display: block; width: 130px; height: 25px; } .introduce_link .more-link:hover { background: #fff; color: #2581c4; text-decoration: none; opacity: 0.8; } /* 紹介文メニューのmore ここから*/ .introduce_link_label { float: right; padding-right: 8px; } /* content-none */ .content-none { padding-top: 40px; } /* ---------------------------------------- * pagenation ---------------------------------------- */ .pagination { margin: 0 0 120px 0; padding: 0; } .pagination span, .pagination a { display: block; float: left; margin: 2px 2px 2px 0; padding: 12px 18px; text-decoration: none; width: auto; color: #383838; } .pagination a:hover { background: #eee; } .pagination .current { padding: 12px 18px; background: #eee; } /* ---------------------------------------- * side ---------------------------------------- */ .side-widget-area { padding: 0; } .side-widget { margin-bottom: 0px; padding-bottom: 0px; line-height: 1.6; font-size: 14px; } .side-widget .side-title { text-align: center; color:#000; margin: 50px 0 13px; padding: 15px 0; border-top:3px double #000; border-bottom: 1px solid #000; } .side-widget ul li { padding: 16px 0; border-bottom: 1px solid #e5e5e5; } .side-widget a { color: #5e6265; text-decoration: none; } .side-widget a:hover { /*color: #2581c4;*/ text-decoration: underline; } .side-widget.widget_recent_comments a { background: none; } .side-widget .post-date { margin: 0 0 0 36px; font-size: 13px; color: #999999; } #views-2 ul li span { margin: 0 0 0 36px; font-size: 13px; color: #999999; } .widget_recent_entries a, .widget_archive a, .widget_categories a, .widget_meta a, .widget_views a { color: #5e6265; text-decoration: none; padding-left: 36px; display: block; background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat; } .widget_recent_entries a:hover, .widget_archive a:hover, .widget_categories a:hover, .widget_meta a:hover, .widget_views a:hover { color: #2581c4; background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat; } /* comment */ .recentcomments { color: #808080; font-size: 12px; } .recentcomments a { color: #383838; font-size: 14px; } .recentcomments a:hover { color: #383838; text-decoration: underline; } /* 実装中止----------- */ /* calendar */ .widget_calendar { border-radius: 3px; font-size: 16px; } .widget_calendar .side-widget-inner { border-radius: 3px; padding: 0 20px 20px; } .widget_calendar table { width: 100%; } .widget_calendar caption { border-radius: 3px 3px 0 0; padding: 14px 20px; margin: 0 -20px 20px; font-size: 18px; text-align: center; } .widget_calendar a { color: #666; } .widget_calendar li { margin-bottom: 1em; } .widget_calendar thead, .widget_calendar tfoot, .widget_calendar tbody { margin: 0 20px; } .widget_calendar th, .widget_calendar td { text-align: center; } .widget_calendar tbody a { display: block; } .widget_calendar tbody a:hover { text-decoration: none; } /* follow */ #side .share-list-wrap { margin: 0 -20px 20px; background: #f9f9f9; padding: 20px; } #side .share-list-wrap .post-share-list1, #side .share-list-wrap .post-share-list2, #side .share-list-wrap .post-share-list3, #side .share-list-wrap .post-share-list4 { overflow: hidden; margin-left: -1%; } #side .share-list-wrap .post-share-list1 li, #side .share-list-wrap .post-share-list2 li, #side .share-list-wrap .post-share-list3 li, #side .share-list-wrap .post-share-list4 li { float: left; width: 24%; margin-left: 1%; } #side .share-list-wrap .post-share-list1 li a, #side .share-list-wrap .post-share-list2 li a, #side .share-list-wrap .post-share-list3 li a, #side .share-list-wrap .post-share-list4 li a { border-radius: 100%; background: #fff; display: table-cell; text-align: center; vertical-align: middle; width: 60px; height: 60px; font-size: 32px; color: #5e6265; } #side .share-list-wrap .post-share-list1 li a .follow-on, #side .share-list-wrap .post-share-list1 li a .big, #side .share-list-wrap .post-share-list2 li a .follow-on, #side .share-list-wrap .post-share-list2 li a .big, #side .share-list-wrap .post-share-list3 li a .follow-on, #side .share-list-wrap .post-share-list3 li a .big, #side .share-list-wrap .post-share-list4 li a .follow-on, #side .share-list-wrap .post-share-list4 li a .big { display: none; } #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover, #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover, #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover, #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover { color: #305097; } #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover, #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover, #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover, #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover { color: #00aced; } #side .share-list-wrap .post-share-list1 li.post-share-google a:hover, #side .share-list-wrap .post-share-list2 li.post-share-google a:hover, #side .share-list-wrap .post-share-list3 li.post-share-google a:hover, #side .share-list-wrap .post-share-list4 li.post-share-google a:hover { color: #db4a39; } #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover, #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover, #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover, #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover { color: #2bb24c; } /* author */ #side-author { overflow: hidden; font-size: 12px; } #side-author h4 { padding: 12px 0; margin-bottom: 20px; font-size: 16px; } #side-author .side-author-img { float: left; width: 100px; } #side-author .side-author-meta { float: right; width: 180px; } /* ---------------------------------------- * footer ---------------------------------------- */ #footer { color: #1E252C; } #footer a { color: #1E252C; } #footer a:hover { color: #2581c4; } #footer .wrap { padding: 20px 0; } #footer .post-share { padding-right: 0; padding-left: 0; } .footer-01 { background: #fff; border-top: 1px #efefef solid; font-size: 13px; } .footer-01 ul { overflow: hidden; text-align: left; } .footer-01 ul li { display: inline-block; margin-right: 20px; } .footer-02 { background: #fff; border-top: 1px #efefef solid; } .footer-02 .footer-copy { float: right; text-align: right; font-size: 12px; } /* ---------------------------------------- * LP ---------------------------------------- */ .single-lp { padding: 12px 0 40px; font-size:1.2em; } .single-lp .lp-wrap { width: 1157px; border: 1px solid #efefef; margin: 0 auto; background: #fff; padding: 32px 0; } .single-lp .lp-wrap .main-inner { margin-right:0; } .single-lp .lp-wrap .main-inner .lp_pc_img { display: block !important; } .single-lp .lp-wrap .main-inner .lp_sp_img { display: none !important; } .lp-brsns { width: 1157px; margin: 0 auto 12px; } .single-lp .lp-thumbnail { float: right; margin: 0 0 20px 20px; } .single-lp .lp-thumbnail img { vertical-align: top; } .post-cta .cta-thumbnail { float: right; margin: 0 0 20px 20px; } .post-cta .cta-thumbnail img { vertical-align: top; } .single-lp .post-content { padding: 0; overflow: hidden; } .single-lp #lp-header { background: #fff; padding: 0 56px; } .single-lp #lp-header h1 { font-size: 20px; font-weight: bold; color: #383838; padding-bottom: 18px; border-bottom: 1px solid #efefef; } .single-lp #content { padding: 40px 180px; overflow: hidden; } .single-lp #content h2 { font-size: 32px; border-bottom: 3px solid #329fca; } .single-lp #content h3 { border-left: 5px solid #329fca; } .single-lp #content .wpcf7-form { border: 1px solid #383838; padding: 30px; } .single-lp #content .wpcf7-form .wpcf7-sub { font-size:14px; color:#999; } .single-lp #content .wpcf7-form .wpcf7-submit { background: url(http://uriup.tokyo/wp-content/uploads/2017/05/up_button_f_off.jpg) no-repeat; width:250px; text-indent: -9999px; } .single-lp #content .wpcf7-form .wpcf7-submit:hover{ cursor: pointer; background: url(http://uriup.tokyo/wp-content/uploads/2017/05/up_button_f_on.jpg) no-repeat; } .single-lp #main { width: 100%; } .single-lp .main-inner { overflow: hidden; } .single-lp #side { width: 100%; margin-left: 0px; } .single-lp .post-footer { padding: 20px 0; } .single-lp .lp-form { background: #494c4e; color: #fff; padding: 10px 20px; } .single-lp .lp-form input[type=text], .single-lp .lp-form input[type=email] { width: 100%; padding: 10px 5%; border: none; } .single-lp .lp-form input[type=submit], .single-lp .lp-form button { width: 100%; padding: 10px 0; margin: 20px 0 0 0; background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; border-radius: 3px; } .single-lp .lp-form input[type=submit]:hover, .single-lp .lp-form button:hover { background: #6ed472; } .single-lp .lp-form dl { margin-bottom: 13px; } .lp-form #form-title { margin-bottom: 5px; margin-top: 5px; font-size: 20px; font-weight: bold; } /* ここからカスタムフォーム */ .lp-custom-form { background: #fff; color: #383838; margin:0; padding:0; } .lp-custom-form input[type=text], .lp-custom-form input[type=email] { margin:0; padding:0; } .lp-custom-form input[type=submit], .lp-custom-form button { margin:0; padding:0; background:#fff; color:#383838; border:none; -webkit-transform:none; transform:none; border-radius:none; } .lp-custom-form input[type=submit]:hover, .lp-custom-form button:hover { background: none; } .lp-custom-form dl { margin:0; } /* ここまでカスタムフォーム */ /* ここから */ .lp-side-profile { border: 1px #e5e5e5 solid; margin-top: 20px; width: 100%; padding: 8px; } .lp-side-profile-title { text-align: center; font-weight: bold; letter-spacing: 1em; } .lp-side-profile-image { width: 100%; max-width: 300px; } .lp-side-profile-content { width: 100%; padding: 8px; word-break: break-all; } .lp-side-profile-content img { margin-bottom: 8px; } #introduce_menu { width: 25%; float: left; text-align: center; } .clear { clear: both; } /* ここまで */ /* ---------------------------------------- * レスポンシブ ---------------------------------------- */ #header-menu-tog { display: none; width: 100%; text-align: center; background: #000; } #header-menu-tog a { color: #fff; } #sumaho_bread { display: none; } @media screen and (max-width: 1200px) { .single-lp .lp-wrap { width: auto; margin: 0 36px; } .single-lp .main-inner { margin-right: 350px; } } @media screen and (max-width: 991px) { /* tablet */ /* tablet */ /* tablet */ /* tablet */ /* tablet */ /* tablet */ .sp-hide { display: none !important; } .sp-show { display: block !important; } #main .post-sns { margin: 0 -20px -20px !important; } #main .post-share-title { margin: 0 -20px !important; } .single-lp #lp-header { padding-left: 24px; padding-right: 24px; } .single-lp #lp-header .lp-title { padding: 0 0 12px 0; margin: 0; font-size: 21px; font-weight: bold; } .single-lp #content { padding: 20px; } .single-lp .lp-wrap { padding: 24px 0; width: auto; margin: 0 5px; } .single-lp .lp-wrap input[type=text] { width: 100%; } .single-lp .lp-wrap input[type=submit] { margin-top: 30px; } .single-lp .post-content { padding: 0 !important; } .single-lp #side { margin-left: 0; width: 100%; } .single-lp #side dl, .single-lp #side dt, .single-lp #side dd { width: 100%; margin: 0 0 20px; padding: 0; } .single-lp #side dt { margin-bottom: 8px; } .alignleft, .alignright { float: none !important; margin-left: auto !important; margin-right: auto !important; } img { max-width: 100%; height: auto; } .single-lp .lp-thumbnail { width: 100%; float: none; margin: 0 auto 20px; } .lp-thumbnail img { display:block; float: none; margin: 0 auto 20px; } .post-cta .cta-thumbnail { width: 100%; float: none; margin: 0 auto 20px; } .cta-thumbnail img { display:block; float: none; margin: 0 auto 20px; } .lp-side-profile-image { display:block; float: none; margin: 0 auto 8px; } /* header */ /* #header { padding: 10px 0 10px !important; } */ #header .wrap { padding: 0; } #header #logo img { vertical-align: top; } #header #header-primary-nav { display: none; } #header-menu-tog { display: block; font-size: 24px; } #gnav { display: none; } #gnav.active { display: block; } #gnav { border: 1px solid #cccccc; padding: 0 10px 10px; } #gnav .wrap { margin: 0; } #gnav ul li { float: none; position: relative; margin-right: 0; padding: 0; } #gnav ul li.current-menu-item a { border-top: none; background: #f7f7f7; } #gnav ul li a { display: block; padding: 8px 8px; color: #fff; background: #000; text-decoration: none; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out; border-bottom: 1px #e5e5e5 solid; } #gnav ul li a:hover { color: #2B2D2D; border-top: none; } #gnav ul li a:hover .sub-menu { display: block; } #gnav ul li .sub-menu { display: block; position: relative; width: auto; margin-left: 20px; background: #fff; border: none; border-bottom: none; } #gnav ul li .sub-menu li { float: none; margin-right: 0; } #gnav ul li .sub-menu li:list-child { border-bottom: none; } #gnav ul li .sub-menu li a { color: #2581c4; background: #fff; padding: 10px 15px; border-bottom: 1px #e5e5e5 solid; } #gnav ul li .sub-menu li a:hover { background: #fafafa; color: #2581c4; box-shadow: 0; } #gnav ul li .sub-menu .sub-menu { left: auto; top: auto; } /* loop */ .cat-content { padding: 20px; } .post-loop-wrap .post-thumbnail { width: 100%; margin: 0 auto 0px; float: none; text-align: center; } .post-loop-wrap .post-thumbnail img { width: 100%; height: auto; margin: 0 auto 20px; } .post-loop-wrap .post-title { margin-bottom: 0; } .post-loop-wrap .post-content { padding: 0 40px; } .post-loop-wrap .post-footer { display: none; } /* comment */ .comment-form-author, .comment-form-email { float: none; width: auto; } /* padding */ .post-header { padding: 12px 20px 12px; } .post-content, .cta-post-title, .post-cta, .post-cta-inner, .post-share, .post-author, article.page .post-header { padding: 12px 10px !important; } .post-content1, .cta-post-title1, .post-cta1, .post-cta-inner1, .post-share1, .post-author1, article.page .post-header1 { padding: 20px !important; } .post-thumbnail, .post-cta-img { margin: 0 auto 20px; } .post-footer { padding: 0 20px; } .more-link { display: block; width: 100%; text-align: center; margin-bottom: 24px; } /* tablet */ /* tablet */ /* tablet */ /* tablet */ /* tablet */ /* tablet */ } @media screen and (max-width: 767px) { /* phone */ /* phone */ /* phone */ /* phone */ /* phone */ /* phone */ .post-content h2 { font-size: 22px; margin-top: 56px; } .post-content h3 { font-size: 20px; margin-top: 56px; } .post-content h4 { font-size: 18px; } .post-content table { overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; display: block; white-space: normal; } #main .post-share .post-sns { margin: 0 -20px -20px; } #main .post-share .post-sns ul li { width: auto; float: none; border-right: none; border-bottom: 1px solid #eee; } #main .post-share .post-sns ul li a { padding: 16px 0; font-size: 16px; } #main .post-share .post-sns ul li a span { font-size: 16px; } #main .post-share .post-sns ul li a:before { font-size: 18px; } #main #comments { padding: 20px; } #main .post-author { padding: 20px; } #main .post-author .post-author-img { float: none; } #main .post-author .post-author-meta { padding: 0; margin: 10px 0 0; } .post-cta .post-cta-img { width: 100%; margin: 0 auto 30px; } .post-cta .post-cta-btn { margin: 24px 0 10px; } .post-cta .post-cta-btn a { width: 100%; box-sizing: border-box; } .post-footer { padding: 0 20px !important; } #main .post-cta .cta-post-title { font-size: 24px !important; padding: 0 0 20px !important; } #main .post-cta .cta-post-title1 { font-size: 24px !important; padding: 0 0 20px !important; } #sumaho_bread { display: none; } .lp-brsns { display: block; width:100%; } .single-lp #lp-header .lp-title { font-size: 0.6em; } .single-lp #content { font-size: 0.8em; } .single-lp #content h2 { font-size: 1.4em; } .single-lp #content h3 { margin-top:0; font-size: 1.2em; } .book_img{ width:250px; margin:0 0 30px 30px; float:right; } @media screen and (max-width: 767px) { .book_img{ width:200px; margin:0 auto 30px; float:none; } } .single-lp .lp-wrap .main-inner .lp_pc_img { display: none !important; } .single-lp .lp-wrap .main-inner .lp_sp_img { display: block !important; } /* phone */ /* phone */ /* phone */ /* phone */ /* phone */ /* phone */ } @media screen and (max-width: 767px) { #header #logo img { width: 270px; vertical-align: top; } #logo { width: 100%; text-align: center; } } @media screen and (min-width: 991px) { .header-sub { display: none; } } /* ---------------------------------------- * カラースキーム 01(緑) ---------------------------------------- */ body.color01 { } body.color01 body { background: #fafafa; color: #494D50; } body.color01 a { color: #1ABB9A; } body.color01 form input[type="submit"], body.color01 form button { background: #1ABB9A; } body.color01 #header { background: #fff; border-bottom: 1px solid #ededed; } /* hover時のテキストロゴ */ body.color01 #header #logo a { color: #494D50; } body.color01 #header #logo a:hover { color: #2D9668; } body.color01 #header #header-sns li a { color: #ccc; } body.color01 #header #header-sns li a:hover { color: #34465C; } body.color01 #gnav { background: #fff; border-top: 1px #ededed solid; border-bottom: 1px #ededed solid; } /* body.color01 #gnav li.current-menu-item a { border-top: 1px #1ABB9A solid; } */ body.color01 #gnav li a { border-top: 1px #ededed solid; color: #2B2D2D; background: #fff; } body.color01 #gnav li .sub-menu li a { background: #2b2b2b; color: #fff; border: none; } body.color01 #gnav li .sub-menu li a:hover { background: #373B3B; color: #fff; } body.color01 #content .wp-caption { border: 1px solid #ededed; } body.color01 .cat-content, body.color01 article.post, body.color01 article.page, body.color01 article.wp101, body.color01 article.seo101 { background: #fff; border: 1px #e5e5e5 solid; } body.color01 .post-title a { color: #494D50; } body.color01 .post-title a:hover { /*color: #1ABB9A;*/ color: #383838; text-decoration: underline; } body.color01 .post-meta { border-top: 1px #ededed solid; } body.color01 .post-meta li { background: #fff; } body.color01 .post-content hr { border-bottom: 1px solid #ededed; } body.color01 .post-content h2 { border-bottom: 1px solid #ededed; } body.color01 .post-content h3 { border-left: 5px solid #e5e5e5; } body.color01 .post-content blockquote { border: 1px #e5e5e5 solid; } body.color01 .post-content blockquote:before { color: #e7e7e7; } body.color01 .post-content blockquote cite { color: #808080; } body.color01 .post-content table { border: 1px #ddd solid; } body.color01 .post-content table th, body.color01 .post-content table td { border: #ddd solid 1px; } body.color01 .post-content table th { color: #fff; } body.color01 .post-content table thead th { background: #5e6265; } body.color01 .post-content table tbody th { background: #919598; } body.color01 .post-content table.table-line table, body.color01 .post-content table.table-line th, body.color01 .post-content table.table-line td { border-color: #fff; } body.color01 .post-content table.table-line th { background: transparent; color: #494D50; } body.color01 .post-content table.table-line thead th { background: #5e6265; color: #fff; } body.color01 .post-content table.table-line tr { background: #eee; } body.color01 .post-content table.table-line tr:nth-child(2n+1) { background: #ddd; } body.color01 .post-cta { background: #f5f5f5; color: #494D50; border-top: 3px solid #5e6265; } body.color01 .post-cta .cta-post-title { border-bottom: 1px solid #e5e5e5; } body.color01 .post-cta .cta-post-title1 { border-bottom: 1px solid #e5e5e5; } body.color01 .post-cta .post-cta-btn a { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; } body.color01 .post-cta .post-cta-btn a:hover { background: #81da85; border-bottom: 5px solid #5ace5f; } body.color01 .post-cta .btn { color: #fff; background: #1ABB9A; } body.color01 .post-cta .btn:hover { background: #BB2C46; } body.color01 .post-share { border-top: 1px solid #e5e5e5; } body.color01 .post-share .post-share-title { color: #fff; background-color: #57585A; } body.color01 .post-share .post-share-list1 a, body.color01 .post-share .post-share-list2 a, body.color01 .post-share .post-share-list3 a, body.color01 .post-share .post-share-list4 a { border: 1px #eee solid; } body.color01 .post-share .post-share-list1 a:hover, body.color01 .post-share .post-share-list2 a:hover, body.color01 .post-share .post-share-list3 a:hover, body.color01 .post-share .post-share-list4 a:hover { text-decoration: none; background: #f7f7f7; } body.color01 .post-share .post-share-facebook a:hover { color: #305097; } body.color01 .post-share .post-share-twitter a:hover { color: #00aced; } body.color01 .post-share .post-share-google a:hover { color: #db4a39; } body.color01 .post-share .post-share-feedly a:hover { color: #2bb24c; } body.color01 .post-sns { border-top: 1px #eee solid; } body.color01 .post-sns ul li { border-right: 1px solid #eee; color: #929292; } body.color01 .post-sns ul li:hover { background-color: #f7f7f7; } body.color01 .post-sns ul li.post-sns-twitter:hover { color: #00ACED; } body.color01 .post-sns ul li.post-sns-feedly:hover { color: #5ACF5F; } body.color01 .post-sns ul li a { color: #929292; } body.color01 .post-sns ul li.post-sns-twitter a:hover { background-color: #00aced; color: #fff; } body.color01 .post-sns ul li.post-sns-feedly a:hover { background-color: #5ACF5F; color: #fff; } body.color01 .post-author { border-top: 1px #eee solid; border-bottom: 1px #eee solid; color: #494D50; } body.color01 .post-author a { color: #1ABB9A; } body.color01 .comment-list > .comment { border-bottom: 1px #eee solid; } body.color01 .comment-list .children .comment-body { background: #f7f7f7; } body.color01 .post-loop-wrap .post-footer { border-top: 1px #ededed solid; } body.color01 .more-link { border: 1px #1ABB9A solid; color: #1ABB9A; } body.color01 .more-link:hover { background: #1ABB9A; color: #fff; } body.color01 .pagination span, body.color01 .pagination a { color: #494D50; } body.color01 .pagination a:hover { background: #eee; } body.color01 .pagination .current { background: #eee; } body.color01 .side-widget ul li { border-bottom: 1px solid #e5e5e5; } body.color01 .side-widget a { color: #5e6265; } body.color01 .side-widget a:hover { color: #1ABB9A; } body.color01 .side-widget .post-date { color: #999999; } body.color01 #views-2 ul li span { color: #999999; } /* sideメニューテキストリンク */ body.color01 .widget_recent_entries a, body.color01 .widget_archive a, body.color01 .widget_categories a, body.color01 .widget_meta a { color: #5e6265; } body.color01 .widget_recent_entries a:hover, body.color01 .widget_archive a:hover, body.color01 .widget_categories a:hover, body.color01 .widget_meta a:hover { /*color: #2D9668;*/ color: #383838; text-decoration: underline; } body.color01 .recentcomments a { color: #494D50; } /* sideメニューの最近のコメント */ body.color01 .recentcomments a:hover { /*color: #2D9668;*/ color: #383838; text-decoration: underline; } body.color01 #side .share-list-wrap { background: #fafafa; } body.color01 #side .share-list-wrap .post-share-list1 li a, body.color01 #side .share-list-wrap .post-share-list2 li a, body.color01 #side .share-list-wrap .post-share-list3 li a, body.color01 #side .share-list-wrap .post-share-list4 li a { background: #fff; color: #5e6265; } body.color01 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover, body.color01 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover, body.color01 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover, body.color01 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover { color: #305097; } body.color01 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover, body.color01 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover, body.color01 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover, body.color01 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover { color: #00aced; } body.color01 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover, body.color01 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover, body.color01 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover, body.color01 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover { color: #db4a39; } body.color01 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover, body.color01 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover, body.color01 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover, body.color01 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover { color: #2bb24c; } body.color01 #footer { color: #1E252C; } body.color01 #footer a { color: #1E252C; } body.color01 #footer a:hover { color: #1ABB9A; } body.color01 .footer-01 { background: #fff; border-top: 1px #ededed solid; } body.color01 .footer-02 { background: #fff; border-top: 1px #ededed solid; } body.color01 .single-lp .lp-wrap { border: 1px solid #ededed; background: #fff; } body.color01 .single-lp .lp-thumbnail { border: 1px #ccc solid; } body.color01 .single-lp #lp-header { background: #fff; } body.color01 .single-lp #lp-header h1 { font-size: 30px; font-weight: bold; padding-bottom: 18px; color: #1ABB9A; border-bottom: 1px solid #ededed; } body.color01 .single-lp .lp-form { background: #494c4e; color: #fff; } body.color01 .single-lp .lp-form input[type=submit], body.color01 .single-lp .lp-form button { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; } body.color01 .single-lp .lp-form input[type=submit]:hover, body.color01 .single-lp .lp-form button:hover { background: #6ed472; } body.color01 .header-p-nav a:hover { color: #1ABB9A; } /* ヘッダメニューhover時 */ body.color01 #header-menu-tog { background: #1ABB9A; } body.color01 .introduce_link .more-link { background: #1ABB9A; color: #fff; } /* hover時のaタグ */ body.color01 a:hover { color: #2D9668; } /* パンクズリスト */ body.color01 .breadcrumb li a:hover { color: #2D9668; } /* color01 end ---------------------------------------- */ /* ---------------------------------------- * カラースキーム 02 赤 ---------------------------------------- */ body.color02 { /* ---------------------------------------- * all ---------------------------------------- */ /* form ---------------------------------------- */ /* ---------------------------------------- * header ---------------------------------------- */ /* ---------------------------------------- * breadcrumb ---------------------------------------- */ /* ---------------------------------------- * gloval nav ---------------------------------------- */ /* ---------------------------------------- * content ---------------------------------------- */ /* ---------------------------------------- * main ---------------------------------------- */ /* comment ---------------------------------------- */ /* loop ---------------------------------------- */ /* ---------------------------------------- * pagenation ---------------------------------------- */ /* ---------------------------------------- * side ---------------------------------------- */ /* comment */ /* follow */ /* ---------------------------------------- * footer ---------------------------------------- */ /* ---------------------------------------- * LP ---------------------------------------- */ } body.color02 body { background: #fafafa; color: #656364; } body.color02 a { color: #FB4343; } body.color02 form input[type="submit"], body.color02 form button { background: #FB4343; } body.color02 #header { background: #fff; border-bottom: 1px solid #ededed; } body.color02 #header #logo a { color: #656364; } body.color02 #header #logo a:hover { color: #CE0010; } body.color02 #header #header-sns li a { color: #ccc; } body.color02 #header #header-sns li a:hover { color: #4E4E4E; } body.color02 #gnav { background: #fff; border-top: 1px #ededed solid; border-bottom: 1px #ededed solid; } /* body.color02 #gnav li.current-menu-item a { border-top: 1px #FB4343 solid; } */ body.color02 #gnav li a { border-top: 1px #ededed solid; color: #2B2D2D; background: #fff; } body.color02 #gnav li .sub-menu li a { background: #2b2b2b; color: #fff; border: none; } body.color02 #gnav li .sub-menu li a:hover { background: #373B3B; color: #fff; } body.color02 #content .wp-caption { border: 1px solid #ededed; } body.color02 .cat-content, body.color02 article.post, body.color02 article.page, body.color02 article.wp101, body.color02 article.seo101 { background: #fff; border: 1px #e5e5e5 solid; } body.color02 .post-title a { color: #656364; } body.color02 .post-title a:hover { /*color: #FB4343;*/ color: #383838; text-decoration: underline; } body.color02 .post-meta { border-top: 1px #ededed solid; } body.color02 .post-meta li { background: #fff; } body.color02 .post-content hr { border-bottom: 1px solid #ededed; } body.color02 .post-content h2 { border-bottom: 1px solid #ededed; } body.color02 .post-content h3 { border-left: 5px solid #e5e5e5; } body.color02 .post-content blockquote { border: 1px #e5e5e5 solid; } body.color02 .post-content blockquote:before { color: #e7e7e7; } body.color02 .post-content blockquote cite { color: #808080; } body.color02 .post-content table { border: 1px #ddd solid; } body.color02 .post-content table th, body.color02 .post-content table td { border: #ddd solid 1px; } body.color02 .post-content table th { color: #fff; } body.color02 .post-content table thead th { background: #5e6265; } body.color02 .post-content table tbody th { background: #919598; } body.color02 .post-content table.table-line table, body.color02 .post-content table.table-line th, body.color02 .post-content table.table-line td { border-color: #fff; } body.color02 .post-content table.table-line th { background: transparent; color: #656364; } body.color02 .post-content table.table-line thead th { background: #5e6265; color: #fff; } body.color02 .post-content table.table-line tr { background: #eee; } body.color02 .post-content table.table-line tr:nth-child(2n+1) { background: #ddd; } body.color02 .post-cta { background: #f5f5f5; color: #656364; border-top: 3px solid #5e6265; } body.color02 .post-cta .cta-post-title { border-bottom: 1px solid #e5e5e5; } body.color02 .post-cta .cta-post-title1 { border-bottom: 1px solid #e5e5e5; } body.color02 .post-cta .post-cta-btn a { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; } body.color02 .post-cta .post-cta-btn a:hover { background: #81da85; border-bottom: 5px solid #5ace5f; } body.color02 .post-cta .btn { color: #fff; background: #FB4343; } body.color02 .post-cta .btn:hover { background: #58DADF; } body.color02 .post-share { border-top: 1px solid #e5e5e5; } body.color02 .post-share .post-share-title { color: #fff; background-color: #57585A; } body.color02 .post-share .post-share-list1 a, body.color02 .post-share .post-share-list2 a, body.color02 .post-share .post-share-list3 a, body.color02 .post-share .post-share-list4 a { border: 1px #eee solid; } body.color02 .post-share .post-share-list1 a:hover, body.color02 .post-share .post-share-list2 a:hover, body.color02 .post-share .post-share-list3 a:hover, body.color02 .post-share .post-share-list4 a:hover { text-decoration: none; background: #f7f7f7; } body.color02 .post-share .post-share-facebook a:hover { color: #305097; } body.color02 .post-share .post-share-twitter a:hover { color: #00aced; } body.color02 .post-share .post-share-google a:hover { color: #db4a39; } body.color02 .post-share .post-share-feedly a:hover { color: #2bb24c; } body.color02 .post-sns { border-top: 1px #eee solid; } body.color02 .post-sns ul li { border-right: 1px solid #eee; color: #929292; } body.color02 .post-sns ul li:hover { background-color: #f7f7f7; } body.color02 .post-sns ul li.post-sns-twitter:hover { color: #00ACED; } body.color02 .post-sns ul li.post-sns-feedly:hover { color: #5ACF5F; } body.color02 .post-sns ul li a { color: #929292; } body.color02 .post-sns ul li.post-sns-twitter a:hover { background-color: #00aced; color: #fff; } body.color02 .post-sns ul li.post-sns-feedly a:hover { background-color: #5ACF5F; color: #fff; } body.color02 .post-author { border-top: 1px #eee solid; border-bottom: 1px #eee solid; color: #656364; } body.color02 .post-author a { color: #FB4343; } body.color02 .comment-list > .comment { border-bottom: 1px #eee solid; } body.color02 .comment-list .children .comment-body { background: #f7f7f7; } body.color02 .post-loop-wrap .post-footer { border-top: 1px #ededed solid; } body.color02 .more-link { border: 1px #FB4343 solid; color: #FB4343; } body.color02 .more-link:hover { background: #FB4343; color: #fff; } body.color02 .pagination span, body.color02 .pagination a { color: #656364; } body.color02 .pagination a:hover { background: #eee; } body.color02 .pagination .current { background: #eee; } body.color02 .side-widget ul li { border-bottom: 1px solid #e5e5e5; } body.color02 .side-widget a { color: #5e6265; } body.color02 .side-widget a:hover { color: #FB4343; } body.color02 .side-widget .post-date { color: #999999; } body.color02 #views-2 ul li span { color: #999999; } body.color02 .widget_recent_entries a, body.color02 .widget_archive a, body.color02 .widget_categories a, body.color02 .widget_meta a { color: #5e6265; } body.color02 .widget_recent_entries a:hover, body.color02 .widget_archive a:hover, body.color02 .widget_categories a:hover, body.color02 .widget_meta a:hover { /*color: #CE0010;*/ color: #383838; text-decoration: underline; } /* sideメニューの最近のコメント */ body.color02 .recentcomments a { color: #656364; } body.color02 .recentcomments a:hover { /*color: #CE0010;*/ color: #383838; text-decoration: underline; } body.color02 #side .share-list-wrap { background: #fafafa; } body.color02 #side .share-list-wrap .post-share-list1 li a, body.color02 #side .share-list-wrap .post-share-list2 li a, body.color02 #side .share-list-wrap .post-share-list3 li a, body.color02 #side .share-list-wrap .post-share-list4 li a { background: #fff; color: #5e6265; } body.color02 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover, body.color02 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover, body.color02 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover, body.color02 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover { color: #305097; } body.color02 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover, body.color02 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover, body.color02 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover, body.color02 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover { color: #00aced; } body.color02 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover, body.color02 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover, body.color02 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover, body.color02 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover { color: #db4a39; } body.color02 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover, body.color02 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover, body.color02 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover, body.color02 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover { color: #2bb24c; } body.color02 #footer { color: #1E252C; } body.color02 #footer a { color: #1E252C; } body.color02 #footer a:hover { color: #FB4343; } body.color02 .footer-01 { background: #fff; border-top: 1px #ededed solid; } body.color02 .footer-02 { background: #fff; border-top: 1px #ededed solid; } body.color02 .single-lp .lp-wrap { border: 1px solid #ededed; background: #fff; } body.color02 .single-lp .lp-thumbnail { border: 1px #ccc solid; } body.color02 .single-lp #lp-header { background: #fff; } body.color02 .single-lp #lp-header h1 { font-size: 30px; font-weight: bold; padding-bottom: 18px; color: #FB4343; border-bottom: 1px solid #ededed; } body.color02 .single-lp .lp-form { background: #494c4e; color: #fff; } body.color02 .single-lp .lp-form input[type=submit], body.color02 .single-lp .lp-form button { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; } body.color02 .single-lp .lp-form input[type=submit]:hover, body.color02 .single-lp .lp-form button:hover { background: #6ed472; } body.color02 .header-p-nav a:hover { color: #FB4343; } /*body.color02 .header-p-nav li a:hover { border-top:3px solid #FB4343;  }*/ body.color02 .single-lp #lp-header .lp-title { color: #FB4343; } body.color02 #header-menu-tog { background: #FB4343; } body.color02 .introduce_link .more-link { background: #FB4343; color: #fff; } /* hover時のaタグ */ body.color02 a:hover { color: #CE0010; } /* パンクズリスト */ body.color02 .breadcrumb li a:hover { color: #CE0010; } /* color02 end ---------------------------------------- */ /* ---------------------------------------- * カラースキーム 03 オレンジ ---------------------------------------- */ body.color03 { /* ---------------------------------------- * all ---------------------------------------- */ /* form ---------------------------------------- */ /* ---------------------------------------- * header ---------------------------------------- */ /* ---------------------------------------- * breadcrumb ---------------------------------------- */ /* ---------------------------------------- * gloval nav ---------------------------------------- */ /* ---------------------------------------- * content ---------------------------------------- */ /* ---------------------------------------- * main ---------------------------------------- */ /* comment ---------------------------------------- */ /* loop ---------------------------------------- */ /* ---------------------------------------- * pagenation ---------------------------------------- */ /* ---------------------------------------- * side ---------------------------------------- */ /* comment */ /* follow */ /* ---------------------------------------- * footer ---------------------------------------- */ /* ---------------------------------------- * LP ---------------------------------------- */ } body.color03 body { background: #fafafa; color: #444756; } body.color03 a { color: #F37D3D; } body.color03 form input[type="submit"], body.color03 form button { background: #F37D3D; } body.color03 #header { background: #fff; border-bottom: 1px solid #ededed; } body.color03 #header #logo a { color: #444756; } body.color03 #header #logo a:hover { color: #FF6D1F; } body.color03 #header #header-sns li a { color: #ccc; } body.color03 #header #header-sns li a:hover { color: #21262D; } body.color03 #gnav { background: #fff; border-top: 1px #ededed solid; border-bottom: 1px #ededed solid; } body.color03 #gnav li a { border-top: 1px #ededed solid; color: #2B2D2D; background: #fff; } body.color03 #gnav li .sub-menu li a { background: #2b2b2b; color: #fff; border: none; } body.color03 #gnav li .sub-menu li a:hover { background: #373B3B; color: #fff; } body.color03 #content .wp-caption { border: 1px solid #ededed; } body.color03 .cat-content, body.color03 article.post, body.color03 article.page, body.color03 article.wp101, body.color03 article.seo101 { background: #fff; border: 1px #e5e5e5 solid; } body.color03 .post-title a { color: #444756; } body.color03 .post-title a:hover { /*color: #F37D3D;*/ color: #383838; text-decoration: underline; } body.color03 .post-meta { border-top: 1px #ededed solid; } body.color03 .post-meta li { background: #fff; } body.color03 .post-content hr { border-bottom: 1px solid #ededed; } body.color03 .post-content h2 { border-bottom: 1px solid #ededed; } body.color03 .post-content h3 { border-left: 5px solid #e5e5e5; } body.color03 .post-content blockquote { border: 1px #e5e5e5 solid; } body.color03 .post-content blockquote:before { color: #e7e7e7; } body.color03 .post-content blockquote cite { color: #808080; } body.color03 .post-content table { border: 1px #ddd solid; } body.color03 .post-content table th, body.color03 .post-content table td { border: #ddd solid 1px; } body.color03 .post-content table th { color: #fff; } body.color03 .post-content table thead th { background: #5e6265; } body.color03 .post-content table tbody th { background: #919598; } body.color03 .post-content table.table-line table, body.color03 .post-content table.table-line th, body.color03 .post-content table.table-line td { border-color: #fff; } body.color03 .post-content table.table-line th { background: transparent; color: #444756; } body.color03 .post-content table.table-line thead th { background: #5e6265; color: #fff; } body.color03 .post-content table.table-line tr { background: #eee; } body.color03 .post-content table.table-line tr:nth-child(2n+1) { background: #ddd; } body.color03 .post-cta { background: #f5f5f5; color: #444756; border-top: 3px solid #5e6265; } body.color03 .post-cta .cta-post-title { border-bottom: 1px solid #e5e5e5; } body.color03 .post-cta .cta-post-title1 { border-bottom: 1px solid #e5e5e5; } body.color03 .post-cta .post-cta-btn a { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; } body.color03 .post-cta .post-cta-btn a:hover { background: #81da85; border-bottom: 5px solid #5ace5f; } body.color03 .post-cta .btn { color: #fff; background: #F37D3D; } body.color03 .post-cta .btn:hover { background: #23B0F3; } body.color03 .post-share { border-top: 1px solid #e5e5e5; } body.color03 .post-share .post-share-title { color: #fff; background-color: #57585A; } body.color03 .post-share .post-share-list1 a, body.color03 .post-share .post-share-list2 a, body.color03 .post-share .post-share-list3 a, body.color03 .post-share .post-share-list4 a { border: 1px #eee solid; } body.color03 .post-share .post-share-list1 a:hover, body.color03 .post-share .post-share-list2 a:hover, body.color03 .post-share .post-share-list3 a:hover, body.color03 .post-share .post-share-list4 a:hover { text-decoration: none; background: #f7f7f7; } body.color03 .post-share .post-share-facebook a:hover { color: #305097; } body.color03 .post-share .post-share-twitter a:hover { color: #00aced; } body.color03 .post-share .post-share-google a:hover { color: #db4a39; } body.color03 .post-share .post-share-feedly a:hover { color: #2bb24c; } body.color03 .post-sns { border-top: 1px #eee solid; } body.color03 .post-sns ul li { border-right: 1px solid #eee; color: #929292; } body.color03 .post-sns ul li:hover { background-color: #f7f7f7; } body.color03 .post-sns ul li.post-sns-twitter:hover { color: #00ACED; } body.color03 .post-sns ul li.post-sns-feedly:hover { color: #5ACF5F; } body.color03 .post-sns ul li a { color: #929292; } body.color03 .post-sns ul li.post-sns-twitter a:hover { background-color: #00aced; color: #fff; } body.color03 .post-sns ul li.post-sns-feedly a:hover { background-color: #5ACF5F; color: #fff; } body.color03 .post-author { border-top: 1px #eee solid; border-bottom: 1px #eee solid; color: #444756; } body.color03 .post-author a { color: #F37D3D; } body.color03 .comment-list > .comment { border-bottom: 1px #eee solid; } body.color03 .comment-list .children .comment-body { background: #f7f7f7; } body.color03 .post-loop-wrap .post-footer { border-top: 1px #ededed solid; } body.color03 .more-link { border: 1px #F37D3D solid; color: #F37D3D; } body.color03 .more-link:hover { background: #F37D3D; color: #fff; } body.color03 .pagination span, body.color03 .pagination a { color: #444756; } body.color03 .pagination a:hover { background: #eee; } body.color03 .pagination .current { background: #eee; } body.color03 .side-widget ul li { border-bottom: 1px solid #e5e5e5; } body.color03 .side-widget a { color: #5e6265; } body.color03 .side-widget a:hover { color: #F37D3D; } body.color03 .side-widget .post-date { color: #999999; } body.color03 #views-2 ul li span { color: #999999; } body.color03 .widget_recent_entries a, body.color03 .widget_archive a, body.color03 .widget_categories a, body.color03 .widget_meta a { color: #5e6265; } body.color03 .widget_recent_entries a:hover, body.color03 .widget_archive a:hover, body.color03 .widget_categories a:hover, body.color03 .widget_meta a:hover { /*color: #FF6D1F;*/ color: #383838; text-decoration: underline; } body.color03 .recentcomments a { color: #444756; } body.color03 .recentcomments a:hover { /*color: #FF6D1F;*/ color: #383838; text-decoration: underline; } body.color03 #side .share-list-wrap { background: #fafafa; } body.color03 #side .share-list-wrap .post-share-list1 li a, body.color03 #side .share-list-wrap .post-share-list2 li a, body.color03 #side .share-list-wrap .post-share-list3 li a, body.color03 #side .share-list-wrap .post-share-list4 li a { background: #fff; color: #5e6265; } body.color03 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover, body.color03 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover, body.color03 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover, body.color03 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover { color: #305097; } body.color03 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover, body.color03 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover, body.color03 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover, body.color03 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover { color: #00aced; } body.color03 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover, body.color03 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover, body.color03 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover, body.color03 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover { color: #db4a39; } body.color03 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover, body.color03 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover, body.color03 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover, body.color03 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover { color: #2bb24c; } body.color03 #footer { color: #1E252C; } body.color03 #footer a { color: #1E252C; } body.color03 #footer a:hover { color: #F37D3D; } body.color03 .footer-01 { background: #fff; border-top: 1px #ededed solid; } body.color03 .footer-02 { background: #fff; border-top: 1px #ededed solid; } body.color03 .single-lp .lp-wrap { border: 1px solid #ededed; background: #fff; } body.color03 .single-lp .lp-thumbnail { border: 1px #ccc solid; } body.color03 .single-lp #lp-header { background: #fff; } body.color03 .single-lp #lp-header h1 { font-size: 30px; font-weight: bold; padding-bottom: 18px; color: #F37D3D; border-bottom: 1px solid #ededed; } body.color03 .single-lp .lp-form { background: #494c4e; color: #fff; } body.color03 .single-lp .lp-form input[type=submit], body.color03 .single-lp .lp-form button { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; } body.color03 .single-lp .lp-form input[type=submit]:hover, body.color03 .single-lp .lp-form button:hover { background: #6ed472; } body.color03 .header-p-nav a:hover { color: #F37D3D; } /*body.color03 .header-p-nav li a:hover { border-top:3px solid #F37D3D;  }*/ body.color03 .single-lp #lp-header .lp-title { color: #F37D3D; } body.color03 #header-menu-tog { background: #F37D3D; } body.color03 .introduce_link .more-link { background: #F37D3D; color: #fff; } /* hover時のaタグ */ body.color03 a:hover { color: #FF6D1F; } /* パンクズリスト */ body.color03 .breadcrumb li a:hover { color: #FF6D1F; } /* color03 end ---------------------------------------- */ /* ---------------------------------------- * カラースキーム 04 青 ---------------------------------------- */ body.color04 { /* ---------------------------------------- * all ---------------------------------------- */ /* form ---------------------------------------- */ /* ---------------------------------------- * header ---------------------------------------- */ /* ---------------------------------------- * breadcrumb ---------------------------------------- */ /* ---------------------------------------- * gloval nav ---------------------------------------- */ /* ---------------------------------------- * content ---------------------------------------- */ /* ---------------------------------------- * main ---------------------------------------- */ /* comment ---------------------------------------- */ /* loop ---------------------------------------- */ /* ---------------------------------------- * pagenation ---------------------------------------- */ /* ---------------------------------------- * side ---------------------------------------- */ /* comment */ /* follow */ /* ---------------------------------------- * footer ---------------------------------------- */ /* ---------------------------------------- * LP ---------------------------------------- */ } body.color04 body { background: #fafafa; color: #474747; } body.color04 a { color: #1E90FF; } body.color04 form input[type="submit"], body.color04 form button { background: #1E90FF; } body.color04 #header { background: #fff; border-bottom: 1px solid #ededed; } body.color04 #header #logo a { color: #474747; } body.color04 #header #logo a:hover { color: #0C73FF; } body.color04 #header #header-sns li a { color: #ccc; } body.color04 #header #header-sns li a:hover { color: #34465C; } body.color04 #gnav { background: #fff; border-top: 1px #ededed solid; border-bottom: 1px #ededed solid; } body.color04 #gnav li a { border-top: 1px #ededed solid; color: #2B2D2D; background: #fff; } body.color04 #gnav li .sub-menu li a { background: #2b2b2b; color: #fff; border: none; } body.color04 #gnav li .sub-menu li a:hover { background: #373B3B; color: #fff; } body.color04 #content .wp-caption { border: 1px solid #ededed; } body.color04 .cat-content, body.color04 article.post, body.color04 article.page, body.color04 article.wp101, body.color04 article.seo101 { background: #fff; border: 1px #e5e5e5 solid; } body.color04 .post-title a { color: #474747; } body.color04 .post-title a:hover { /*color: #1E90FF;*/ color: #383838; text-decoration: underline; } body.color04 .post-meta { border-top: 1px #ededed solid; } body.color04 .post-meta li { background: #fff; } body.color04 .post-content hr { border-bottom: 1px solid #ededed; } body.color04 .post-content h2 { border-bottom: 1px solid #ededed; } body.color04 .post-content h3 { border-left: 5px solid #e5e5e5; } body.color04 .post-content blockquote { border: 1px #e5e5e5 solid; } body.color04 .post-content blockquote:before { color: #e7e7e7; } body.color04 .post-content blockquote cite { color: #808080; } body.color04 .post-content table { border: 1px #ddd solid; } body.color04 .post-content table th, body.color04 .post-content table td { border: #ddd solid 1px; } body.color04 .post-content table th { color: #fff; } body.color04 .post-content table thead th { background: #5e6265; } body.color04 .post-content table tbody th { background: #919598; } body.color04 .post-content table.table-line table, body.color04 .post-content table.table-line th, body.color04 .post-content table.table-line td { border-color: #fff; } body.color04 .post-content table.table-line th { background: transparent; color: #474747; } body.color04 .post-content table.table-line thead th { background: #5e6265; color: #fff; } body.color04 .post-content table.table-line tr { background: #eee; } body.color04 .post-content table.table-line tr:nth-child(2n+1) { background: #ddd; } body.color04 .post-cta { background: #f5f5f5; color: #474747; border-top: 3px solid #5e6265; } body.color04 .post-cta .cta-post-title { border-bottom: 1px solid #e5e5e5; } body.color04 .post-cta .cta-post-title1 { border-bottom: 1px solid #e5e5e5; } body.color04 .post-cta .post-cta-btn a { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; } body.color04 .post-cta .post-cta-btn a:hover { background: #81da85; border-bottom: 5px solid #5ace5f; } body.color04 .post-cta .btn { color: #fff; background: #1E90FF; } body.color04 .post-cta .btn:hover { background: #5EE1E1; } body.color04 .post-share { border-top: 1px solid #e5e5e5; } body.color04 .post-share .post-share-title { color: #fff; background-color: #57585A; } body.color04 .post-share .post-share-list1 a, body.color04 .post-share .post-share-list2 a, body.color04 .post-share .post-share-list3 a, body.color04 .post-share .post-share-list4 a { border: 1px #eee solid; } body.color04 .post-share .post-share-list1 a:hover, body.color04 .post-share .post-share-list2 a:hover, body.color04 .post-share .post-share-list3 a:hover, body.color04 .post-share .post-share-list4 a:hover { text-decoration: none; background: #f7f7f7; } body.color04 .post-share .post-share-facebook a:hover { color: #305097; } body.color04 .post-share .post-share-twitter a:hover { color: #00aced; } body.color04 .post-share .post-share-google a:hover { color: #db4a39; } body.color04 .post-share .post-share-feedly a:hover { color: #2bb24c; } body.color04 .post-sns { border-top: 1px #eee solid; } body.color04 .post-sns ul li { border-right: 1px solid #eee; color: #929292; } body.color04 .post-sns ul li:hover { background-color: #f7f7f7; } body.color04 .post-sns ul li.post-sns-twitter:hover { color: #00ACED; } body.color04 .post-sns ul li.post-sns-feedly:hover { color: #5ACF5F; } body.color04 .post-sns ul li a { color: #929292; } body.color04 .post-sns ul li.post-sns-twitter a:hover { background-color: #00aced; color: #fff; } body.color04 .post-sns ul li.post-sns-feedly a:hover { background-color: #5ACF5F; color: #fff; } body.color04 .post-author { border-top: 1px #eee solid; border-bottom: 1px #eee solid; color: #474747; } body.color04 .post-author a { color: #1E90FF; } body.color04 .comment-list > .comment { border-bottom: 1px #eee solid; } body.color04 .comment-list .children .comment-body { background: #f7f7f7; } body.color04 .post-loop-wrap .post-footer { border-top: 1px #ededed solid; } body.color04 .more-link { border: 1px #1E90FF solid; color: #1E90FF; } body.color04 .more-link:hover { background: #1E90FF; color: #fff; } body.color04 .pagination span, body.color04 .pagination a { color: #474747; } body.color04 .pagination a:hover { background: #eee; } body.color04 .pagination .current { background: #eee; } body.color04 .side-widget ul li { border-bottom: 1px solid #e5e5e5; } body.color04 .side-widget a { color: #5e6265; } body.color04 .side-widget a:hover { color: #1E90FF; } body.color04 .side-widget .post-date { color: #999999; } body.color04 #views-2 ul li span { color: #999999; } body.color04 .widget_recent_entries a, body.color04 .widget_archive a, body.color04 .widget_categories a, body.color04 .widget_meta a { color: #5e6265; } body.color04 .widget_recent_entries a:hover, body.color04 .widget_archive a:hover, body.color04 .widget_categories a:hover, body.color04 .widget_meta a:hover { /*color: #0C73FF;*/ color: #383838; text-decoration: underline; } body.color04 .recentcomments a { color: #474747; } body.color04 .recentcomments a:hover { /*color: #0C73FF;*/ color: #383838; text-decoration: underline; } body.color04 #side .share-list-wrap { background: #fafafa; } body.color04 #side .share-list-wrap .post-share-list1 li a, body.color04 #side .share-list-wrap .post-share-list2 li a, body.color04 #side .share-list-wrap .post-share-list3 li a, body.color04 #side .share-list-wrap .post-share-list4 li a { background: #fff; color: #5e6265; } body.color04 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover, body.color04 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover, body.color04 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover, body.color04 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover { color: #305097; } body.color04 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover, body.color04 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover, body.color04 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover, body.color04 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover { color: #00aced; } body.color04 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover, body.color04 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover, body.color04 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover, body.color04 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover { color: #db4a39; } body.color04 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover, body.color04 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover, body.color04 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover, body.color04 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover { color: #2bb24c; } body.color04 #footer { color: #1E252C; } body.color04 #footer a { color: #1E252C; } body.color04 #footer a:hover { color: #1E90FF; } body.color04 .footer-01 { background: #fff; border-top: 1px #ededed solid; } body.color04 .footer-02 { background: #fff; border-top: 1px #ededed solid; } body.color04 .single-lp .lp-wrap { border: 1px solid #ededed; background: #fff; } body.color04 .single-lp .lp-thumbnail { border: 1px #ccc solid; } body.color04 .single-lp #lp-header { background: #fff; } body.color04 .single-lp #lp-header h1 { font-size: 30px; font-weight: bold; padding-bottom: 18px; color: #F37D3D; border-bottom: 1px solid #ededed; } body.color04 .single-lp .lp-form { background: #494c4e; color: #fff; } body.color04 .single-lp .lp-form input[type=submit], body.color04 .single-lp .lp-form button { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; } body.color04 .single-lp .lp-form input[type=submit]:hover, body.color04 .single-lp .lp-form button:hover { background: #6ed472; } body.color04 .header-p-nav a:hover { color: #1E90FF; } /*body.color04 .header-p-nav li a:hover { border-top:3px solid #1E90FF;  }*/ body.color04 .single-lp #lp-header .lp-title { color: #1E90FF; } body.color04 #header-menu-tog { background: #1E90FF; } body.color04 .introduce_link .more-link { background: #1E90FF; color: #fff; } body.color04 a:hover { color: #0C73FF; } /* パンクズリスト */ body.color04 .breadcrumb li a:hover { color: #0C73FF; } /* color04 end ---------------------------------------- */ /* -------------------------------------------------------------------------------- * 追記CSS -------------------------------------------------------------------------------- */ /* ---------------------------------------- * ヘッダー右ナビ ---------------------------------------- */ .header-p-nav ul { font-size: 14px; float: right; } .header-p-nav li { padding-left: 20px; display: table-cell; text-align: center; } .header-p-nav li a { color: #999; text-decoration: none; display: block; padding: 30px 0 30px;/*border-top:3px solid #fff;*/ } .header-p-nav li a:hover { /*background: #fefefe;*/ color: #2581C4; padding: 30px 0 30px;/*border-top:3px solid #FFA500;*/ } .header-p-nav li a i { padding-right: 5px; } body #gnav ul .h-subnav { display: none; } @media screen and (max-width: 991px) { .header-p-nav { display: none; } body #gnav ul .h-subnav { display: block; } } /* ---------------------------------------- * 紹介文つきナビゲーション ---------------------------------------- */ .introduce_menu { padding: 30px 0; } #wrap-introduce { background-color: rgba(255,255,255,0.6); } .introduce-menu-box { float: left; margin: 20px 0 20px 20px; } .introduce-header { position: relative; } .introduce_content { padding: 13px; height: 135px; } .introduce_link { position: absolute; bottom: 10px; right: 0px; height: 25px; } .introduce-menu-set { width: 275px; height: 270px; background-color: #fff; /*border:1px solid #fafafa;*/ } #introduce_menu_img { width: 275px; height: 135px; } .introduce_menu_title { font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 5px; padding-top: 0px; } .introduce_section { font-size: 14px; color: #000000; letter-spacing: 0px; word-break: break-all; height: 79px; overflow: hidden; } .introduce-menu-box .btn { text-align: center; background-color: #fff; filter: alpha(opacity=100) !important; -moz-opacity: 1.0 !important; display: block; opacity: 1.0 !important; margin-bottom: 0px; padding: 15px; font-size: 14px; font-weight: bold; } .introduce-menu-box .btn a { text-decoration: none; color: #333; } #btnbar { display: block; } #btnbar:hover { background-color: #efefef; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } @media screen and (max-width: 991px) { #wrap-introduce { background-color: rgba(255,255,255,0.6); } .introduce_menu { padding: 30px 0; background-repeat: repeat!important; } .introduce-menu-box { display: block; width: 300px; float: none; margin: 0 auto; } } @media screen and (max-width: 767px) { #wrap-introduce { background-color: rgba(255,255,255,0.6); } .introduce_menu { padding: 30px 0; background-repeat: repeat!important; } .introduce-menu-box { display: block; width: 275px; float: none; margin: 0 auto; } } /* ---------------------------------------- * 記事タイトル上のカテゴリーと日時 ---------------------------------------- */ .category_title1 { padding: 10px 30px; margin: 15px 0 0 -5px; display: inline-block; border-radius: 0 0 10px 0 / 0 0 10px 0; * display:inline; * zoom:1; } .category_title1 { font-size: 14px; color: #fff; background: #000; } .category_title1 a { color: #fff !important; } .category_title1 a:hover { text-decoration: none; color: #F0F8FF !important; } .post-meta { margin: 0; padding: 0; } .post-meta li { float: right; margin: 25px 25px 0 0; font-size: 14px; color: #787878; } /* ---------------------------------------- * トップイメージ ---------------------------------------- */ #top_img_pc { clear: both; overflow: hidden; } #top_img_pc img { max-width: 100%; height: auto; margin-bottom: 20px; } #top_img_sp { display: none; clear: both; } @media screen and (max-width: 767px) { #top_img_pc { display: none; clear: both; height: 0px; margin: 0; } #top_img_sp { clear: both; display: block; overflow: hidden; } #top_img_sp img { max-width: 100%; height: auto; margin-bottom: 20px; } } /* ---------------------------------------- * サイドバーSNSボタン ---------------------------------------- */ .snsicom { list-style: none; height: 80px; padding: 0; float: left; } .snsicom-last { list-style: none; height: 80px; padding: 0; clear: both; } /* ---------------------------------------- * プロフィールページ ---------------------------------------- */ #profile_img{ width:200px; margin:0 0 30px 30px; float:right; } @media screen and (max-width: 767px) { #profile_img{ width:200px; margin:0 auto 30px; float:none; } } @media screen and (max-width: 767px) { .lp-side-profile-image { width: 100%; float: none; } } /* ---------------------------------------- * 会社概要ページ ---------------------------------------- */ .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ---------------------------------------- * お問合せページ ---------------------------------------- */ .m-alert { padding: 5px; background: #ff8080; color: #fff; font-size: 12px; margin: 5px; font-weight: normal; } /* ---------------------------------------- * LP用 ---------------------------------------- */ .page-id-85 #header { /* ページのIDを入力する */ display: none; } .page-id-85 #gnav { /* ページのIDを入力する */ display: none; } .main-inner2 { margin: 0px; } #lp_img { width: 200px; margin: 0 0 20px 20px; float: right; } @media screen and (min-width: 1200px) { #side1200_up { display: none; } #lp2_side { width: 360px; float: right; margin: 0 0 0 30px; } } @media screen and (min-width: 767px) { #lp_img_mini { display: none; } #form_box { margin: 0px auto 30px; padding: 20px 30px; width: 100%; border: 3px solid #006FAB; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; background: #fafafa; } #form_attention { overflow: scroll; padding: 10px; height: 100px; width: 280px; border: 1px solid #CCC; margin: 0px auto; font-size: 12px; background: #FFF; } #form_text_a { font-size: 16px; color: #006; font-weight: bold; text-align: center; line-height: 24px; padding: 20px 0px 10px; } #form_text_b { font-size: 12px; color: #999; text-align: center; margin: 0px auto; padding: 10px 0px 5px; } #form_button { width: 300px; height: 46px; font-size: 14px; text-align: center; margin: 15px auto 10px; color: #fff; } #form_title { font-size: 18px; font-weight: bold; text-align: center; margin: 0px auto 10px; } #form_box02 { margin: 10px auto 30px; padding: 20px 0px; width: 100%; background: #fafafa; } #form_attention02 { overflow: scroll; padding: 10px 0px; height: 100px; width: 60%; border: 1px solid #CCC; margin: 0px auto; font-size: 12px; background: #FFF; } #form_text_a02 { font-size: 16px; color: #006; font-weight: bold; text-align: center; line-height: 24px; padding: 20px 0px 10px; } #form_text_b02 { font-size: 12px; color: #999; text-align: center; margin: 0px auto; padding: 10px 0px 5px; } #form_button02 { width: 250px; height: 46px; font-size: 14px; text-align: center; margin: 15px auto 10px; color: #fff; } #form_title02 { font-size: 18px; font-weight: bold; text-align: center; margin: 0px auto 10px; } } @media screen and (max-width: 1200px) { #lp2_side { width: 360px; margin: 0 auto; } } @media screen and (max-width: 991px) { #lp2_side { width: 360px; margin: 0 auto; } } @media screen and (max-width: 767px) { #lp2_side { width: 100%; margin: 0 auto; } #lp_img { display: none; } #lp_img_mini { width: 200px; margin: 0 auto 30px; } #form_box { margin: 0px auto 30px; padding: 20px 0px; width: 100%; background: #fafafa; } #form_attention { overflow: scroll; padding: 10px 0px; height: 100px; width: 250px; border: 1px solid #CCC; margin: 0px auto; font-size: 12px; background: #FFF; } #form_text_a { font-size: 16px; color: #006; font-weight: bold; text-align: center; line-height: 24px; padding: 20px 0px 10px; } #form_text_b { font-size: 12px; color: #999; text-align: center; margin: 0px auto; padding: 10px 0px 5px; } #form_button { width: 250px; height: 46px; font-size: 14px; text-align: center; margin: 15px auto 10px; color: #fff; } #form_title { font-size: 18px; font-weight: bold; text-align: center; margin: 0px auto 10px; } #form_box02 { margin: 0px auto 30px; padding: 20px 0px; width: 100%; background: #fafafa; } #form_attention02 { overflow: scroll; padding: 10px 0px; height: 100px; width: 250px; border: 1px solid #CCC; margin: 0px auto; font-size: 12px; background: #FFF; } #form_text_a02 { font-size: 16px; color: #006; font-weight: bold; text-align: center; line-height: 24px; padding: 20px 0px 10px; } #form_text_b02 { font-size: 12px; color: #999; text-align: center; margin: 0px auto; padding: 10px 0px 5px; } #form_button02 { width: 250px; height: 46px; font-size: 14px; text-align: center; margin: 15px auto 10px; color: #fff; } #form_title02 { font-size: 18px; font-weight: bold; text-align: center; margin: 0px auto 10px; } } /* ---------------------------------------- * カラー設定 ---------------------------------------- */ body.color01 #gnav { background: #1ABB9A; } body.color01 #gnav li a { color: #fff; background: #1ABB9A; } body.color01 #gnav li a:hover { background: #8FBC8F; color: #fff; } body.color01 .category_title1 { color: #fff; background: #1ABB9A; } body.color02 #gnav { background: #FB4343; } body.color02 #gnav li a { color: #fff; background: #FB4343; } body.color02 #gnav li a:hover { background: #FA8072; color: #fff; } body.color02 .category_title1 { color: #fff; background: #FB4343; } body.color03 #gnav { background: #F37D3D; } body.color03 #gnav li a { color: #fff; background: #F37D3D; } body.color03 #gnav li a:hover { background: #FFA07A; color: #fff; } body.color03 .category_title1 { color: #fff; background: #F37D3D; } body.color04 #gnav { background: #1E90FF; } body.color04 #gnav li a { color: #fff; background: #1E90FF; } body.color04 #gnav li a:hover { background: #87CEEB; color: #fff; } body.color04 .category_title1 { color: #fff; background: #1E90FF; } /* ---------------------------------------- * 半透明にする ---------------------------------------- */ a.overwhite { background-color: #ffffff; display: block; } a.overwhite:hover img { cursor: pointer; filter: alpha(opacity=60); /* ie lt 8 */ -ms-filter: "alpha(opacity=60)"; /* ie 8 */ -moz-opacity: 0.6; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.6; /* Safari 1.x */ opacity: 0.6; zoom: 1; } .dates input { margin-right: 8px; } /* ---------------------------------------- * pagenation ---------------------------------------- */ .pagenation { margin: 1em 0; } .pagenation:after, .pagenation ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .pagenation ul { margin: 0; } .pagenation li { float: left; list-style: none outside none; margin-left: 3px; } .pagenation li:first-child { margin-left: 0; } .pagenation li.active { background-color: #999999; border-radius: 3px; color: #FFFFFF; cursor: not-allowed; padding: 10px 20px; } .pagenation li a { background: none repeat scroll 0 0 #CCCCCC; border-radius: 3px; color: #FFFFFF; display: block; padding: 10px 20px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } .pagenation li a:hover { background-color: #444444; color: #FFFFFF; opacity: 0.8; transition-duration: 500ms; transition-property: all; transition-timing-function: ease; }