@charset "UTF-8";
@charset "UTF-8";

 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;
} 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;
} html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
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: both;
}
.clearfix {
*zoom: 1;
}
.clearfix:before {
display: inline-table;
}
.clearfix:after {
content: "";
display: block;
clear: both;
} 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;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
.inline-list li {
display: inline-block;
} img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
} 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 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;
} #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 {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #e5e5e5;
}
th, td {
border: 1px solid #e5e5e5;
padding: 8px 13px;
} @media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) {  }
@media screen and (max-width: 767px) { 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;
} }
.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;
} #logo {
margin: 0;
} .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; -khtml-border-radius: 3px;
border-radius: 3px;
}
.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 #searchform {
max-width: 400px;
} .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) { .pagetop {
right: 20px;
bottom: 20px;
} }
.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) { .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;
} }
@media (min-width: 992px) and (max-width: 1200px) { .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;
} }
@media screen and (max-width: 991px) { .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;
} }
@media (min-width: 768px) and (max-width: 991px) { .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;
} }
@media screen and (max-width: 767px) { .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;
} }
  .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;
} @media screen and (max-width: 1200px) { .wrap,
.one-column #content .wrap {
margin-left: 30px;
margin-right: 30px;
width: auto;
}
.main-inner {
margin-right: 320px;
box-sizing: border-box;
} }
@media screen and (max-width: 991px) { .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;
} }
@media screen and (max-width: 767px) { .wrap,
.one-column #content .wrap {
margin-left: 10px;
margin-right: 10px;
} }  body {
background: #f9f9f9;
color: #383838;
}
a {
text-decoration: none;
color: #2581c4;
}
a:hover {
text-decoration: underline;
} form input[type="submit"],
form button {
background: #2581c4;
color: #fff;
}
form input[type="submit"]:hover,
form button:hover {
cursor: pointer;
} #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 {
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;
} #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 {
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;
} .cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {
margin-bottom: 40px;
background: #fff;
border: 1px #e5e5e5 solid;
}
.post-header {
padding: 56px 64px 0;
}
.post-title a {
color: #383838;
}
.post-title a:hover {
color: #f24e4f;
text-decoration: none;
}
.cat-content .post-header,
article.page .post-header {
padding: 56px 64px 0;
margin-bottom: 0;
background: #fff;
}
.cat-content .post-title,
article.page .post-title {
margin-bottom: 0;
}
.post-meta {
margin-top: 0;
margin-bottom: 42px;
padding: 0;
border-top: 1px #efefef solid;
}
.post-meta li {
background: #fff;
float: left;
margin-top: -0.7em;
margin-right: 20px;
padding-right: 24px;
font-size: 14px;
}
.post-thumbnail {
margin-left: 20px;
margin-bottom: 20px;
float: right;
}
.post-thumbnail img {
max-width: 100%;
height: auto;
}
.post-content {
padding: 42px 64px;
overflow: hidden;
}
.post-content hr {
border-bottom: 1px solid #efefef;
margin: 20px 0;
clear: both;
}
.post-content ul {
list-style: disc;
}
.post-content ol {
list-style: decimal;
}
.post-content dl dt {
font-weight: bold;
margin-bottom: 4px;
}
.post-content dl dd {
margin: 0 0 20px;
border-left: 4px solid #e5e5e5;
padding: 0 0 0 10px;
}
.post-content pre {
padding: 20px;
overflow: scroll;
font-family: 'Courier', monospace;
}
.post-content h1 {
clear: both;
}
.post-content h2 {
padding: 0 0 12px;
clear: both;
border-bottom: 1px solid #efefef;
}
.post-content h3 {
clear: both;
border-left: 5px solid #e5e5e5;
padding: 0 13px;
}
.post-content table {
border: 1px #ddd solid;
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;
} .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-line a, .bzb-sns-btn li.bzb-line img {
vertical-align: top;
}
.bzb-facebook .fb-like > span {
vertical-align: top !important;
}
.bzb-twitter {
width: 92px;
}
.bzb-googleplus {
width: 80px;
}
.post-header-category {
float: right;
width: 300px;
text-align: right;
padding: 20px 0 10px;
} #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;
} .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 {
padding-top: 40px;
} .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-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(//chromepeeler.com/wp-content/themes/xeory_base/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(//chromepeeler.com/wp-content/themes/xeory_base/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
} .recentcomments {
color: #808080;
font-size: 12px;
}
.recentcomments a {
color: #383838;
font-size: 14px;
}  .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;
} #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;
} #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 {
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;
} .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.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) { .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 {
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;
} .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-form-author,
.comment-form-email {
float: none;
width: auto;
} .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;
} }
@media screen and (max-width: 767px) { .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;
} } 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(//chromepeeler.com/wp-content/themes/xeory_base/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(//chromepeeler.com/wp-content/themes/xeory_base/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;
}  body.color02 {               }
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(//chromepeeler.com/wp-content/themes/xeory_base/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(//chromepeeler.com/wp-content/themes/xeory_base/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;
}  body.color03 {               }
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(//chromepeeler.com/wp-content/themes/xeory_base/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(//chromepeeler.com/wp-content/themes/xeory_base/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;
}  body.color04 {               }
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(//chromepeeler.com/wp-content/themes/xeory_base/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(//chromepeeler.com/wp-content/themes/xeory_base/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;
}  .box{
margin:0 auto 0;
}
.w25per{
width:25%
}
.w30per{
width:30%
}
.w35per{
width:35%
}
.w40per{
width:40%
}
.w45per{
width:45%
}
.w50per{
width:50%
}
.w55per{
width:55%
}
.w60per{
width:60%
}
.w65per{
width:65%
}
.w70per{
width:70%
}
.w75per{
width:75%
}
.w80per{
width:80%
}
.w85per{
width:85%
}
.w90per{
width:90%
}
.w95per{
width:95%
}
.w100per{
width:100%
}
.mg_b3{
margin-bottom:3px
}
.mg_b6{
margin-bottom:6px
}
.mg_b9{
margin-bottom:9px
}
.mg_b12{
margin-bottom:12px
}
.mg_b15{
margin-bottom:15px
}
.mg_b18{
margin-bottom:18px
}
.mg_b21{
margin-bottom:21px
}
.mg_b24{
margin-bottom:24px
}
.mg_b27{
margin-bottom:27px
} .item{
border: 1px #ccc solid;
padding: 6px;
line-height: normal;
}
.tit_item{
border-left: 6px double #000;
border-bottom: 3px solid #000;
padding-left: 5px;
padding-top: 3px;
font-weight: bold;
color: #000;
} .tit_item-blue01{
border-left: 6px double #4A9AFF;
border-bottom: 3px solid #4A9AFF;
padding-left: 5px;
padding-top: 3px;
font-weight: bold;
color: #4A9AFF;
}
.tit_item-red01{
border-left: 6px double #e50035;
border-bottom: 3px solid #e50035;
padding-left: 5px;
padding-top: 3px;
font-weight: bold;
color: #e50035;
}
.tit_item-pink01{
border-left: 6px double #EA6088;
border-bottom: 3px solid #EA6088;
padding-left: 5px;
padding-top: 3px;
font-weight: bold;
color: #EA6088;
}
.tit_item-green01{
border-left: 6px double #8EC500;
border-bottom: 3px solid #8EC500;
padding-left: 5px;
padding-top: 3px;
font-weight: bold;
color: #8EC500;
} .box_item{
padding: 6px;
}
.img_item{
float: left;
width: 35%;
}
.txt_item{
float: right;
width: 63%;
font-size: 13px;
font-size: 1.35rem;
color: #52526B;
}
.btn_item{
text-align:center;
padding: 6px;
border-radius: 5px;
}
.btn_item a{
display:block;
color:#2e2e2e;
text-decoration:none
} .btn_item.gr_blue01 a,.btn_item.gr_blue02 a,.btn_item.gr_green01 a,.btn_item.gr_red01 a,.btn_item.gr_pink01 a{
color: #fff;
font-weight: bold;
}
.btn_item.gr_silver{
background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e3e2e2));
background:-webkit-linear-gradient(#fff,#e3e2e2);
background:linear-gradient(#fff,#e3e2e2);
-webkit-box-shadow:0 0 1px #1a1a1a;
box-shadow:0 0 1px #1a1a1a;
}
.btn_item.gr_blue01{
background: -webkit-gradient(linear,left top,left bottom,from(#566aff),to(#2454ce));
background: -webkit-linear-gradient(#566aff,#2454ce);
background: linear-gradient(#566aff,#2454ce);
-webkit-box-shadow:0 0 1px #bbb;
box-shadow:0 0 1px #bbb;
}
.btn_item.gr_blue02{
background:-webkit-gradient(linear,left top,left bottom,from(#629dff),color-stop(51%,#5798ff),to(#428cff));
background: -webkit-linear-gradient(#629dff 0,#5798ff 51%,#428cff 100%);
background: linear-gradient(#629dff 0,#5798ff 51%,#428cff 100%);
-webkit-box-shadow:0 0 1px #bbb;
box-shadow:0 0 1px #bbb;
}
.btn_item.gr_green01{
background: -webkit-gradient(linear,left top,left bottom,from(#8ed05e),to(#6ebc34));
background: -webkit-linear-gradient(#8ed05e,#6ebc34);
background: linear-gradient(#8ed05e,#6ebc34);
-webkit-box-shadow:0 0 1px #bbb;
box-shadow:0 0 1px #bbb;
}
.btn_item.gr_red01{
background: -webkit-gradient(linear,left top,left bottom,from(#f50a42),to(#ac0008));
background: -webkit-linear-gradient(#f50a42,#ac0008);
background: linear-gradient(#f50a42,#ac0008);
-webkit-box-shadow:0 0 1px #bbb;
box-shadow:0 0 1px #bbb;
}
.btn_item.gr_pink01{
background: -webkit-gradient(linear,left top,left bottom,from(#f55e8f),color-stop(51%,#f03f78),to(#ed2e69));
background: -webkit-linear-gradient(#f55e8f 0,#f03f78 51%,#ed2e69 100%);
background: linear-gradient(#f55e8f 0,#f03f78 51%,#ed2e69 100%);
-webkit-box-shadow:0 0 1px #bbb;
box-shadow:0 0 1px #bbb;
}  .btn_item.fl_blue01 a,.btn_item.fl_green01 a,.btn_item.fl_red01 a,.btn_item.fl_pink01 a{
color: #fff;
}
.btn_item.fl_blue01{
background: #428cff;
-webkit-box-shadow:0 0 1px #bbb;
box-shadow:0 0 1px #bbb;
}
.btn_item.fl_green01{
background: #6ebc34;
-webkit-box-shadow:0 0 1px #bbb;
box-shadow:0 0 1px #bbb;
}
.btn_item.fl_red01{
background: #6ebc34;
-webkit-box-shadow:0 0 1px #bbb;
box-shadow:0 0 1px #bbb;
}
.btn_item.fl_pink01{
background: #ed2e69;
-webkit-box-shadow:0 0 1px #bbb;
box-shadow:0 0 1px #bbb;
}