@charset "UTF-8";

.crumb{height: 52px;line-height: 52px;font-size: 12px;}
.crumb span{color:#FB4343}
#show{color:red}

#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}
.toc_list{-webkit-transition: all ease-in-out .3s;transition: all ease-in-out .3s;color: rgb(251,67,67) !important;}
.toc_list li a{color: rgb(251,67,67) !important;}
/*
Theme Name: XeoryBase
Theme URI: http://xeory.jp/
Description: Xeory　ベーステーマ
Author: バズ部
Author URI: http://bazubu.com/
Version: 0.1.9
*/
/* all display
-------------------------------------------------- */
.wrap {
    width: 1200px;
    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;
        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: #fff;
    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: #fff;
    text-decoration: none;
    -webkit-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;
}

.cat-content-area {
    margin-top: 16px;
}

.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;
    max-width: 100%;
}
.post-content table th,
.post-content table td {
    padding: 8px 10px;
    border: #ddd solid 1px;
}
.post-content table th {
    color: #fff;
}
.post-content table thead th {
    background: #5e6265;
}
.post-content table tbody th {
    background: #919598;
}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
    border-color: #fff;
}
.post-content table.table-line th {
    background: transparent;
    color: #383838;
    font-weight: bold;
}
.post-content table.table-line thead th {
    background: #5e6265;
    color: #fff;
}
.post-content table.table-line tr {
    background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
    background: #ddd;
}
.post-content img.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.post-content img.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.post-content h2:first-child {
    margin: 0 0 32px;
}

.post-cta {
    margin: 0;
    background: #f5f5f5;
    color: #383838;
    border-top: 3px solid #5e6265;
}
.post-cta .post-cta-inner {
    padding: 30px 45px;
}
.post-cta .cta-post-title {
    padding: 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;
    transition: background .3s ease-in-out;
    background: #2581c4;
}
.post-cta .btn:hover {
    text-decoration: none;
    background: #f24e4f;
}

.post-share {
    padding: 0 45px 30px;
    border-top: 1px solid #e5e5e5;
}
.post-share .post-share-fb {
    margin-bottom: 0;
    padding-top: 40px;
    text-align: center;
}
.post-share .post-share-fb > span{
    margin: 0 auto;
}
.post-share .post-share-title {
    font-size: 20px;
    padding: 10px 0;
    margin-bottom: 0;
    color: #fff;
    background-color: #57585A;
    text-align: center;
    margin-left: -45px;
    margin-right: -45px;
}
.post-share .post-share-list1,
.post-share .post-share-list2,
.post-share .post-share-list3,
.post-share .post-share-list4 {
    overflow: hidden;
    padding: 30px 0;
    margin-left: -2.08%;
}
.post-share .post-share-list1 a,
.post-share .post-share-list2 a,
.post-share .post-share-list3 a,
.post-share .post-share-list4 a {
    text-decoration: none;
    font-family: 'Didact Gothic';
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
    border: 1px #eee solid;
    border-radius: 3px;
    padding: 20px 0;
}
.post-share .post-share-list1 a:hover,
.post-share .post-share-list2 a:hover,
.post-share .post-share-list3 a:hover,
.post-share .post-share-list4 a:hover {
    text-decoration: none;
    background: #f7f7f7;
}
.post-share .post-share-list1 li,
.post-share .post-share-list2 li,
.post-share .post-share-list3 li,
.post-share .post-share-list4 li {
    text-align: center;
    float: left;
    margin-left: 2.08%;
}
.post-share .post-share-list1 i,
.post-share .post-share-list1 .big,
.post-share .post-share-list2 i,
.post-share .post-share-list2 .big,
.post-share .post-share-list3 i,
.post-share .post-share-list3 .big,
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
    font-size: 2em;
}
.post-share .post-share-list1 li {
    width: 97.92%;
}
.post-share .post-share-list2 li {
    width: 47.92%;
}
.post-share .post-share-list3 li {
    width: 31.25%;
    font-size: .8em;
}
.post-share .post-share-list4 li {
    width: 22.92%;
}
.post-share .post-share-list4 {
    text-align: center;
}
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
    display: block;
}
.post-share .post-share-list4 .big {
    font-size: 1.2em;
}
.post-share .post-share-facebook a:hover {
    color: #305097;
}
.post-share .post-share-twitter a:hover {
    color: #00aced;
}
.post-share .post-share-google a:hover {
    color: #db4a39;
}
.post-share .post-share-feedly a:hover {
    color: #2bb24c;
}

