@charset "UTF-8";
/*   
Theme Name: xeory_base-child
Theme URI: http://xeory.jp/
Description: Xeoryベーステーマ
Author: バズ部
Author URI: http://bazubu.com/
Version: 0.1.4
*/
/* all display
-------------------------------------------------- */
.wrap { width: 1200px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; *zoom: 1; }

.wrap:before { display: inline-table; }

.wrap:after { content: ""; display: block; clear: both; }

#main { width: 100%; float: left; }

.main-inner { margin-right: 330px; }

#side { width: 290px; float: left; margin-left: -290px; }

.left-content #main { width: 100%; float: left; }

.left-content .main-inner { margin-right: 330px; margin-left: 0; }

.left-content #side { width: 290px; float: left; margin-left: -290px; }

.right-content #main { width: 100%; float: left; }

.right-content .main-inner { margin-left: 330px; margin-right: 0; }

.right-content #side { width: 290px; float: left; margin-left: -100%; }

.one-column #content .wrap { width: 1000px; }

.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: 320px; -webkit-box-sizing: border-box; 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; }
  /* 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; padding: 36px 0 32px; border-bottom: 1px solid #efefef; }

#header #logo { float: left; font-size: 24px; }

#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; }

.breadcrumb li a:hover { text-decoration: underline; }

/* ---------------------------------------- gloval nav ---------------------------------------- */
#gnav { margin-top: -1px; background: #ededed; border-top: 1px #efefef solid; border-bottom: 1px #efefef solid; font-size: 14px; }

#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 24px 0 0; }

#gnav li.current-menu-item a { border-top: 1px #2581c4 solid; }

#gnav li a { display: block; border-top: 1px #efefef solid; margin-top: -1px; padding: 20px 0px; color: #2B2D2D; background: #ededed; text-decoration: none; -webkit-transition: background .3s ease-in-out; -o-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }

#gnav li a:hover { color: #2B2D2D; border-top: 1px #2581c4 solid; }

#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 .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: 52px; }

/* ---------------------------------------- main ---------------------------------------- */
.cat-content, article.post, article.page, article.wp101, article.seo101 { margin-bottom: 40px; background: #fff; border: 1px #e5e5e5 solid; }

.post-header { padding: 56px 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: 56px 64px 0; 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: 24px; font-size: 14px; }

.post-thumbnail { margin-left: 20px; margin-bottom: 20px; float: right; }

.post-thumbnail img { max-width: 100%; height: auto; }

.post-content { padding: 42px 64px; overflow: hidden; }

.post-content hr { border-bottom: 1px solid #efefef; 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; 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 15px; }

.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: 40px 45px; text-align: center; font-size: 32px; 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; -o-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; }

.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; -o-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%; -webkit-box-sizing: border-box; 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; -o-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; -o-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: 40px 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 64px; }

.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 { 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; -o-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: 300px; line-height: 40px; border: none; border-radius: 3px; -webkit-transition: all .3s ease-in-out; -o-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 60px; }

.post-loop-wrap article p { margin-top: 0; }