.post-sns {
    border-top: 1px #eee solid;
    margin: 0 -45px -30px;
    padding: 0;
}
.post-sns ul {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.post-sns ul li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #eee;
    color: #929292;
    font-size: 16px;
    text-align: center;
}
.post-sns ul li.post-sns-twitter a:before {
    content: "\f099";
    font-family: FontAwesome;
    font-size: 24px;
    padding-right: 10px;
}
.post-sns ul li.post-sns-feedly a:before {
    content: "\f09e";
    font-family: FontAwesome;
    font-size: 24px;
    padding-right: 10px;
}
.post-sns ul li:last-child {
    border-right: none;
    padding: -10px 0;
}
.post-sns ul li:hover {
    background-color: #f7f7f7;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter:hover {
    color: #00ACED;
}
.post-sns ul li.post-sns-feedly:hover {
    color: #5ACF5F;
}
.post-sns ul li span {
    font-size: 20px;
}
.post-sns ul li a {
    width: 100%;
    display: block;
    color: #929292;
    text-decoration: none;
    padding: 24px 0;
}
.post-sns ul li a:hover {
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter a:hover {
    background-color: #00aced;
    color: #fff;
}
.post-sns ul li.post-sns-feedly a:hover {
    background-color: #5ACF5F;
    color: #fff;
}

.post-footer {
    border-radius: 0 0 3px 3px;
    padding: 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;
    font-size: 0;
}
.post-footer .bzb-sns-btn li {
    display: inline-block;
    font-size: 16px;
    width: auto;
    vertical-align: top;
}
.post-footer .bzb-sns-btn:after {
    content: '';
    display: block;
    clear: both;
    zoom: 1;
}
.post-footer:after {
    content: '';
    display: block;
    clear: both;
    zoom: 1;
}

.post-footer-list {
    margin: 0 0 40px;
}
.post-footer-list li {
    margin-right: 10px;
}

.post-author {
    border-radius: 3px;
    margin-bottom: 0px;
    padding: 40px 64px;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
    color: #383838;
}
.post-author .post-author-img {
    width: 80px;
    float: left;
}
.post-author .post-author-img .inner {
    padding: 0;
}
.post-author a {
    color: #2581c4;
}
.post-author .post-author-meta {
    margin-left: 100px;
}
.post-author .post-author-meta h4 {
    margin: 0 40px 10px 0;
    font-weight: bold;
}

div.post-share-fb .fbcomments,
div.post-share-fb .fb_iframe_widget,
div.post-share-fb .fb_iframe_widget[style],
div.post-share-fb .fb_iframe_widget iframe[style],
div.post-share-fb .fbcomments iframe[style] *,
div.post-share-fb .fb_iframe_widget span {
    max-width: 100% !important;
}

/* bzb sns */
.post-header-meta {
    overflow: visible;
}
.post-header-meta:after {
    content: "";
    clear: both;
    display: block;
}

.bzb-sns-btn {
    padding: 0;
    margin: 0;
    font-size: 0;
}
.bzb-sns-btn li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    width: auto;
    margin:4px;
}
/*
.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-line a, .bzb-sns-btn li.bzb-line img {
  vertical-align: top;
}
*/
.bzb-sns-btn li.bzb-googleplus {
    width: 65px;
}
.bzb-sns-btn li.bzb-pocket {
    width: 86px;
}
.bzb-sns-btn li.bzb-line a img{
    vertical-align: top;
}


.bzb-facebook .fb-like > span {
    vertical-align: top !important;
}

.bzb-twitter {
    width: 92px;
}

.bzb-googleplus {
    width: 80px;
}