.post-loop-wrap .post-thumbnail { width: 304px; height: 215px; 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: 26px; margin-bottom: 64px; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; color: #2581c4; font-size: 14px; }

.more-link:hover { background: #2581c4; color: #fff; text-decoration: none; }

/* 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: 40px; padding-bottom: 40px; line-height: 1.6; font-size: 14px; }

.side-widget .side-title { margin: 0 0 32px; font-size: 15px; }

.side-widget ul li { padding: 16px 0; border-bottom: 1px solid #e5e5e5; }

.side-widget .side-title { margin: 0 0 13px; font-size: 16px; }

.side-widget a { color: #5e6265; text-decoration: none; }

.side-widget a:hover { color: #2581c4; }

.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: image-url("icont_arw_lit.png") 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: image-url("icon_arw_gry.png") left center no-repeat; }

/* comment */
.recentcomments { color: #808080; font-size: 12px; }

.recentcomments a { color: #383838; font-size: 14px; }

/* 実装中止----------- */
/* 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: 30px 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 { text-align: right; font-size: 12px; }

/* ---------------------------------------- LP ---------------------------------------- */
.single-lp { padding: 40px 0; }

.single-lp .lp-wrap { width: 1157px; border: 1px solid #efefef; margin: 0 auto; background: #fff; padding: 45px 0; }

.single-lp .lp-thumbnail { border: 1px #ccc solid; float: right; margin: 0 0 13px 13px; border: 1px #ccc solid; }

.single-lp .lp-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: 32px; color: #2581c4; padding-bottom: 35px; border-bottom: 1px solid #efefef; }

.single-lp #content { padding: 40px 56px; overflow: hidden; }

.single-lp #main { width: 100%; }

.single-lp .main-inner { overflow: hidden; }

.single-lp #side { width: 320px; margin-left: -320px; }

.single-lp .post-footer { padding: 20px 0; }

.single-lp .lp-form { background: #494c4e; color: #fff; padding: 30px; }

.single-lp .lp-form input[type=text], .single-lp .lp-form input[type=email] { width: 90%; padding: 10px 5%; border: none; }

.single-lp .lp-form input[type=submit], .single-lp .lp-form button { width: 100%; padding: 10px 0; background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; -webkit-transition: all ease-in-out 0.3s; -o-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; }

/*! Bootstrap v3.3.7 (http://getbootstrap.com) Copyright 2011-2018 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=7c3092db9561581064f11d54d0ecec32) Config saved to config.json and https://gist.github.com/7c3092db9561581064f11d54d0ecec32 */
/*! Bootstrap v3.3.7 (http://getbootstrap.com) Copyright 2011-2016 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 10px; -webkit-tap-highlight-color: transparent; }

body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #337ab7; text-decoration: none; }

a:hover, a:focus { color: #23527c; text-decoration: underline; }

a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

figure { margin: 0; }

img { vertical-align: middle; }

.img-responsive { display: block; max-width: 100%; height: auto; }

.img-rounded { border-radius: 6px; }

.img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle { border-radius: 50%; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[role="button"] { cursor: pointer; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .container { width: 750px; } }

@media (min-width: 992px) { .container { width: 970px; } }

@media (min-width: 1200px) { .container { width: 1170px; } }

.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.row { margin-left: -15px; margin-right: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-0 { right: auto; }

.col-xs-push-12 { left: 100%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-0 { left: auto; }

.col-xs-offset-12 { margin-left: 100%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-0 { margin-left: 0; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0; } }

@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0; } }

@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0; } }

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; }

.clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none !important; }

.affix { position: fixed; }

/* ---------------------------------------- レスポンシブ ---------------------------------------- */
#header-menu-tog { 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 */
  .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; margin: 0; font-size: 21px; }
  .single-lp #content { padding: 20px; }
  .single-lp .lp-wrap { padding: 24px 0; width: auto; margin: 0 24px; }
  .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; }
  /* header */
  #header { padding: 36px 0 32px !important; }
  #header .wrap { padding: 0; }
  #header #logo img { vertical-align: top; }
  #header #header-primary-nav { display: none; }
  #header-menu-tog { display: block; float: right; font-size: 24px; }
  #gnav { display: none; }
  #gnav.active { display: block; }
  #gnav { margin: 20px 2%; border: 1px solid #cccccc; padding: 10px; }
  #gnav .wrap { margin: 0; }
  #gnav ul li { float: none; position: relative; margin-right: 0; margin-bottom: 1px; padding: 0; }
  #gnav ul li.current-menu-item a { border-top: none; background: #f7f7f7; }
  #gnav ul li a { display: block; border-top: none; padding: 12px 8px; color: #2B2D2D; background: #ededed; text-decoration: none; -webkit-transition: background .3s ease-in-out; -o-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; -webkit-box-shadow: 0; box-shadow: 0; }
  #gnav ul li .sub-menu .sub-menu { left: auto; top: auto; }
  /* loop */
  .cat-content { padding: 20px; }
  .post-loop-wrap .post-thumbnail { height: 215px; float: none; margin-left: 0; margin-right: 0; text-align: center; }
  .post-loop-wrap .post-thumbnail img { max-width: 100%; height: auto; margin: 0 auto; }
  .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: 42px 20px 20px; }
  .post-content, .cta-post-title, .post-cta, .post-cta-inner, .post-share, .post-author, article.page .post-header { padding: 20px !important; }
  .post-thumbnail, .post-cta-img { margin-left: 0; margin-right: 0; float: none; }
  .post-footer { padding: 0 20px; }
  .more-link { display: block; width: 100%; text-align: center; margin-bottom: 24px; }
  /* tablet end */ }

@media screen and (max-width: 767px) { /* 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; }
  #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; float: none; }
  .post-cta .post-cta-btn { margin: 24px 0 10px; }
  .post-cta .post-cta-btn a { width: 100%; -webkit-box-sizing: border-box; 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; }
  /* phone end */ }

/* ---------------------------------------- カラースキーム 01 ---------------------------------------- */
body.color01 { /* ---------------------------------------- all ---------------------------------------- */ /* form
---------------------------------------- */ /* ---------------------------------------- header ---------------------------------------- */ /* ---------------------------------------- breadcrumb ---------------------------------------- */ /* ---------------------------------------- gloval nav ---------------------------------------- */ /* ---------------------------------------- content ---------------------------------------- */ /* ---------------------------------------- main ---------------------------------------- */ /* comment
---------------------------------------- */ /* loop
---------------------------------------- */ /* ---------------------------------------- pagenation ---------------------------------------- */ /* ---------------------------------------- side ---------------------------------------- */ /* comment */ /* follow */ /* ---------------------------------------- footer ---------------------------------------- */ /* ---------------------------------------- LP ---------------------------------------- */ }

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; }

body.color01 #header #logo a { color: #494D50; }

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 a:hover { color: #2B2D2D; border-top: 1px #1ABB9A solid; }

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; }

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 .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; }

body.color01 .widget_recent_entries a, body.color01 .widget_archive a, body.color01 .widget_categories a, body.color01 .widget_meta a { color: #5e6265; background: image-url("icont_arw_lit.png") left center no-repeat; }

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: #1ABB9A; background: image-url("icon_arw_gry.png") left center no-repeat; }

body.color01 .recentcomments a { color: #494D50; }

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 { 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; }

/* 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 #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 a:hover { color: #2B2D2D; border-top: 1px #FB4343 solid; }

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; }

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 .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; background: image-url("icont_arw_lit.png") left center no-repeat; }

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: #FB4343; background: image-url("icon_arw_gry.png") left center no-repeat; }

body.color02 .recentcomments a { color: #656364; }

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 { 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; }

/* 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 #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.current-menu-item a { border-top: 1px #F37D3D solid; }

body.color03 #gnav li a { border-top: 1px #ededed solid; color: #2B2D2D; background: #fff; }

body.color03 #gnav li a:hover { color: #2B2D2D; border-top: 1px #F37D3D solid; }

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; }

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 .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; background: image-url("icont_arw_lit.png") left center no-repeat; }

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: #F37D3D; background: image-url("icon_arw_gry.png") left center no-repeat; }

body.color03 .recentcomments a { color: #444756; }

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 { 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; }

/* 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: #F6706F; }

body.color04 form input[type="submit"], body.color04 form button { background: #F6706F; }

body.color04 #header { background: #fff; border-bottom: 1px solid #ededed; }

body.color04 #header #logo a { color: #474747; }

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.current-menu-item a { border-top: 1px #F6706F solid; }

body.color04 #gnav li a { border-top: 1px #ededed solid; color: #2B2D2D; background: #fff; }

body.color04 #gnav li a:hover { color: #2B2D2D; border-top: 1px #F6706F solid; }

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: #F6706F; }

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 .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: #F6706F; }

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: #F6706F; }

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 #F6706F solid; color: #F6706F; }

body.color04 .more-link:hover { background: #F6706F; 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: #F6706F; }

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; background: image-url("icont_arw_lit.png") left center no-repeat; }

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: #F6706F; background: image-url("icon_arw_gry.png") left center no-repeat; }

body.color04 .recentcomments a { color: #474747; }

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: #F6706F; }

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 { color: #F6706F; 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; }

/* color04 end
---------------------------------------- */
/*---【 Index 】----------------------------
common
基本レイアウト
基本タグ
Customize
スキーム追加
ヘッダー部分
TOP抽出
メインビジュアル
グローバルメニュー
サイドバー
見出し設定
固定ページ　一覧ページ　見出し設定
LPページ　　見出し設定
一覧 ページ
詳細ページ
フッター部分
その他　部品　parts パーツ
ユーザー一覧

▼プラグイン対応
Simple WordPress Membership
shortcodes ultimate
Push7   カスタマイズ
お問い合わせフォーム　contact form

/*▼ここから　いぬプロ様オリジナルCSS*/
/*------------------------------------------*/
/* common ------------------■■■■*/
/*フォントサイズ　rem採用*/
html { font-size: 62.5%; }

body { font-size: 17px; font-size: 1.7rem; }

/*スマホ・PC　表示　非表示*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }

.sp { display: none !important; }

html, body, * { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

body.home #content { position: relative; z-index: 0; }

@media screen and (max-width: 768px) { .main-view-box { margin-top: 50px; } }

@media screen and (max-width: 480px) { .top-main-view { margin-top: 85px; } }

/* ipad横 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .ipad-land { display: block !important; } }

/* ipad横 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .ipad-land-none { display: none !important; } }

/* iPhone横 */
@media only screen and (max-device-width: 1242px) and (orientation: landscape) { .iphone-land-none { display: none !important; } }

/*ipad縦*/
/*ipad縦*/
@media screen and (max-width: 991px) { .ipad { display: block !important; } }

@media screen and (max-width: 991px) { .ipad-none { display: none !important; } }

/* iPhone スマートフォン */
@media only screen and (max-width: 640px) { .pc { display: none !important; }
  .sp { display: block !important; } }

@media screen and (max-width: 768px) { .post-content, .cta-post-title, .post-cta, .post-cta-inner, .post-share, .post-author, article.page .post-header { padding: 20px !important; } }

@media screen and (max-width: 480px) { .post-content, .cta-post-title, .post-cta, .post-cta-inner, .post-share, .post-author, article.page .post-header { padding: 20px 0 0 !important; } }

@media screen and (max-width: 480px) { body.home #content { padding-top: 0; } }

.fixed { overflow-x: hidden; position: fixed; top: 0; }

pre { background: #eee; padding: 20px; white-space: pre-wrap; word-wrap: break-word; }

/*===================================================

 基本レイアウト

====================================================*/
@media screen and (max-width: 480px) { body #header, body.color01 #header, body.color02 #header, body.color03 #header, body.color04 #header, body.color05 #header, body.color06 #header { position: relative; } }

@media screen and (max-width: 480px) { body #header #gnav, body.color01 #header #gnav, body.color02 #header #gnav, body.color03 #header #gnav, body.color04 #header #gnav, body.color05 #header #gnav, body.color06 #header #gnav { position: absolute; top: 147px; left: 0; width: 98%; } }

@media screen and (max-width: 480px) { body #gnav, body.color01 #gnav, body.color02 #gnav, body.color03 #gnav, body.color04 #gnav, body.color05 #gnav, body.color06 #gnav { z-index: 1000; position: absolute; top: 147px; left: 0; width: 98%; } }

@media screen and (max-width: 480px) { .left-content #side .side-inner, .right-content #side .side-inner { width: 90%; margin: 0 auto; } }

@media screen and (max-width: 768px) { .more-link { margin-bottom: 0; } }

@media screen and (max-width: 480px) { .more-link { margin-bottom: 0; } }

body #header, body.color01 #header, body.color02 #header, body.color03 #header, body.color04 #header, body.color05 #header, body.color06 #header { padding-top: 0; }

@media screen and (max-width: 768px) { body #header, body.color01 #header, body.color02 #header, body.color03 #header, body.color04 #header, body.color05 #header, body.color06 #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 2000; padding-top: 0 !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { body #header, body.color01 #header, body.color02 #header, body.color03 #header, body.color04 #header, body.color05 #header, body.color06 #header { position: static; width: auto; } }

@media screen and (max-width: 480px) { body #header, body.color01 #header, body.color02 #header, body.color03 #header, body.color04 #header, body.color05 #header, body.color06 #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 2000; padding-top: 0 !important; } }

@media screen and (max-width: 480px) { .cat-content, article.post, article.page, article.wp101, article.seo101 { border: none; } }

/*===================================================

 基本タグ　common

====================================================*/
/* 定義リスト　DL
---------------------------------------------------*/
.post-content dl dd { border-left: none; }

a img:hover { opacity: 0.8; }

.page .inframe { background-color: #ededed; height: 200px; overflow: auto; overflow-y: scroll; overflow-x: hidden; padding: 15px; }

@media screen and (max-width: 480px) { body .post-content table tbody, body .post-content table thead, body .post-content table tr, body.color01 .post-content table tbody, body.color01 .post-content table thead, body.color01 .post-content table tr, body.color02 .post-content table tbody, body.color02 .post-content table thead, body.color02 .post-content table tr, body.color03 .post-content table tbody, body.color03 .post-content table thead, body.color03 .post-content table tr, body.color04 .post-content table tbody, body.color04 .post-content table thead, body.color04 .post-content table tr, body.color05 .post-content table tbody, body.color05 .post-content table thead, body.color05 .post-content table tr, body.color06 .post-content table tbody, body.color06 .post-content table thead, body.color06 .post-content table tr { display: inherit; } }

/*--------------------------------
  Customize
--------------------------------*/
/* ----------------------------------------
* カラースキーム 05
---------------------------------------- */
body.color05 { /* ----------------------------------------
* all
---------------------------------------- */ /* form
---------------------------------------- */ /* ----------------------------------------
* header
---------------------------------------- */ /* ----------------------------------------
* breadcrumb
---------------------------------------- */ /* ----------------------------------------
* gloval nav
---------------------------------------- */ /* ----------------------------------------
* content
---------------------------------------- */ /* ----------------------------------------
* main
---------------------------------------- */ /* comment
---------------------------------------- */ /* loop
---------------------------------------- */ /* ----------------------------------------
* pagenation
---------------------------------------- */ /* ----------------------------------------
* side
---------------------------------------- */ /* comment */ /* follow */ /* ----------------------------------------
* footer
---------------------------------------- */ /* ----------------------------------------
* LP
---------------------------------------- */ }

body.color05 body { background: #fafafa; color: #494D50; }

body.color05 a { color: #efb100; }

body.color05 form input[type="submit"], body.color05 form button { background: #efb100; }

body.color05 #header { background: #fff; border-bottom: 1px solid #ededed; }

body.color05 #header #logo a { color: #494D50; }

body.color05 #header #header-sns li a { color: #ccc; }

body.color05 #header #header-sns li a:hover { color: #34465C; }

body.color05 #gnav { background: #fff; border-top: 1px #ededed solid; border-bottom: 1px #ededed solid; }

body.color05 #gnav li.current-menu-item a { border-top: 1px #efb100 solid; }

body.color05 #gnav li a { border-top: 1px #ededed solid; color: #2B2D2D; background: #fff; }

body.color05 #gnav li a:hover { color: #2B2D2D; border-top: 1px #ffcc00 solid; }

body.color05 #gnav li .sub-menu li a { background: #2b2b2b; color: #fff; border: none; }

body.color05 #gnav li .sub-menu li a:hover { background: #373B3B; color: #fff; }

body.color05 #content .wp-caption { border: 1px solid #ededed; }

body.color05 .post-title a { color: #494D50; }

body.color05 .post-title a:hover { color: #efb100; }

body.color05 .post-meta li { background: #fff; }

body.color05 .post-content hr { border-bottom: 1px solid #ededed; }

body.color05 .post-content h2 { border-bottom: 1px solid #ededed; }

body.color05 .post-content h3 { border-left: 5px solid #e5e5e5; }

body.color05 .post-content blockquote { border: 1px #e5e5e5 solid; }

body.color05 .post-content blockquote:before { color: #e7e7e7; }

body.color05 .post-content blockquote cite { color: #808080; }

body.color05 .post-content table { border: 1px #ddd solid; }

body.color05 .post-content table th, body.color05 .post-content table td { border: #ddd solid 1px; }

body.color05 .post-content table th { color: #fff; }

body.color05 .post-content table thead th { background: #5e6265; }

body.color05 .post-content table tbody th { background: #919598; }

body.color05 .post-content table.table-line table, body.color05 .post-content table.table-line th, body.color05 .post-content table.table-line td { border-color: #fff; }

body.color05 .post-content table.table-line th { background: transparent; color: #494D50; }

body.color05 .post-content table.table-line thead th { background: #5e6265; color: #fff; }

body.color05 .post-content table.table-line tr { background: #eee; }

body.color05 .post-content table.table-line tr:nth-child(2n+1) { background: #ddd; }

body.color05 .post-cta { background: #f5f5f5; color: #494D50; border-top: 3px solid #5e6265; }

body.color05 .post-cta .cta-post-title { border-bottom: 1px solid #e5e5e5; }

body.color05 .post-cta .post-cta-btn a { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; }

body.color05 .post-cta .post-cta-btn a:hover { background: #81da85; border-bottom: 5px solid #5ace5f; }

body.color05 .post-cta .btn { color: #fff; background: #ffcc00; }

body.color05 .post-cta .btn:hover { background: #BB2C46; }

body.color05 .post-share { border-top: 1px solid #e5e5e5; }

body.color05 .post-share .post-share-title { color: #fff; background-color: #57585A; }

body.color05 .post-share .post-share-list1 a, body.color05 .post-share .post-share-list2 a, body.color05 .post-share .post-share-list3 a, body.color05 .post-share .post-share-list4 a { border: 1px #eee solid; }

body.color05 .post-share .post-share-list1 a:hover, body.color05 .post-share .post-share-list2 a:hover, body.color05 .post-share .post-share-list3 a:hover, body.color05 .post-share .post-share-list4 a:hover { text-decoration: none; background: #f7f7f7; }

body.color05 .post-share .post-share-facebook a:hover { color: #305097; }

body.color05 .post-share .post-share-twitter a:hover { color: #00aced; }

body.color05 .post-share .post-share-google a:hover { color: #db4a39; }

body.color05 .post-share .post-share-feedly a:hover { color: #2bb24c; }

body.color05 .post-sns { border-top: 1px #eee solid; }

body.color05 .post-sns ul li { border-right: 1px solid #eee; color: #929292; }

body.color05 .post-sns ul li:hover { background-color: #f7f7f7; }

body.color05 .post-sns ul li.post-sns-twitter:hover { color: #00ACED; }

body.color05 .post-sns ul li.post-sns-feedly:hover { color: #5ACF5F; }

body.color05 .post-sns ul li a { color: #929292; }

body.color05 .post-sns ul li.post-sns-twitter a:hover { background-color: #00aced; color: #fff; }

body.color05 .post-sns ul li.post-sns-feedly a:hover { background-color: #5ACF5F; color: #fff; }

body.color05 .post-author { border-top: 1px #eee solid; border-bottom: 1px #eee solid; color: #494D50; }

body.color05 .post-author a { color: #efb100; }

body.color05 .comment-list > .comment { border-bottom: 1px #eee solid; }

body.color05 .comment-list .children .comment-body { background: #f7f7f7; }

body.color05 .post-loop-wrap .post-footer { border-top: 1px #ededed solid; }

body.color05 .more-link { border: 1px #efb100 solid; color: #efb100; }

body.color05 .more-link:hover { background: #efb100; color: #fff; }

body.color05 .pagination span, body.color05 .pagination a { color: #494D50; }

body.color05 .pagination a:hover { background: #eee; }

body.color05 .pagination .current { background: #eee; }

body.color05 .side-widget a { color: #5e6265; }

body.color05 .side-widget a:hover { color: #ffcc00; }

body.color05 .side-widget .post-date { color: #999999; }

body.color05 #views-2 ul li span { color: #999999; }

body.color05 .widget_recent_entries a, body.color05 .widget_archive a, body.color05 .widget_categories a, body.color05 .widget_meta a { color: #5e6265; background: image-url("icont_arw_lit.png") left center no-repeat; }

body.color05 .widget_recent_entries a:hover, body.color05 .widget_archive a:hover, body.color05 .widget_categories a:hover, body.color05 .widget_meta a:hover { color: #efb100; background: image-url("icon_arw_gry.png") left center no-repeat; }

body.color05 .recentcomments a { color: #494D50; }

body.color05 #side .share-list-wrap { background: #fafafa; }

body.color05 #side .share-list-wrap .post-share-list1 li a, body.color05 #side .share-list-wrap .post-share-list2 li a, body.color05 #side .share-list-wrap .post-share-list3 li a, body.color05 #side .share-list-wrap .post-share-list4 li a { background: #fff; color: #5e6265; }

body.color05 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover, body.color05 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover, body.color05 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover, body.color05 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover { color: #305097; }

body.color05 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover, body.color05 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover, body.color05 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover, body.color05 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover { color: #00aced; }

body.color05 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover, body.color05 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover, body.color05 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover, body.color05 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover { color: #db4a39; }

body.color05 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover, body.color05 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover, body.color05 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover, body.color05 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover { color: #2bb24c; }

body.color05 #footer { color: #1E252C; }

body.color05 #footer a { color: #1E252C; }

body.color05 #footer a:hover { color: #efb100; }

body.color05 .footer-01 { background: #fff; border-top: 1px #ededed solid; }

body.color05 .footer-02 { background: #fff; border-top: 1px #ededed solid; }

body.color05 .single-lp .lp-wrap { border: 1px solid #ededed; background: #fff; }

body.color05 .single-lp .lp-thumbnail { border: 1px #ccc solid; }

body.color05 .single-lp #lp-header { background: #fff; }

body.color05 .single-lp #lp-header h1 { color: #ffcc00; border-bottom: 1px solid #ededed; }

@media screen and (max-width: 480px) { body.color05 .single-lp #lp-header h1 { display: none; } }

body.color05 .single-lp .lp-form { background: #494c4e; color: #fff; }

body.color05 .single-lp .lp-form input[type=submit], body.color05 .single-lp .lp-form button { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; }

body.color05 .single-lp .lp-form input[type=submit]:hover, body.color05 .single-lp .lp-form button:hover { background: #6ed472; }

/* color05 end
/* ----------------------------------------
* カラースキーム 06
---------------------------------------- */
body.color06 { /* ----------------------------------------
* all
---------------------------------------- */ /* form
---------------------------------------- */ /* ----------------------------------------
* header
---------------------------------------- */ /* ----------------------------------------
* breadcrumb
---------------------------------------- */ /* ----------------------------------------
* gloval nav
---------------------------------------- */ /* ----------------------------------------
* content
---------------------------------------- */ /* ----------------------------------------
* main
---------------------------------------- */ /* comment
---------------------------------------- */ /* loop
---------------------------------------- */ /* ----------------------------------------
* pagenation
---------------------------------------- */ /* ----------------------------------------
* side
---------------------------------------- */ /* comment */ /* follow */ /* ----------------------------------------
* footer
---------------------------------------- */ /* ----------------------------------------
* LP
---------------------------------------- */ }

body.color06 body { background: #fafafa; color: #494D50; }

body.color06 a { color: #2581c4; }

body.color06 form input[type="submit"], body.color06 form button { background: #2581c4; }

body.color06 #header { background: #fff; border-bottom: 1px solid #ededed; }

body.color06 #header #logo a { color: #494D50; }

body.color06 #header #header-sns li a { color: #ccc; }

body.color06 #header #header-sns li a:hover { color: #34465C; }

body.color06 #gnav { background: #fff; border-top: 1px #ededed solid; border-bottom: 1px #ededed solid; }

body.color06 #gnav li.current-menu-item a { border-top: 1px #2581c4 solid; }

body.color06 #gnav li a { border-top: 1px #ededed solid; color: #2B2D2D; background: #fff; }

body.color06 #gnav li a:hover { color: #2B2D2D; border-top: 1px #2581c4 solid; }

body.color06 #gnav li .sub-menu li a { background: #2b2b2b; color: #fff; border: none; }

body.color06 #gnav li .sub-menu li a:hover { background: #373B3B; color: #fff; }

body.color06 #content .wp-caption { border: 1px solid #ededed; }

body.color06 .post-title a { color: #494D50; }

body.color06 .post-title a:hover { color: #2581c4; }

body.color06 .post-meta li { background: #fff; }

body.color06 .post-content hr { border-bottom: 1px solid #ededed; }

body.color06 .post-content h2 { border-bottom: 1px solid #ededed; }

body.color06 .post-content h3 { border-left: 5px solid #e5e5e5; }

body.color06 .post-content blockquote { border: 1px #e5e5e5 solid; }

body.color06 .post-content blockquote:before { color: #e7e7e7; }

body.color06 .post-content blockquote cite { color: #808080; }

body.color06 .post-content table { border: 1px #ddd solid; }

body.color06 .post-content table th, body.color06 .post-content table td { border: #ddd solid 1px; }

body.color06 .post-content table th { color: #fff; }

body.color06 .post-content table thead th { background: #5e6265; }

body.color06 .post-content table tbody th { background: #919598; }

body.color06 .post-content table.table-line table, body.color06 .post-content table.table-line th, body.color06 .post-content table.table-line td { border-color: #fff; }

body.color06 .post-content table.table-line th { background: transparent; color: #494D50; }

body.color06 .post-content table.table-line thead th { background: #5e6265; color: #fff; }

body.color06 .post-content table.table-line tr { background: #eee; }

body.color06 .post-content table.table-line tr:nth-child(2n+1) { background: #ddd; }

body.color06 .post-cta { background: #f5f5f5; color: #494D50; border-top: 3px solid #5e6265; }

body.color06 .post-cta .cta-post-title { border-bottom: 1px solid #e5e5e5; }

body.color06 .post-cta .post-cta-btn a { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; }

body.color06 .post-cta .post-cta-btn a:hover { background: #81da85; border-bottom: 5px solid #5ace5f; }

body.color06 .post-cta .btn { color: #fff; background: #222222; }

body.color06 .post-cta .btn:hover { background: #BB2C46; }

body.color06 .post-share { border-top: 1px solid #e5e5e5; }

body.color06 .post-share .post-share-title { color: #fff; background-color: #57585A; }

body.color06 .post-share .post-share-list1 a, body.color06 .post-share .post-share-list2 a, body.color06 .post-share .post-share-list3 a, body.color06 .post-share .post-share-list4 a { border: 1px #eee solid; }

body.color06 .post-share .post-share-list1 a:hover, body.color06 .post-share .post-share-list2 a:hover, body.color06 .post-share .post-share-list3 a:hover, body.color06 .post-share .post-share-list4 a:hover { text-decoration: none; background: #f7f7f7; }

body.color06 .post-share .post-share-facebook a:hover { color: #305097; }

body.color06 .post-share .post-share-twitter a:hover { color: #00aced; }

body.color06 .post-share .post-share-google a:hover { color: #db4a39; }

body.color06 .post-share .post-share-feedly a:hover { color: #2bb24c; }

body.color06 .post-sns { border-top: 1px #eee solid; }

body.color06 .post-sns ul li { border-right: 1px solid #eee; color: #929292; }

body.color06 .post-sns ul li:hover { background-color: #f7f7f7; }

body.color06 .post-sns ul li.post-sns-twitter:hover { color: #00ACED; }

body.color06 .post-sns ul li.post-sns-feedly:hover { color: #5ACF5F; }

body.color06 .post-sns ul li a { color: #929292; }

body.color06 .post-sns ul li.post-sns-twitter a:hover { background-color: #00aced; color: #fff; }

body.color06 .post-sns ul li.post-sns-feedly a:hover { background-color: #5ACF5F; color: #fff; }

body.color06 .post-author { border-top: 1px #eee solid; border-bottom: 1px #eee solid; color: #494D50; }

body.color06 .post-author a { color: #2581c4; }

body.color06 .comment-list > .comment { border-bottom: 1px #eee solid; }

body.color06 .comment-list .children .comment-body { background: #f7f7f7; }

body.color06 .post-loop-wrap .post-footer { border-top: 1px #ededed solid; }

body.color06 .more-link { border: 1px #2581c4 solid; color: #2581c4; }

body.color06 .more-link:hover { background: #2581c4; color: #fff; }

body.color06 .pagination span, body.color06 .pagination a { color: #494D50; }

body.color06 .pagination a:hover { background: #eee; }

body.color06 .pagination .current { background: #eee; }

body.color06 .side-widget a { color: #5e6265; }

body.color06 .side-widget a:hover { color: #222222; }

body.color06 .side-widget .post-date { color: #999999; }

body.color06 #views-2 ul li span { color: #999999; }

body.color06 .widget_recent_entries a, body.color06 .widget_archive a, body.color06 .widget_categories a, body.color06 .widget_meta a { color: #5e6265; background: image-url("icont_arw_lit.png") left center no-repeat; }

body.color06 .widget_recent_entries a:hover, body.color06 .widget_archive a:hover, body.color06 .widget_categories a:hover, body.color06 .widget_meta a:hover { color: #2581c4; background: image-url("icon_arw_gry.png") left center no-repeat; }

body.color06 .recentcomments a { color: #494D50; }

body.color06 #side .share-list-wrap { background: #fafafa; }

body.color06 #side .share-list-wrap .post-share-list1 li a, body.color06 #side .share-list-wrap .post-share-list2 li a, body.color06 #side .share-list-wrap .post-share-list3 li a, body.color06 #side .share-list-wrap .post-share-list4 li a { background: #fff; color: #5e6265; }

body.color06 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover, body.color06 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover, body.color06 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover, body.color06 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover { color: #305097; }

body.color06 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover, body.color06 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover, body.color06 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover, body.color06 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover { color: #00aced; }

body.color06 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover, body.color06 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover, body.color06 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover, body.color06 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover { color: #db4a39; }

body.color06 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover, body.color06 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover, body.color06 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover, body.color06 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover { color: #2bb24c; }

body.color06 #footer { color: #1E252C; }

body.color06 #footer a { color: #1E252C; }

body.color06 #footer a:hover { color: #2581c4; }

body.color06 .footer-01 { background: #fff; border-top: 1px #ededed solid; }

body.color06 .footer-02 { background: #fff; border-top: 1px #ededed solid; }

body.color06 .single-lp .lp-wrap { border: 1px solid #ededed; background: #fff; }

body.color06 .single-lp .lp-thumbnail { border: 1px #ccc solid; }

body.color06 .single-lp #lp-header { background: #fff; }

body.color06 .single-lp #lp-header h1 { color: #555555; border-bottom: 1px solid #ededed; }

body.color06 .single-lp .lp-form { background: #494c4e; color: #fff; }

body.color06 .single-lp .lp-form input[type=submit], body.color06 .single-lp .lp-form button { background: #5ace5f; color: #fff; border-bottom: 5px solid #38bd3e; }

body.color06 .single-lp .lp-form input[type=submit]:hover, body.color06 .single-lp .lp-form button:hover { background: #6ed472; }

/* color06 end






/*===================================================

 ヘッダー部分

====================================================*/
#header { padding-top: 0; }

@media screen and (max-width: 480px) { #header { padding-top: 0 !important; } }

/*固定案内　fixed_header*/
#header .fixed_header { z-index: 100; border: 1px solid #ccc; border-right: none; padding: 10px; background: white; position: fixed; right: -200px; top: 50px; width: 200px; height: auto; }

#header .fixed_header:before { background: #e02727; content: "INFO"; padding: 10px; position: absolute; right: 200px; color: #fff; font-weight: bold; border: 2px solid #fff; border-right: none; cursor: pointer; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #header .fixed_header { background: white; top: auto; bottom: 0; } }

#header .fixed_header:hover { right: 0; }

body.color01 #header .fixed_header:before { background: #ecb519; }

body.color02 #header .fixed_header:before { background: #2143a4; }

body.color03 #header .fixed_header:before { background: #3b9c66; }

body.color04 #header .fixed_header:before { background: #43a66a; }

body.color05 #header .fixed_header:before { background: #3086b9; }

body.color06 #header .fixed_header:before { background: #b00e0e; }

/*ヘッダーインフォ　head-info*/
.head-info { float: right; text-align: left; width: 38%; }

/*SNS*/
#header #header-sns li { margin-left: 10px; }

/*description*/
.desc_box { background: #2581c4; }

.desc_box .head_description { width: 1200px; color: #ffffff; margin: 0 auto; padding: 5px 10px; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .desc_box .head_description { width: 100%; } }

@media screen and (max-width: 768px) { .desc_box .head_description { width: 100%; } }

@media screen and (max-width: 480px) { .desc_box .head_description { display: none; } }

.desc_box p { font-size: 14px; font-size: 1.4rem; }

body.color01 .desc_box { background: #1abb9a; }

body.color02 .desc_box { background: #fb4343; }

body.color03 .desc_box { background: #f37d3d; }

body.color04 .desc_box { background: #f6706f; }

body.color05 .desc_box { background: #ffcc00; }

body.color06 .desc_box { background: #222222; }

/*-----------------------------
 ラップ　.wrap
-----------------------------*/
header .wrap { padding: 40px 0 0; }

@media screen and (max-width: 480px) { #header .wrap { padding: 20px 0 0; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #header .wrap { padding: 0; }
  #header .wrap h1.sp_logo_img { margin: 0; width: 70%; float: left; } }

@media screen and (max-width: 768px) { #header .wrap { padding: 0; }
  #header .wrap h1.sp_logo_img { margin: 0; width: 70%; float: left; } }

@media screen and (max-width: 480px) { #header .wrap { padding: 0; }
  #header .wrap h1.sp_logo_img { margin: 0; } }

/*===================================================

 TOP抽出部

====================================================*/
.top_head_cl { background: #fafafa; }

.content_box { width: 1200px; margin: 0 auto; padding: 15px 0; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .content_box { width: 98% !important; } }

@media screen and (max-width: 768px) { .content_box { width: 95%; } }

@media screen and (max-width: 480px) { .content_box { width: 100%; padding: 15px; } }

/*===================================================

 メインビジュアル部分

====================================================*/
.top-main-view { width: 1200px; margin: 0 auto; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .top-main-view { width: 100%; } }

@media screen and (max-width: 768px) { .top-main-view { width: 100%; } }

@media screen and (max-width: 480px) { .top-main-view { width: 100%; } }

/*===================================================

 グローバルメニュー部分

====================================================*/
#gnav { background: #fff; margin-top: 1px; }

@media screen and (max-width: 480px) { #gnav { margin-top: 0; } }

@media screen and (max-width: 768px) { body #gnav, body.color01 #gnav, body.color02 #gnav, body.color03 #gnav, body.color04 #gnav, body.color05 #gnav, body.color06 #gnav { position: fixed; top: 0; left: 0; width: 98%; height: 600px; z-index: 2000; overflow: scroll; -webkit-overflow-scrolling: touch; } }

@media screen and (max-width: 480px) { body #gnav, body.color01 #gnav, body.color02 #gnav, body.color03 #gnav, body.color04 #gnav, body.color05 #gnav, body.color06 #gnav { position: fixed; top: 0; left: 0; width: 98%; height: 400px; z-index: 2000; overflow: scroll; -webkit-overflow-scrolling: touch; } }

#gnav ul li.menu-item-has-children a:after { content: "\f0d7"; font-family: FontAwesome; padding-left: 5px; }

#gnav ul li { padding: 0; }

#gnav ul li a { padding: 20px 10px; font-size: 16px; font-size: 1.6rem; background: #fff; }

#gnav ul li a:hover { border-top: 3px #103c5c solid; }

@media screen and (max-width: 480px) { #gnav ul li a:hover { border: none; } }

@media screen and (max-width: 480px) { #gnav ul li a { font-size: 16px; font-size: 1.6rem; background: #2581c4; color: #fff; } }

#gnav ul li .sub-menu { width: 260px; margin-left: 0; border-top: 1px solid #2581c4; -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); }

@media screen and (max-width: 768px) { #gnav ul li .sub-menu { width: 100%; -webkit-box-shadow: none; box-shadow: none; } }

@media screen and (max-width: 480px) { #gnav ul li .sub-menu { width: 100%; -webkit-box-shadow: none; box-shadow: none; } }

#gnav ul li .sub-menu li { border-bottom: 1px dashed #fff; }

#gnav ul li .sub-menu li a:after { content: "\f105"; font-family: FontAwesome; }

#gnav ul li .sub-menu li a { font-size: 16px; font-size: 1.6rem; background: #b5d7f0; color: #333333; }

@media screen and (max-width: 480px) { #gnav ul li .sub-menu li a { font-size: 14px; font-size: 1.4rem; } }

#gnav ul li .sub-menu li a:hover { border: none !important; }

@media screen and (max-width: 480px) { #gnav ul li .sub-menu li a:hover { color: #fff; } }

#gnav ul li.current-menu-item a { font-size: 18px; font-size: 1.8rem; border-top: 3px #2581c4 solid; }

@media screen and (max-width: 480px) { #gnav ul li.current-menu-item a { font-size: 16px; font-size: 1.6rem; background: #b0daf8; color: #fff; } }

/*---スキーマ用---*/
body.color01 #gnav ul li.current-menu-item a { border-top: 3px #1abb9a solid; }

@media screen and (max-width: 480px) { body.color01 #gnav ul li.current-menu-item a { background: #1abb9a; } }

@media screen and (max-width: 480px) { body.color01 #gnav ul li a { background: #1abb9a; color: #fff; } }

body.color01 #gnav ul li a:hover { border-top: 3px #0b5546 solid; }

@media screen and (max-width: 480px) { body.color01 #gnav ul li a:hover { border: none; color: #fff; } }

body.color01 #gnav li .sub-menu { border-top: 1px solid #1abb9a; }

body.color01 #gnav li .sub-menu li a { font-size: 16px; font-size: 1.6rem; background: #b6ebe0; color: #333333; }

@media screen and (max-width: 480px) { body.color01 #gnav li .sub-menu li a:hover { border: none; } }

body.color02 #gnav ul li.current-menu-item a { border-top: 3px #fb4343 solid; }

@media screen and (max-width: 480px) { body.color02 #gnav ul li.current-menu-item a { background: #fb4343; } }

@media screen and (max-width: 480px) { body.color02 #gnav ul li a { background: #fb4343; color: #fff; } }

body.color02 #gnav ul li a:hover { border-top: 3px #651e1e solid; }

@media screen and (max-width: 480px) { body.color02 #gnav ul li a:hover { border: none; color: #fff; } }

body.color02 #gnav li .sub-menu { border-top: 1px solid #fb4343; }

body.color02 #gnav li .sub-menu li a { font-size: 16px; font-size: 1.6rem; background: #fbd7d7; color: #333333; }

@media screen and (max-width: 480px) { body.color02 #gnav li .sub-menu li a:hover { border: none; } }

body.color03 #gnav ul li.current-menu-item a { border-top: 3px #f37d3d solid; }

@media screen and (max-width: 480px) { body.color03 #gnav ul li.current-menu-item a { background: #f37d3d; } }

@media screen and (max-width: 480px) { body.color03 #gnav ul li a { background: #f37d3d; color: #fff; } }

body.color03 #gnav ul li a:hover { border-top: 3px #63341b solid; }

@media screen and (max-width: 480px) { body.color03 #gnav ul li a:hover { border: none; color: #fff; } }

body.color03 #gnav li .sub-menu { border-top: 1px solid #f37d3d; }

body.color03 #gnav li .sub-menu li a { font-size: 16px; font-size: 1.6rem; background: #f1d7c9; color: #333333; }

@media screen and (max-width: 480px) { body.color03 #gnav li .sub-menu li a:hover { border: none; } }

body.color04 #gnav ul li.current-menu-item a { border-top: 3px #f6706f solid; }

@media screen and (max-width: 480px) { body.color04 #gnav ul li.current-menu-item a { background: #f6706f; } }

@media screen and (max-width: 480px) { body.color04 #gnav ul li a { background: #f6706f; color: #fff; } }

body.color04 #gnav ul li a:hover { border-top: 3px #632c2b solid; }

@media screen and (max-width: 480px) { body.color04 #gnav ul li a:hover { border: none; color: #fff; } }

body.color04 #gnav li .sub-menu { border-top: 1px solid #f6706f; }

body.color04 #gnav li .sub-menu li a { font-size: 16px; font-size: 1.6rem; background: #f5cfcf; color: #333333; }

@media screen and (max-width: 480px) { body.color04 #gnav li .sub-menu li a:hover { border: none; } }

body.color05 #gnav ul li.current-menu-item a { border-top: 3px #ffcc00 solid; }

@media screen and (max-width: 480px) { body.color05 #gnav ul li.current-menu-item a { background: #ffcc00; } }

@media screen and (max-width: 480px) { body.color05 #gnav ul li a { background: #ffcc00; color: #fff; } }

body.color05 #gnav ul li a:hover { border-top: 3px #78620a solid; }

@media screen and (max-width: 480px) { body.color05 #gnav ul li a:hover { border: none; color: #fff; } }

body.color05 #gnav li .sub-menu { border-top: 1px solid #ffcc00; }

body.color05 #gnav li .sub-menu li a { font-size: 16px; font-size: 1.6rem; background: #faf1ce; color: #333333; }

@media screen and (max-width: 480px) { body.color05 #gnav li .sub-menu li a:hover { border: none; } }

body.color06 #gnav ul li.current-menu-item a { border-top: 3px #222222 solid; }

@media screen and (max-width: 480px) { body.color06 #gnav ul li.current-menu-item a { background: #222222; } }

@media screen and (max-width: 480px) { body.color06 #gnav ul li a { background: #222222; color: #fff; } }

body.color06 #gnav ul li a:hover { border-top: 3px #080808 solid; }

@media screen and (max-width: 480px) { body.color06 #gnav ul li a:hover { border: none; color: #fff; } }

body.color06 #gnav li .sub-menu { border-top: 1px solid #222222; }

body.color06 #gnav li .sub-menu li a { font-size: 16px; font-size: 1.6rem; background: #dadada; color: #333333; }

@media screen and (max-width: 480px) { body.color06 #gnav li .sub-menu li a:hover { border: none; } }

/*===================================================

 サイドバー

====================================================*/
/*ナビゲーションメニュー　子階層表示*/
.sub-menu { display: block; margin-left: 1em; }

.side-widget ul li { padding: 3px 0 !important; }

/*検索ボックス*/
.widget_search.side-widget { margin-bottom: 0; }

/*カレンダー*/
.widget_calendar .side-widget-inner { padding: 0; }

.widget_calendar table th, .widget_calendar table td { padding: 0; }

.widget_calendar table td a { background: #a1b6c5; }

.widget_calendar caption { padding: 0; margin: 0; }

body.color01 .widget_calendar table td a { background: #b8d5cf; }

body.color02 .widget_calendar table td a { background: #fad5d5; }

body.color03 .widget_calendar table td a { background: #fbeae1; }

body.color04 .widget_calendar table td a { background: #f8dede; }

body.color05 .widget_calendar table td a { background: #fffae0; }

body.color06 .widget_calendar table td a { background: #eeeeee; }

/*カテゴリ　リスト表示*/
.side-widget ul li { border-bottom: none; padding: 10px 0; }

.side-widget ul li ul.children { margin-left: 20px; }

body.color01 .side-widget ul li { border-bottom: none; }

body.color02 .side-widget ul li { border-bottom: none; }

body.color03 .side-widget ul li { border-bottom: none; }

body.color04 .side-widget ul li { border-bottom: none; }

/*サイド　タイトル*/
.side-widget .side-title { font-weight: bold; font-size: 18px; font-size: 1.8rem; border-bottom: 2px solid #eee; position: relative; }

.side-widget .side-title span.side-title-inner { position: absolute; bottom: -2px; border-bottom: 2px solid #2581c4; }

.side-widget .side-title span.side-title-inner:before { content: "\f138"; font-family: FontAwesome; margin-right: 10px; }

body.color01 .side-widget .side-title span.side-title-inner { border-bottom: 2px solid #b8d5cf; }

body.color02 .side-widget .side-title span.side-title-inner { border-bottom: 2px solid #fad5d5; }

body.color03 .side-widget .side-title span.side-title-inner { border-bottom: 2px solid #fbeae1; }

body.color04 .side-widget .side-title span.side-title-inner { border-bottom: 2px solid #f8dede; }

body.color05 .side-widget .side-title span.side-title-inner { border-bottom: 2px solid #fffae0; }

body.color06 .side-widget .side-title span.side-title-inner { border-bottom: 2px solid #eeeeee; }

.widget_recent_entries a, .widget_archive a, .widget_categories a, .widget_meta a { background: none; padding-left: 0; font-size: 16px; font-size: 1.6rem; }

.widget_recent_entries a:before, .widget_archive a:before, .widget_categories a:before, .widget_meta a:before { content: "\f101"; font-family: FontAwesome; padding-right: 10px; }

.widget_recent_entries a:hover, .widget_archive a:hover, .widget_categories a:hover, .widget_meta a:hover { background: none; }

body.color01 .widget_recent_entries a, body.color01 .widget_archive a, body.color01 .widget_categories a, body.color01 .widget_meta a { background: none; padding-left: 0; font-size: 16px; font-size: 1.6rem; }

body.color01 .widget_recent_entries a:before, body.color01 .widget_archive a:before, body.color01 .widget_categories a:before, body.color01 .widget_meta a:before { content: "\f101"; font-family: FontAwesome; padding-right: 10px; }

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 { background: none; }

body.color02 .widget_recent_entries a, body.color02 .widget_archive a, body.color02 .widget_categories a, body.color02 .widget_meta a { background: none; padding-left: 0; font-size: 16px; font-size: 1.6rem; }

body.color02 .widget_recent_entries a:before, body.color02 .widget_archive a:before, body.color02 .widget_categories a:before, body.color02 .widget_meta a:before { content: "\f101"; font-family: FontAwesome; padding-right: 10px; }

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 { background: none; }

body.color03 .widget_recent_entries a, body.color03 .widget_archive a, body.color03 .widget_categories a, body.color03 .widget_meta a { background: none; padding-left: 0; font-size: 16px; font-size: 1.6rem; }

body.color03 .widget_recent_entries a:before, body.color03 .widget_archive a:before, body.color03 .widget_categories a:before, body.color03 .widget_meta a:before { content: "\f101"; font-family: FontAwesome; padding-right: 10px; }

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 { background: none; }

body.color04 .widget_recent_entries a, body.color04 .widget_archive a, body.color04 .widget_categories a, body.color04 .widget_meta a { background: none; padding-left: 0; font-size: 16px; font-size: 1.6rem; }

body.color04 .widget_recent_entries a:before, body.color04 .widget_archive a:before, body.color04 .widget_categories a:before, body.color04 .widget_meta a:before { content: "\f101"; font-family: FontAwesome; padding-right: 10px; }

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 { background: none; }

/*===================================================

 見出し設定

====================================================*/
/*一覧　記事　タイトル*/
h1.post-title { font-size: 30px; font-size: 3.0rem; line-height: 1.3; padding: 15px 0 0; margin: 0; }

@media screen and (max-width: 480px) { h1.post-title { font-size: 2.4px; font-size: 2.4rem; margin-bottom: 10px; } }

h2.post-title { border: none; padding-bottom: 5px; margin-bottom: 0; line-height: 1.3; }

@media screen and (max-width: 480px) { h2.post-title { padding-top: 20px; font-size: 24px; font-size: 2.4rem; } }

body.color01 h2.post-title, body.color02 h2.post-title, body.color03 h2.post-title, body.color04 h2.post-title, body.color05 h2.post-title, body.color06 h2.post-title { border: none; margin-bottom: 0; }

@media screen and (max-width: 480px) { body.color01 h2.post-title, body.color02 h2.post-title, body.color03 h2.post-title, body.color04 h2.post-title, body.color05 h2.post-title, body.color06 h2.post-title { font-size: 24px; font-size: 2.4rem; } }

body.home .post-content .post-disc-box h2, body.category .post-content .post-disc-box h2 { border: none; padding: 0; }

@media screen and (max-width: 480px) { body.home .post-content .post-disc-box h2, body.category .post-content .post-disc-box h2 { font-size: 24px; font-size: 2.4rem; } }

body.color01 .post-content .post-disc-box h2, body.color02 .post-content .post-disc-box h2, body.color03 .post-content .post-disc-box h2, body.color04 .post-content .post-disc-box h2, body.color05 .post-content .post-disc-box h2, body.color06 .post-content .post-disc-box h2 { border: none; padding: 0; }

@media screen and (max-width: 480px) { body.color01 .post-content .post-disc-box h2, body.color02 .post-content .post-disc-box h2, body.color03 .post-content .post-disc-box h2, body.color04 .post-content .post-disc-box h2, body.color05 .post-content .post-disc-box h2, body.color06 .post-content .post-disc-box h2 { font-size: 24px; font-size: 2.4rem; } }

/*詳細ページ　見出し設定*/
.post-content h1 { background: #2581c4; color: #fff; padding: 8px 20px 6px; font-size: 30px; font-size: 3.0rem; }

.post-content h2 { border: none; border-top: 3px solid #2581c4; border-bottom: 1px solid #2581c4; padding: 5px 0 5px 10px; font-size: 28px; font-size: 2.8rem; }

.post-content h3 { border: none; border-left: 5px solid #2581c4; padding: 5px 0 5px 10px; font-size: 26px; font-size: 2.6rem; }

.post-content h4 { border-left: 5px solid #ddd; padding: 5px 0 5px 10px; font-size: 24px; font-size: 2.4rem; }

.post-content h5 { font-size: 24px; font-size: 2.4rem; }

.post-content h6 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; font-size: 20px; font-size: 2.0rem; }

body.color01 .post-content h1 { background: #1abb9a; }

body.color01 .post-content h2 { border-top: 3px solid #1abb9a; border-bottom: 1px solid #1abb9a; }

body.color01 .post-content h3 { border-left: 5px solid #1abb9a; }

body.color02 .post-content h1 { background: #fb4343; }

body.color02 .post-content h2 { border-top: 3px solid #fb4343; border-bottom: 1px solid #fb4343; }

body.color02 .post-content h3 { border-left: 5px solid #fb4343; }

body.color03 .post-content h1 { background: #f37d3d; }

body.color03 .post-content h2 { border-top: 3px solid #f37d3d; border-bottom: 1px solid #f37d3d; }

body.color03 .post-content h3 { border-left: 5px solid #f37d3d; }

body.color04 .post-content h1 { background: #f6706f; }

body.color04 .post-content h2 { border: none; border-top: 3px solid #f6706f; border-bottom: 1px solid #f6706f; }

body.color04 .post-content h3 { border: none; border-left: 5px solid #f6706f; }

body.color05 .post-content h1 { background: #ffcc00; }

body.color05 .post-content h2 { border-top: 3px solid #ffcc00; border-bottom: 1px solid #ffcc00; }

body.color05 .post-content h3 { border-left: 5px solid #ffcc00; }

body.color06 .post-content h1 { background: #222222; }

body.color06 .post-content h2 { border-top: 3px solid #222222; border-bottom: 1px solid #222222; }

body.color06 .post-content h3 { border-left: 5px solid #222222; }

/*===================================================

 固定ページ　一覧ページ　見出し設定

====================================================*/
/* post header h1
----------------------------------------------*/
/*固定ページ　ヘッダー見出し*/
article.page .post-title { border-bottom: 5px solid #b5d7f0; padding-bottom: 20px; }

body.color01 article.page .post-title { border-bottom: 5px solid #d03abe; }

body.color02 article.page .post-title { border-bottom: 5px solid #fb4343; }

body.color03 article.page .post-title { border-bottom: 5px solid #fed7d7; }

body.color04 article.page .post-title { border-bottom: 5px solid #f3d5d5; }

body.color05 article.page .post-title { border-bottom: 5px solid #fcf4d2; }

body.color06 article.page .post-title { border-bottom: 5px solid #e5e5e5; }

/*一覧　ヘッダーボックス*/
body .cat-content { padding: 0 0 20px 5px; border: none; border: none; }

body .cat-content h1.post-title { padding-bottom: 20px; border-bottom: 5px solid #2581c4; }

@media screen and (max-width: 480px) { body .cat-content { padding: 0 20px 14px; } }

body.color01 .cat-content { border: none; border: none; }

body.color01 .cat-content h1.post-title { border-bottom: 5px solid #1abb9a; }

body.color02 .cat-content { border: none; border: none; }

body.color02 .cat-content h1.post-title { border-bottom: 5px solid #fb4343; }

body.color03 .cat-content { border: none; border: none; }

body.color03 .cat-content h1.post-title { border-bottom: 5px solid #f37d3d; }

body.color04 .cat-content { border: none; border: none; }

body.color04 .cat-content h1.post-title { border-bottom: 5px solid #f6706f; }

body.color05 .cat-content { border: none; border: none; }

body.color05 .cat-content h1.post-title { border-bottom: 5px solid #ffcc00; }

body.color06 .cat-content { border: none; border: none; }

body.color06 .cat-content h1.post-title { border-bottom: 5px solid #222222; }

/*一覧　ヘッダー見出し*/
body .cat-content .post-title:before { content: "\f07c"; font-family: FontAwesome; padding-right: 10px; font-size: 80%; }

/*===================================================

 LPページ　　見出し設定

====================================================*/
.single-lp .lp-wrap { padding-top: 0; }

.single-lp #lp-header h1 { font-size: 60%; padding-bottom: 0; border: none; }

/*===================================================

 一覧 ページ

====================================================*/
/*カテゴリ説明文*/
.cate-info-box { margin-top: 20px; overflow: hidden; zoom: 1; }

/*１つひとつの記事枠*/
.post-loop-wrap article { position: relative; padding: 30px; }

@media screen and (max-width: 480px) { .post-loop-wrap article { padding: 15px 0; margin: 0 0 15px; } }

body.home .post-loop-wrap article, body.search .post-loop-wrap article, body.category .post-loop-wrap article, body.archive .post-loop-wrap article { margin: 0 0 30px; padding: 30px; }

@media screen and (max-width: 768px) { body.home .post-loop-wrap article, body.search .post-loop-wrap article, body.category .post-loop-wrap article, body.archive .post-loop-wrap article { padding: 30px 0 15px; } }

@media screen and (max-width: 480px) { body.home .post-loop-wrap article, body.search .post-loop-wrap article, body.category .post-loop-wrap article, body.archive .post-loop-wrap article { padding: 15px 0; margin: 0 0 15px; } }

.post-loop-wrap .post-content { padding: 0; clear: both; }

@media screen and (max-width: 768px) { .post-loop-wrap .post-content { padding-top: 0 !important; } }

@media screen and (max-width: 480px) { .post-loop-wrap .post-content { padding: 0 !important; } }

/*ぺージタイトル周り*/
.cat-content-area { padding: 0; margin-bottom: 20px; }

/*サムネイル表示*/
.post-loop-wrap .post-thumbnail { float: left; margin: 0 20px 10px 0; width: 37%; height: auto; overflow: hidden; zoom: 1; }

@media screen and (max-width: 480px) { .post-loop-wrap .post-thumbnail { min-height: 171px; width: auto !important; float: none; margin-left: auto; margin-right: auto; } }

@media screen and (max-width: 320px) { .post-loop-wrap .post-thumbnail { min-height: 141px; } }

.post-loop-wrap .post-disc-box { float: left; width: 60%; }

.post-loop-wrap .post-disc-box .post-header { padding: 0 0 5px; }

@media screen and (max-width: 480px) { .post-loop-wrap .post-disc-box .post-header { padding: 0; } }

.post-loop-wrap .post-disc-box .post-header ul.cat-list { margin: 0; padding: 0; }

.post-loop-wrap .post-disc-box .post-header ul.cat-list li { margin: 0; list-style: none; }

.post-loop-wrap .post-disc-box .post-header .post-meta { margin-bottom: 0; }

.post-loop-wrap .post-disc-box p { clear: both; margin: 0 0 15px; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .post-loop-wrap .post-disc-box { width: 59%; } }

@media screen and (max-width: 768px) { .post-loop-wrap .post-disc-box { width: 59%; } }

@media screen and (max-width: 480px) { .post-loop-wrap .post-disc-box { float: none; width: 100%; } }

/*日付*/
.post-date { font-size: 14px; font-size: 1.4rem; float: left; margin-right: 15px; }

/*カテゴリ表示*/
.cat-list { float: left; }

@media screen and (max-width: 480px) { .cat-list { margin-bottom: 0; } }

.post-meta { overflow: hidden; zoom: 1; padding: 0; margin-bottom: 25px; border: none; }

@media screen and (max-width: 480px) { .post-meta { margin-bottom: 0; } }

.post-meta li { margin-top: 0; background: none; }

body.color01 .post-meta, body.color02 .post-meta, body.color03 .post-meta, body.color04 .post-meta, body.color05 .post-meta, body.color06 .post-meta { border: none; }

body.color01 .post-meta li, body.color02 .post-meta li, body.color03 .post-meta li, body.color04 .post-meta li, body.color05 .post-meta li, body.color06 .post-meta li { margin-top: 0; background: none; }

.post-header { padding: 40px 60px 10px; }

@media screen and (max-width: 768px) { .post-header { padding: 20px; } }

@media screen and (max-width: 480px) { .post-header { padding: 0; } }

body .more-link-box { margin-top: 15px; padding: 8px 0; }

@media screen and (max-width: 768px) { body .more-link-box { padding: 0; } }

@media screen and (max-width: 480px) { body .more-link-box { margin-top: 10px; padding: 0; } }

body .more-link-box a.more-link { background: #e02727; border: none; color: #fff !important; }

@media screen and (max-width: 480px) { body .more-link-box a.more-link { font-size: 18px; font-size: 1.8rem; } }

body .more-link-box a.more-link:hover { color: #e02727; border: 1px solid #e02727; }

body.color01 .more-link-box a.more-link { background: #ecb519; border: none; }

body.color01 .more-link-box a.more-link:hover { color: #ecb519; border: 1px solid #ecb519; }

body.color02 .more-link-box a.more-link { background: #2143a4; border: none; }

body.color02 .more-link-box a.more-link:hover { color: #2143a4; border: 1px solid #2143a4; }

body.color03 .more-link-box a.more-link { background: #3b9c66; border: none; }

body.color03 .more-link-box a.more-link:hover { color: #3b9c66; border: 1px solid #3b9c66; }

body.color04 .more-link-box a.more-link { background: #43a66a; border: none; }

body.color04 .more-link-box a.more-link:hover { color: #43a66a; border: 1px solid #43a66a; }

body.color05 .more-link-box a.more-link { background: #3086b9; border: none; }

body.color05 .more-link-box a.more-link:hover { color: #3086b9; border: 1px solid #3086b9; }

body.color06 .more-link-box a.more-link { background: #b00e0e; border: none; }

body.color06 .more-link-box a.more-link:hover { color: #b00e0e; border: 1px solid #b00e0e; }

/*weblog 一覧*/
.post-loop-wrap .post-thumbnail { position: relative; }

.post-loop-wrap .cat-lavel { position: absolute; top: 30px; left: 30px; padding: 2px 5px; background: #fff000; font-size: 12px; font-size: 1.2rem; }

@media screen and (max-width: 768px) { .post-loop-wrap .cat-lavel { top: 30px; left: 21px; } }

@media screen and (max-width: 480px) { .post-loop-wrap .cat-lavel { top: 15px; left: 0; } }

/*===================================================

 詳細ページ

====================================================*/
/*---------------------------------- 日付 ----------------------------------*/
.post-meta.list-inline { border: none; }

body.color01 .post-meta.list-inline, body.color02 .post-meta.list-inline, body.color03 .post-meta.list-inline, body.color04 .post-meta.list-inline, body.color05 .post-meta.list-inline, body.color06 .post-meta.list-inline { border: none; padding: 5px 0 50px; }

/*---------------------------------
記事内　アイキャッチ表示
------------------------------------*/
.post-thumbnail { float: none; text-align: center; margin-bottom: 45px; }

@media screen and (max-width: 480px) { .post-thumbnail { margin-bottom: 20px; } }

.post-thumbnail > img { width: 80%; }

@media screen and (max-width: 480px) { .post-thumbnail > img { width: 98%; } }

/*---------------------------------
記事内ソーシャルボタン
------------------------------------*/
.bzb-sns-btn li.bzb-facebook { width: 130px; }

.bzb-sns-btn li.bzb-googleplus { width: 38px; }

/*---------------------------------
記事内　プロフィール　SNSボタン
----------------------------------*/
.sns-icon { font-size: 26px; }

/*===================================================

 フッター部分

====================================================*/
@media screen and (max-width: 480px) { #footer .wrap { padding: 30px 0 100px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #footer .wrap { padding: 30px 0 100px; } }

#footer .fixed_fotter { z-index: 100; position: fixed; bottom: 0; background: rgba(37, 129, 196, 0.3); width: 100%; padding: 0; -webkit-box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, 0.8); box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, 0.8); }

@media screen and (max-width: 768px) { #footer { padding-bottom: 0; } }

@media screen and (max-width: 480px) { #footer { padding-bottom: 100px; } }

/*===================================================

 その他　部品　parts パーツ

====================================================*/
/* post table
-------------------------------------------*/
@media screen and (max-width: 480px) { body .post-content table, body.color01 .post-content table, body.color02 .post-content table, body.color03 .post-content table, body.color04 .post-content table, body.color05 .post-content table, body.color06 .post-content table { width: 100%; overflow-x: hidden; white-space: normal; } }

body .post-content table tbody, body .post-content table thead, body .post-content table tr, body.color01 .post-content table tbody, body.color01 .post-content table thead, body.color01 .post-content table tr, body.color02 .post-content table tbody, body.color02 .post-content table thead, body.color02 .post-content table tr, body.color03 .post-content table tbody, body.color03 .post-content table thead, body.color03 .post-content table tr, body.color04 .post-content table tbody, body.color04 .post-content table thead, body.color04 .post-content table tr, body.color05 .post-content table tbody, body.color05 .post-content table thead, body.color05 .post-content table tr, body.color06 .post-content table tbody, body.color06 .post-content table thead, body.color06 .post-content table tr { width: 100%; white-space: normal; }

@media screen and (max-width: 480px) { body .post-content table th, body .post-content table td, body.color01 .post-content table th, body.color01 .post-content table td, body.color02 .post-content table th, body.color02 .post-content table td, body.color03 .post-content table th, body.color03 .post-content table td, body.color04 .post-content table th, body.color04 .post-content table td, body.color05 .post-content table th, body.color05 .post-content table td, body.color06 .post-content table th, body.color06 .post-content table td { display: inline-block; width: 100%; } }

/* post form table
-------------------------------------------*/
body form td input[type="text"], body form td input[type="email"], body form td input[type="password"], body.color01 form td input[type="text"], body.color01 form td input[type="email"], body.color01 form td input[type="password"], body.color02 form td input[type="text"], body.color02 form td input[type="email"], body.color02 form td input[type="password"], body.color03 form td input[type="text"], body.color03 form td input[type="email"], body.color03 form td input[type="password"], body.color04 form td input[type="text"], body.color04 form td input[type="email"], body.color04 form td input[type="password"], body.color05 form td input[type="text"], body.color05 form td input[type="email"], body.color05 form td input[type="password"], body.color06 form td input[type="text"], body.color06 form td input[type="email"], body.color06 form td input[type="password"] { width: 100%; }

@media screen and (max-width: 480px) { body form td input[type="text"], body form td input[type="email"], body form td input[type="password"], body.color01 form td input[type="text"], body.color01 form td input[type="email"], body.color01 form td input[type="password"], body.color02 form td input[type="text"], body.color02 form td input[type="email"], body.color02 form td input[type="password"], body.color03 form td input[type="text"], body.color03 form td input[type="email"], body.color03 form td input[type="password"], body.color04 form td input[type="text"], body.color04 form td input[type="email"], body.color04 form td input[type="password"], body.color05 form td input[type="text"], body.color05 form td input[type="email"], body.color05 form td input[type="password"], body.color06 form td input[type="text"], body.color06 form td input[type="email"], body.color06 form td input[type="password"] { max-width: 100%; } }

body form td input[type="text"].post, body.color01 form td input[type="text"].post, body.color02 form td input[type="text"].post, body.color03 form td input[type="text"].post, body.color04 form td input[type="text"].post, body.color05 form td input[type="text"].post, body.color06 form td input[type="text"].post { width: 30% !important; }

body form td textarea, body.color01 form td textarea, body.color02 form td textarea, body.color03 form td textarea, body.color04 form td textarea, body.color05 form td textarea, body.color06 form td textarea { width: 100%; }

@media screen and (max-width: 480px) { body form td textarea, body.color01 form td textarea, body.color02 form td textarea, body.color03 form td textarea, body.color04 form td textarea, body.color05 form td textarea, body.color06 form td textarea { max-width: 100%; } }

body form input[type="submit"], form button { background: #2581c4; padding: 10px 50px; }

body.color01 form input[type="submit"], body.color01 form button { background: #1abb9a; }

body.color02 form input[type="submit"], body.color02 form button { background: #fb4343; }

body.color03 form input[type="submit"], body.color03 form button { background: #f37d3d; }

body.color04 form input[type="submit"], body.color04 form button { background: #f6706f; }

body.color05 form input[type="submit"], body.color05 form button { background: #ffcc00; }

body.color06 form input[type="submit"], body.color06 form button { background: #222222; }

.contactform .boxSubmit { text-align: center; }

body .swpm-login-widget-form form input[type="submit"], body .swpm-login-widget-form form button, body.color01 .swpm-login-widget-form form input[type="submit"], body.color01 .swpm-login-widget-form form button, body.color02 .swpm-login-widget-form form input[type="submit"], body.color02 .swpm-login-widget-form form button, body.color03 .swpm-login-widget-form form input[type="submit"], body.color03 .swpm-login-widget-form form button, body.color04 .swpm-login-widget-form form input[type="submit"], body.color04 .swpm-login-widget-form form button, body.color05 .swpm-login-widget-form form input[type="submit"], body.color05 .swpm-login-widget-form form button, body.color06 .swpm-login-widget-form form input[type="submit"], body.color06 .swpm-login-widget-form form button { background: #0061c7; }

body form .contactform .boxSubmit input[type="submit"], body form .contactform .boxSubmit button, body.color01 form .contactform .boxSubmit input[type="submit"], body.color01 form .contactform .boxSubmit button, body.color02 form .contactform .boxSubmit input[type="submit"], body.color02 form .contactform .boxSubmit button, body.color03 form .contactform .boxSubmit input[type="submit"], body.color03 form .contactform .boxSubmit button, body.color04 form .contactform .boxSubmit input[type="submit"], body.color04 form .contactform .boxSubmit button, body.color05 form .contactform .boxSubmit input[type="submit"], body.color05 form .contactform .boxSubmit button, body.color06 form .contactform .boxSubmit input[type="submit"], body.color06 form .contactform .boxSubmit button { background: #0061c7; }

/*----------------------------------------
YouTube　設定
-------------------------------------------*/
.youtube-list { position: relative; padding-bottom: 65.5%; height: 0; overflow: hidden; width: 100%; margin: 0 auto; }

@media screen and (max-width: 480px) { .youtube-list { width: 100%; } }

.youtube-list iframe { position: absolute; top: 0; left: 0; width: 100%; height: 80%; }

@media screen and (max-width: 480px) { .youtube-list iframe { height: 100%; } }

.youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 80%; margin: 0 auto; }

@media screen and (max-width: 480px) { .youtube { width: 100%; } }

.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 80%; }

@media screen and (max-width: 480px) { .youtube iframe { height: 100%; } }

iframe.wp-embedded-content { width: 100%; }

/*ページトップへ戻る*/
@media screen and (max-width: 768px) { .pagetop { bottom: 150px; } }

@media screen and (max-width: 480px) { .pagetop { bottom: 100px; } }

@media screen and (max-width: 480px) { .pagetop span { border: 1px solid #fff; } }

.pagetop.show { z-index: 200; }

/*------------------------------------

  ユーザー一覧

--------------------------------------*/
.writers-row { margin: 0 -15px; }

.writer-profile { width: 25%; padding: 0 15px; float: left; }

@media screen and (max-width: 480px) { .writer-profile { width: 100%; float: none; } }

.writer-profile figure { margin: 0; height: 163px; overflow: hidden; }

@media screen and (max-width: 480px) { .writer-profile figure { height: 100%; } }

.writer-profile img { max-width: auto; width: 100%; }

@media screen and (max-width: 480px) { .writer-profile img { margin-bottom: 10px; } }

/*------------------------------------

  ユーザー詳細

--------------------------------------*/
#bbpress-forums .sns-icon li { float: left; margin-right: 10px; }

#bbpress-forums .sns-icon li.icon.icon-home:before { content: "\f015"; font-family: FontAwesome; }

#bbpress-forums .sns-icon li.icon.icon-facebook:before { content: "\f09a"; font-family: FontAwesome; }

#bbpress-forums .sns-icon li.icon.icon-google-plus:before { content: "\f0d5"; font-family: FontAwesome; }

/*------------------------------------

  コメント設定　comment

--------------------------------------*/
.comments-title { font-weight: bold; }

.comment-reply-title { font-weight: bold; font-size: 18px; font-size: 1.8rem; }

/*------------------------------------

  shortcodes ultimate
   カスタマイズ

--------------------------------------*/
/*リスト*/
.su-list.su-list-style- .fa:before { line-height: 1.5; font-size: 110%; }

/*テーブル*/
.su-table table.no-sp { padding: 0 !important; background: none !important; border: none !important; margin: 0 auto !important; }

.su-table table.no-sp th, .su-table table.no-sp td { padding: 0 !important; border: none !important; }

/*投稿*/
.su-post { overflow: hidden; zoom: 1; }

h2.su-post-title { border: none; padding: 0 0 0; }

h2.su-post-title a { color: #383838; }

body.color01 h2.su-post-title, body.color02 h2.su-post-title, body.color03 h2.su-post-title, body.color04 h2.su-post-title, body.color05 h2.su-post-title, body.color06 h2.su-post-title { border: none; }

body.color01 h2.su-post-title a, body.color02 h2.su-post-title a, body.color03 h2.su-post-title a, body.color04 h2.su-post-title a, body.color05 h2.su-post-title a, body.color06 h2.su-post-title a { color: #383838; }

.su-left-thumbnail { float: left; width: 25%; }

@media screen and (max-width: 480px) { .su-left-thumbnail { float: none; width: 100%; } }

.su_right-content { float: right; text-align: left; width: 70%; }

@media screen and (max-width: 480px) { .su_right-content { float: none; width: 100%; } }

@media screen and (max-width: 480px) { .su-post-excerpt { display: none; } }

/*投稿　サイドバー*/
.su-post-side-leftbox { float: left; width: 40%; margin-right: 15px; }

.su-post-side-rightbox { float: left; width: 54%; }

.su-post-side-rightbox h2.su-post-title { line-height: 1.3; padding-bottom: 15px; }

.su-post-side-rightbox h2.su-post-title a { font-weight: normal; font-size: 14px; font-size: 1.4rem; line-height: 1.3; }

.su-posts-default-loop.su-posts-side-loop .su-post { border-bottom: 1px dashed #ccc; margin-bottom: 15px; padding-bottom: 15px; }

/*------------------------------------

  WP Favorite Posts   記事お気に入り登録

--------------------------------------*/
#main .main-inner .wpfp-span { clear: both; display: block; width: 300px; text-align: center; border-radius: 10px; padding: 10px 30px; margin: 40px 0; background: #ff8491; }

#main .main-inner .wpfp-span a { color: #fff; }

@media screen and (max-width: 480px) { #main .main-inner .wpfp-span { width: 90%; margin: 15px auto; } }

#main.bbpress-box.single-user .main-inner .favorites-list .wpfp-span { display: inline; border-radius: none; text-align: left; padding: 0; background: none; }

#main.bbpress-box.single-user .main-inner .favorites-list .wpfp-span ul li a { color: #333; font-size: 18px; font-size: 1.8rem; }

#main.bbpress-box.single-user .main-inner .favorites-list .wpfp-span ul li a.remove-parent { background: #ff918f; border: 1px solid #ccc; padding: 2px 5px; color: #fff; }

#main .main-inner .favorites-list .wpfp-span { display: inline; }

#main .main-inner .favorites-list .wpfp-span a { color: #ff918f; }

/*------------------------------------

 カスタマイザー　活用　関連記事

--------------------------------------*/
#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { border: none; padding-left: 0; }

#jp-relatedposts h3.jp-relatedposts-headline { margin: 0 0 1em 0 !important; display: block !important; float: none !important; font-size: 18px !important; font-weight: 700 !important; font-family: inherit !important; border-top: none !important; }

#jp-relatedposts h3.jp-relatedposts-headline em:before { content: normal !important; border-top: none !important; margin-bottom: 0 !important; }

/*------------------------------------

  Push7   カスタマイズ

--------------------------------------*/
.p7button a { color: #fff; }

body.color01 .p7button a, body.color02 .p7button a, body.color03 .p7button a, body.color04 .p7button a, body.color05 .p7button a, body.color06 .p7button a { color: #fff; }

/*------------------------------------

  お問い合わせフォーム　contact form

--------------------------------------*/
body .post-content .contactform table tbody th { background: #ececec; color: #333; }

body .post-content .contactform table tbody th .req { color: red; font-size: 12px; font-size: 1.2rem; }

/*---------------------------------------

 　固定ヘッダー部分

----------------------------------------*/
#header .fixed_header { z-index: 100; border: 5px solid #333333; border-right: none; padding: 10px; background: white; position: fixed; right: -250px; top: 50px; width: 250px; height: auto; -webkit-transition: .8s; -o-transition: .8s; transition: .8s; }

#header .fixed_header:before { background: none; content: url(images/info-title.png); padding: 0; position: absolute; right: 250px; color: #fff; font-weight: bold; border: none; cursor: pointer; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { #header .fixed_header { background: white; top: auto; bottom: 0; } }

#header .fixed_header:hover { right: 0; }

body.color01 #header .fixed_header:before, body.color02 #header .fixed_header:before, body.color03 #header .fixed_header:before, body.color04 #header .fixed_header:before, body.color05 #header .fixed_header:before, body.color06 #header .fixed_header:before { background: none; }

/*▼ここから　いぬプロ様オリジナルCSS*/