.post-header-category {
    float: right;
    width: 300px;
    text-align: right;
    padding: 20px 0 10px;
}

/* comment
---------------------------------------- */
#comments {
    padding: 40px 64px;
}

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

.comment-list > .comment > .comment-body {
    padding: 0 20px;
    margin-bottom: 20px;
}

.comment-list .children {
    margin-left: 45px;
}
.comment-list .children .comment-body {
    padding: 20px 30px;
    margin-bottom: 20px;
    background: #f7f7f7;
}

.comment-author {
    float: left;
    vertical-align: top;
    font-size: 12px;
    margin-left: 10px;
}
.comment-author img {
    vertical-align: top;
}

.comment-meta {
    font-size: 12px;
    margin-bottom: 12px;
}

.reply a {
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 12px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.reply a:before {
    content: ' ';
    font-family: 'FontAwesome';
}
.reply a:hover {
    text-decoration: none;
}

.comment-form-comment label {
    display: none;
}
.comment-form-comment textarea {
    width: 80%;
    margin: 20px 0;
    border-radius: 3px;
}

.form-allowed-tags {
    font-size: 12px;
    margin-bottom: 20px;
    display: none;
}

.comment-meta:after {
    content: ' ';
    display: block;
    clear: both;
}

.comments-title {
    font-size: 24px;
    padding: 20px 0;
    margin-bottom: 30px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    overflow: hidden;
    margin: 10px 0;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
    width: 15%;
    float: left;
    font-size: 12px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 40%;
    float: left;
    margin-left: 5%;
    border-radius: 3px;
    padding: 5px;
}

.form-submit #submit {
    width: 300px;
    line-height: 40px;
    border: none;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.form-submit #submit:hover {
    cursor: pointer;
}

.comment-form-comment textarea {
    width: 95%;
    padding-left: 2%;
    padding-right: 2%;
}

.comment-form {
    overflow: hidden;
}

.comment-form-author,
.comment-form-email {
    width: 49%;
    margin: 0;
}
.comment-form-author label,
.comment-form-author input,
.comment-form-email label,
.comment-form-email input {
    width: 90%;
    float: none;
    margin: 0 0 10px;
}

.comment-form-author {
    float: left;
}

.comment-form-email {
    float: right;
}

/* loop
---------------------------------------- */
.cat-content {
    background: #fff;
    padding: 40px;
    margin-bottom: 30px;
}

.post-loop-wrap article {
    width: 100%;
    margin: 0 0 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;
}
.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;
    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: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}
.widget_recent_entries a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_views a:hover {
    color: #2581c4;
    background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}

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

/* 実装中止----------- */
/* 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;
    margin-right: 350px;
}
/* one-column */
.one-column.single-lp #main{
    float: none;
}
.one-column.single-lp .main-inner {
    margin-left: 0;
    margin-right: 0;
}
.one-column.single-lp #side{
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.single-lp #side {
    width: 320px;
    margin-left: -320px;
}
.single-lp.right-content #side {
    width: 320px;
    margin-left: -100%;
}
.single-lp.right-content .main-inner{
    margin-left: 350px;
    margin-right: 0;
}
.single-lp .post-footer {
    padding: 20px 0;
}
.single-lp .lp-form {
    background: #494c4e;
    color: #fff;
    padding: 30px;
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.single-lp .lp-form h3{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 12px;
}
.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;
    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;
}

/* ----------------------------------------
* レスポンシブ
---------------------------------------- */
#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: #fff;
        text-decoration: none;
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
        border-bottom: 1px #e5e5e5 solid;
    }
    #gnav ul li a:hover {
        color: #2B2D2D;
        border-top: none;
    }
    #gnav ul li a:hover .sub-menu {
        display: block;
    }
    #gnav ul li .sub-menu {
        display: block;
        position: relative;
        width: auto;
        margin-left: 20px;
        background: #fff;
        border: none;
        border-bottom: none;
    }
    #gnav ul li .sub-menu li {
        float: none;
        margin-right: 0;
    }
    #gnav ul li .sub-menu li:list-child {
        border-bottom: none;
    }
    #gnav ul li .sub-menu li a {
        color: #2581c4;
        background: #fff;
        padding: 10px 15px;
        border-bottom: 1px #e5e5e5 solid;
    }
    #gnav ul li .sub-menu li a:hover {
        background: #fafafa;
        color: #2581c4;
        box-shadow: 0;
    }
    #gnav ul li .sub-menu .sub-menu {
        left: auto;
        top: auto;
    }

    /* loop */
    .cat-content {
        padding: 20px;
    }

    .post-loop-wrap .post-thumbnail {
        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;
    }
    .post-content table{
        overflow-x: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        display: block;
        white-space: nowrap;
    }
    #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%;
        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 {
}
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: url('lib/images/icont_arw_lit.png?1418372717') 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: url('lib/images/icon_arw_gry.png?1418372717') 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: url('lib/images/icont_arw_lit.png?1418372717') 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: url('lib/images/icon_arw_gry.png?1418372717') 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: url('lib/images/icont_arw_lit.png?1418372717') 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: url('lib/images/icon_arw_gry.png?1418372717') 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: url('lib/images/icont_arw_lit.png?1418372717') 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: url('lib/images/icon_arw_gry.png?1418372717') 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
---------------------------------------- */


*{margin: 0;padding: 0;outline: none;}
*:focus{outline: none;}
html, body{width: 100%;height: 100%;}
body{font-family: arial,"ＭＳＰゴシック";font-size: 12px;overflow: auto;min-width:990px;color: #3d3d3d;}
a {text-decoration: none;cursor: pointer;color:#565656;}
a:hover{text-decoration:none;}
img{border: 0;}
ul{list-style: none;}
em{color:#FF4400;}
textarea{resize: none;}
/*input在chrom浏览器下默认显示黄色变成白色*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*清除浮动*/
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix{zoom: 1;}
/* IE6 */
*:first-child + html .clearfix{zoom: 1;}
/*清除所有*/
.clear{clear: both;}
/*布局公共CSS类*/
.xbox
{
    /* Webkit: collapse white-space between units 去掉IE10以下布局都不可以用*/
    letter-spacing: -0.31em;
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    /* IE10 uses display: flexbox */
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}

.xbox-1,.xbox-1-2,.xbox-1-3,.xbox-2-3,.xbox-1-4,.xbox-3-4,.xbox-1-5,.xbox-2-5,.xbox-3-5,.xbox-4-5,.xbox-1-6,.xbox-5-6,
.xbox-11-24,.xbox-13-24,.xbox-7-12,.xbox-5-12,.xbox-1-8,.xbox-3-8,.xbox-5-8,.xbox-7-8,.xbox-1-24,.xbox-1-12,.xbox-7-24
{display: inline-block;*display: inline;zoom: 1;letter-spacing: normal;word-spacing: normal;
    vertical-align: top;/*设置元素的垂直对齐文本的顶部 */
    text-rendering: auto;}
.xbox-1{width: 100%;}
.xbox-1-2{width: 50%;*width: 49.9690%;}
.xbox-1-3{width: 33.3333%;*width: 33.3023%;}
.xbox-2-3{width: 66.6667%;*width: 66.6357%;}
.xbox-1-4{width: 25%;*width: 24.9690%;}
.xbox-3-4{width: 75%;*width: 74.9690%;}
.xbox-1-5{width: 20%;*width: 19.9690%;}
.xbox-2-5{width: 40%;*width: 39.9690%;}
.xbox-3-5{width: 60%;*width: 59.9690%;}
.xbox-4-5{ width: 80%;*width: 79.9690%;}
.xbox-1-6{width: 16.6667%;*width: 16.6357%;}
.xbox-5-6{ width: 83.3333%;*width: 83.3023%;}
.xbox-11-24 {width: 45.8333%;*width: 45.8023%;}
.xbox-13-24 {width: 54.1667%;*width: 54.1357%;}
.xbox-5-12{width: 41.6667%;*width: 41.6357%;}
.xbox-7-12{width: 58.3333%;*width: 58.3023%;}
.xbox-1-8{width: 12.5000%;*width: 12.4690%;}
.xbox-3-8{width: 37.5000%;*width: 37.4690%;}
.xbox-7-8{width: 87.5000%;*width: 87.4690%;}
.xbox-5-8{width: 62.5000%;*width: 62.4690%;}
.xbox-1-24 {width: 4.1667%;*width: 4.1357%;}
.xbox-1-12{width: 8.3333%;*width: 8.3023%;}
.xbox-7-24{ width: 29.1667%;*width: 29.1357%;}

.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml35{margin-left:35px}
.ml40{margin-left:40px}
.ml45{margin-left:45px}
.ml50{margin-left:50px}
.ml55{margin-left:55px}
.ml60{margin-left:60px}
.ml70{margin-left:70px}
.ml80{margin-left:80px}
.ml90{margin-left:90px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mt5{margin-top: 5px;}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt55{margin-top:55px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt70{padding-top:70px}
.pt100{padding-top:100px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb85{padding-bottom:85px}
.pr15 {padding-right: 15px;}

.wp10{width:10%}
.wp15{width:15%}
.wp20{width:20%}
.wp30{width:30%}
.wp40{width:40%}
.wp50{width:50%}
.wp60{width:60%}
.wp70{width:70%}
.wp80{width:80%}
.wp90{width:90%}
.wp100{width:100%}

.mh500{min-height: 500px;}
.mh700{min-height: 700px;}
.mh800{min-height: 800px;}

.textoverflow{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tc{text-align: center;}
.tr{text-align:right;}
.hide{display: none}
.show{display: block}
.fl{float: left}
.fr{float: right}
.fb{font-weight: bold}
.wrap{background-color:white;padding: 0;}
.w790{position: relative;width:790px;margin:0 auto;min-height:650px;}
.w860{position: relative;width:860px;margin:0 auto;}
.w950{position: relative;width: 950px; margin: 0 auto;}
.w990{position: relative;width: 990px;margin: 0 auto;}
.w1000{position: relative;width: 1000px; margin: 0 auto;}

.font14{font-size:14px;}

/*网页头部*/
.header{min-height:50px;background:#222222;width:100%;}
.header .navbar-brand {float: left;height: 50px;font-size: 18px;line-height: 50px;color:#9d9d9d;}
.header .navbar-brand:hover{color:#ffffff;}
.header ul{float:right;font-family:"微热雅黑"}
.header ul li{float:left;margin-left:30px;font-size: 16px;line-height: 50px;font-weight:bold;}
.header ul>li>a{color:#9d9d9d;}
.header ul>li>a:hover{color:#ffffff;}
.header .active{color:#ffffff !important;}
.footer{min-height:50px;line-height:50px;background:#222222;width:100%;color:#9d9d9d;}
/*错误提示样式*/
.error .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.error .alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;  }
/*分页类*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
/*avalonjs渲染时样式需要*/
.ms-controller, [ms-controller]{ display:none}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

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

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

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

/* HTML5
-------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

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

[hidden] {
    display: none;
}

/* all
-------------------------------------------------- */
html {
    font-size: 100%;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 2 */
}

body {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    overflow-wrap: break-word;
    word-break: normal;
}

a {
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
a:focus, a:active, a:hover {
    outline: 0;
}

* {
    box-sizing: border-box;
}

/* clear
-------------------------------------------------- */
.clear {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.clearfix:before {
    display: inline-table;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

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

b,
strong {
    font-weight: bold;
}

blockquote {
    clear: both;
    margin: 0 0 28px;
    padding: 30px 20px 35px 55px;
    position: relative;
    border: 1px #e5e5e5 solid;
    background: #fafafa;
}
blockquote:before {
    content: '';
    font-family: 'FontAwesome';
    font-size: 36px;
    color: #e7e7e7;
    position: absolute;
    top: 10px;
    left: 10px;
}
blockquote cite {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 12px;
    color: #808080;
}

dfn {
    font-style: italic;
}

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

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
    overflow-x: scroll;
}

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

/* list
-------------------------------------------------- */
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

.inline-list li {
    display: inline-block;
}

/* embed
-------------------------------------------------- */
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

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

figure {
    margin: 0;
}

/* form
-------------------------------------------------- */
form {
    margin: 0;
}

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

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.btn {
    cursor: pointer;
    *overflow: visible;
    -webkit-appearance: none;
}

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

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

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

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

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

textarea {
    overflow: auto;
    vertical-align: top;
}

/* form
---------------------------------------- */
form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form input[type="number"],
form input[type="date"],
form textarea {
    border-radius: 3px;
    padding: 8px 13px;
    max-width: 100%;
    border: 1px #ccc solid;
    outline: none;
    box-sizing: border-box;
}
form textarea {
    width: 80%;
}
form input[type="submit"],
form button {
    padding: 12px 20px;
    border: none;
}
form input[type="submit"]:hover,
form button:hover {
    cursor: pointer;
}

/* search */
#searchform {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding-bottom: 0;
    border-radius: 2px;
}
#searchform div {
    position: relative;
    padding-right: 40px;
}
#searchform label {
    display: none;
}
#searchform input[type=text] {
    line-height: 18px;
    padding: 8px 13px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    float: left;
}
#searchform button {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: top;
    line-height: 18px;
    border: none;
    border-radius: 3px;
    width: 40px;
    padding: 8px 5px;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    background: transparent;
    font-family: 'FontAwesome';
    font-size: 21px;
    color: #808080;
}
#searchform button:hover {
    cursor: pointer;
}

/* table
-------------------------------------------------- */
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #e5e5e5;
}

th, td {
    border: 1px solid #e5e5e5;
    padding: 8px 13px;
}

/* ----------------------------------------
* レスポンシブ
* ~ / 1200px / 991px / 767px
* desctop / laptop / tablet / phone
---------------------------------------- */
@media screen and (max-width: 1200px) {
    /* laptop */
    /* laptop end */
}
@media screen and (max-width: 991px) {
    /* tablet */
    /* tablet end */
}
@media screen and (max-width: 767px) {
    /* phone */

    h1 {
        font-size: 22px;
        margin: 36px 0;
        clear: both;
    }
    .post-content h2{
        font-size: 18px;
        margin: 2em 0 1em;
        clear: both;
    }

    .post-content h3,
    .post-content h4,
    .post-content h5,
    .post-content h6 {
        font-size: 16px;
        margin: 2em 0 1em;
    }

    /* phone end */
}
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
    margin-left: 12px;
    margin-bottom: 12px;
}

.alignleft {
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
}

.aligncenter {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* header */
#logo {
    margin: 0;
}

/* post */
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
    font-weight: bold;
    line-height: 1.4;
}
.post-content h1 {
    font-size: 36px;
    margin: 1em 0;
    clear: both;
}
.post-content h2 {
    font-size: 28px;
    margin: 2em 0 1em;
    clear: both;
}
.post-content h3 {
    font-size: 24px;
    margin: 2em 0 1em;
}
.post-content h4 {
    font-size: 18px;
    margin: 2em 0 1em;
}
.post-content h5 {
    font-size: 16px;
    margin: 2em 0 1em;
}
.post-content h6 {
    font-size: 14px;
    margin: 2em 0 1em;
}
.post-content p,
.post-content pre {
    margin: 0 0 1.6em;
    line-height: 1.6;
}
.post-content dl,
.post-content menu,
.post-content ol,
.post-content ul {
    margin: 0 0 2em;
}
.post-content li {
    margin: 6px 0;
}
.post-content dd {
    margin: 0 0 20px 0;
}
.post-content ol,
.post-content ul {
    padding: 0 0 0 20px;
}
.post-content ol ol,
.post-content ol ul,
.post-content ul ol,
.post-content ul ul {
    margin: 0;
}
.post-content blockquote {
    clear: both;
    margin: 0 0 28px;
    padding: 30px 20px 35px 55px;
    position: relative;
    border: 1px #eee solid;
}
.post-content blockquote:before {
    content: '';
    font-family: 'FontAwesome';
    font-size: 32px;
    color: #e7e7e7;
    position: absolute;
    top: 20px;
    left: 12px;
}
.post-content blockquote cite {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 12px;
    color: #808080;
}
.post-content blockquote *:last-child {
    margin-bottom: 0;
}
.post-content table {
    border: 1px #ddd solid;
    max-width: 100%;
    margin-bottom: 48px;
}
.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: #333;
    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-title {
    margin: 0 0 36px;
    font-size: 28px;
    clear: both;
    font-weight: bold;
}
body.page .post-title {
    margin-bottom: 0;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 10px;
    max-width: 100%;
    box-sizing: border-box;
    /* optional rounded corners for browsers that support it */
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption.aligncenter {
    margin: 10px auto;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

/* ----------------------------------------
* content-none
---------------------------------------- */
.content-none #searchform {
    max-width: 400px;
}

/* ----------------------------------------
* pagetop
---------------------------------------- */
.pagetop {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    bottom: 50px;
    right: 50px;
    color: #fff;
}
.pagetop span {
    display: block;
    border-radius: 25px;
    background: #2b2b2b;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 40px;
    font-size: 36px;
}
.pagetop span i {
    color: #fff;
}
.pagetop.show {
    visibility: visible;
    opacity: .8;
}

@media screen and (max-width: 991px) {
    /* tablet */
    .pagetop {
        right: 20px;
        bottom: 20px;
    }

    /* tablet end */
}
.row {
    *zoom: 1;
}
.row:before {
    display: inline-table;
}
.row:after {
    content: "";
    display: block;
    clear: both;
}

.gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gld-sub,
.gld-main,
.gr1-5 {
    float: left;
    box-sizing: border-box;
}

.gr1 {
    width: 8.33%;
}

.gr2 {
    width: 16.66%;
}

.gr3 {
    width: 25%;
}

.gr4 {
    width: 33.33%;
}

.gr5 {
    width: 41.66%;
}

.gr6 {
    width: 50%;
}

.gr7 {
    width: 58.33%;
}

.gr8 {
    width: 66.66%;
}

.gr9 {
    width: 75%;
}

.gr10 {
    width: 83.33%;
}

.gr11 {
    width: 91.33%;
}

.gr12 {
    width: 100%;
}

.gr1-5 {
    width: 20%;
}

.gld-sub {
    width: 37.31%;
}

.gld-main {
    width: 62.68%;
}

@media screen and (max-width: 1200px) {
    /* laptop */
    .gr1.lt-flat,
    .gr2.lt-flat,
    .gr3.lt-flat,
    .gr4.lt-flat,
    .gr5.lt-flat,
    .gr6.lt-flat,
    .gr7.lt-flat,
    .gr8.lt-flat,
    .gr9.lt-flat,
    .gr10.lt-flat,
    .gr11.lt-flat,
    .gr12.lt-flat,
    .gld-sub.lt-flat,
    .gld-main.lt-flat,
    .gr1-5.lt-flat {
        width: 100% !important;
    }

    /* laptop end */
}
@media (min-width: 992px) and (max-width: 1200px) {
    /* laptop only */
    .gr1-lt {
        width: 8.33% !important;
    }

    .gr2-lt {
        width: 16.66% !important;
    }

    .gr3-lt {
        width: 25% !important;
    }

    .gr4-lt {
        width: 33.33% !important;
    }

    .gr5-lt {
        width: 41.66% !important;
    }

    .gr6-lt {
        width: 50% !important;
    }

    .gr7-lt {
        width: 58.33% !important;
    }

    .gr8-lt {
        width: 66.66% !important;
    }

    .gr9-lt {
        width: 75% !important;
    }

    .gr10-lt {
        width: 83.33% !important;
    }

    .gr11-lt {
        width: 91.33% !important;
    }

    .gr12-lt {
        width: 100% !important;
    }

    .gr1-5-lt {
        width: 20% !important;
    }

    .gld-sub-lt {
        width: 37.31% !important;
    }

    .gld-main-lt {
        width: 62.68% !important;
    }

    /* laptop only end */
}
@media screen and (max-width: 991px) {
    /* tablet */
    .gr1.tb-flat,
    .gr2.tb-flat,
    .gr3.tb-flat,
    .gr4.tb-flat,
    .gr5.tb-flat,
    .gr6.tb-flat,
    .gr7.tb-flat,
    .gr8.tb-flat,
    .gr9.tb-flat,
    .gr10.tb-flat,
    .gr11.tb-flat,
    .gr12.tb-flat,
    .gld-sub.tb-flat,
    .gld-main.tb-flat,
    .gr1-5.tb-flat {
        width: 100% !important;
    }

    .gr1-tb {
        width: 8.33% !important;
    }

    .gr2-tb {
        width: 16.66% !important;
    }

    .gr3-tb {
        width: 25% !important;
    }

    .gr4-tb {
        width: 33.33% !important;
    }

    .gr5-tb {
        width: 41.66% !important;
    }

    .gr6-tb {
        width: 50% !important;
    }

    .gr7-tb {
        width: 58.33% !important;
    }

    .gr8-tb {
        width: 66.66% !important;
    }

    .gr9-tb {
        width: 75% !important;
    }

    .gr10-tb {
        width: 83.33% !important;
    }

    .gr11-tb {
        width: 91.33% !important;
    }

    .gr12-tb {
        width: 100% !important;
    }

    .gr1-5-tb {
        width: 20% !important;
    }

    .gld-sub-tb {
        width: 37.31% !important;
    }

    .gld-main-tb {
        width: 62.68% !important;
    }

    /* tablet end */
}
@media (min-width: 768px) and (max-width: 991px) {
    /* tablet only */
    .gr1-tb {
        width: 8.33% !important;
    }

    .gr2-tb {
        width: 16.66% !important;
    }

    .gr3-tb {
        width: 25% !important;
    }

    .gr4-tb {
        width: 33.33% !important;
    }

    .gr5-tb {
        width: 41.66% !important;
    }

    .gr6-tb {
        width: 50% !important;
    }

    .gr7-tb {
        width: 58.33% !important;
    }

    .gr8-tb {
        width: 66.66% !important;
    }

    .gr9-tb {
        width: 75% !important;
    }

    .gr10-tb {
        width: 83.33% !important;
    }

    .gr11-tb {
        width: 91.33% !important;
    }

    .gr12-tb {
        width: 100% !important;
    }

    .gr1-5-tb {
        width: 20% !important;
    }

    .gld-sub-tb {
        width: 37.31% !important;
    }

    .gld-main-tb {
        width: 62.68% !important;
    }

    /* tablet only end */
}
@media screen and (max-width: 767px) {
    /* phone */
    .gr1,
    .gr2,
    .gr3,
    .gr4,
    .gr5,
    .gr6,
    .gr7,
    .gr8,
    .gr9,
    .gr10,
    .gr11,
    .gr12,
    .gr1-5,
    .gld-sub,
    .gld-main {
        width: 100%;
    }

    .gr1-sp {
        width: 8.33% !important;
    }

    .gr2-sp {
        width: 16.66% !important;
    }

    .gr3-sp {
        width: 25% !important;
    }

    .gr4-sp {
        width: 33.33% !important;
    }

    .gr5-sp {
        width: 41.66% !important;
    }

    .gr6-sp {
        width: 50% !important;
    }

    .gr7-sp {
        width: 58.33% !important;
    }

    .gr8-sp {
        width: 66.66% !important;
    }

    .gr9-sp {
        width: 75% !important;
    }

    .gr10-sp {
        width: 83.33% !important;
    }

    .gr11-sp {
        width: 91.33% !important;
    }

    .gr12-sp {
        width: 100% !important;
    }

    .gr1-5-sp {
        width: 20% !important;
    }

    .gld-sub-sp {
        width: 37.31% !important;
    }

    .gld-main-sp {
        width: 62.68% !important;
    }
    .post-content table{
        overflow-x: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        display: block;
        white-space: nowrap;
    }

    /* phone end */
}