@charset "UTF-8";
@charset "UTF-8";
div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//ronron-blog.com/wp/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}.linkcard {
margin-top: 4px;
margin-bottom: 16px;
margin-left: 4px;
margin-right: 16px;
}
.linkcard:hover{ }
.linkcard img {
margin: 0 !important; padding: 0; border: none;
}
.lkc-link {
text-decoration: none !important;
}
.lkc-internal-wrap {
position:	relative;
margin: 0;
border: 1px solid #888888;
padding: 0;  max-width: 500px;
background-color: #f8f8f8;  }
.lkc-internal-wrap::after { }
.lkc-internal-wrap::before { }
.lkc-external-wrap {
position:	relative;
margin: 0;
border: 1px solid #888888;
padding: 0;  max-width: 500px;
background-color: #ffffff;  }
.lkc-external-wrap::after { }
.lkc-external-wrap::before { }
.lkc-this-wrap {
position:	relative;
margin: 0;
border: 1px solid #888888;
padding: 0;  max-width: 500px;
background-color: #eeeeee;  }
.lkc-this-wrap::after { }
.lkc-this-wrap::before { }
.lkc-card {
margin-top: 7px;
margin-right: 7px;
margin-bottom: 7px;
margin-left: 7px;
}
.lkc-content {   height: 108px;
margin-top: 6px;
word-break: break-all;
white-space: normal;
overflow: hidden; }
.lkc-title-text {
color: #111111; font-size: 16px;
line-height: 24px;
font-weight: bold;
overflow: hidden;
word-break: break-all;
}
.lkc-title-text:hover {
text-decoration: underline;
}
.lkc-url {
color: #4466ff; font-size: 10px;
line-height: 10px;
font-weight: normal;
text-decoration: underline;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.lkc-url-info {
color: #4466ff; font-size: 10px;
line-height: 10px;
font-weight: normal;
text-decoration: underline;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline;
}
.lkc-added {
color: #222222; font-size: 12px;
line-height: 12px; }
.lkc-excerpt {
color: #333333; font-size: 11px;
line-height: 17px;
padding: 0;
margin: 0;
overflow: hidden; }
.lkc-more-text {
color: #444444; font-size: 12px;
line-height: 40px; }
.lkc-thumbnail {
max-width: 100px;
max-height: 108px;
padding: 0;
margin: 0 6px 4px 4px;
float: left;
}
.lkc-thumbnail-img {
width: 100px;
max-height: 108px;
border: 1px solid #222; }
.lkc-info {
padding: 0;
color: #222222; font-size: 12px;
line-height: 12px;
white-space: nowrap;
overflow: hidden;
display: block !important; }
.lkc-infotext { }
.lkc-domain {
color: #222222; font-size: 12px;
line-height: 12px;
text-decoration: none;
display: inline !important;
}
.lkc-domain:hover {
color: #222222; font-size: 12px;
line-height: 12px;
text-decoration: underline;
display: inline !important;
}
.lkc-favicon {
height: 16px;
width: 16px;
margin: 0 4px  !important;
border: none;
vertical-align: text-bottom;
display: inline !important;
}
.lkc-name a {
margin: 0;
padding: 0;
float: right;
color: ; font-size: ;
line-height: ;
opacity: 0.5;
text-decoration: none;
display: none;
}
.lkc-share {
text-shadow: none;
}
.lkc-sns-tw {
margin: 0;
padding: 0 1px;
color: #5ea9dd !important;
background-color: #f5f8fa !important;
font-size: 9px;
text-decoration: underline !important;
font-weight: bold !important;
white-space: nowrap;
}
.lkc-sns-fb {
margin: 0;
padding: 0 1px;
color: #ffffff !important;
background-color: #3864a3 !important;
font-size: 9px;
text-decoration: underline !important;
font-weight: bold !important;
white-space: nowrap;
}
.lkc-sns-hb {
margin: 0;
padding: 0 1px;
color: #ff6464 !important;
background-color: #ffefef !important;
font-size: 9px;
text-decoration: underline	!important;
font-weight: bold !important;
white-space: nowrap;
}
.lkc-sns-gp {
margin: 0;
padding: 0 1px;
color: #dd4e42 !important;
background-color: #ffffff !important;
font-size: 9px;
text-decoration: underline !important;
font-weight: bold !important;
white-space: nowrap;
}
.lkc-sns-po {
margin: 0;
padding: 0 1px;
color: #eeeeee !important;
background-color: #ee4055 !important;
font-size: 9px;
text-decoration: underline !important;
font-weight: bold !important;
white-space: nowrap;
}
.clear {
clear: both;
}
blockquote.lkc-quote {
background-color: transparent;
background-image: none;
padding: 0;
margin: 0;
border: none;
}
.lkc-iframe-wrap {
margin: 0;
max-width: 500px;
}
.lkc-iframe {
padding: 0;
margin: 0;
width: 100%;
} @media screen and (max-width: 600px)  {
.lkc-title { font-size: 14px; line-height: 21px; }
.lkc-excerpt { font-size: 10px; }
.lkc-thumbnail { max-width: 90px; }
.lkc-thumbnail-img { max-width: 90px; }
}
@media screen and (max-width: 480px)  {
.lkc-title { font-size: 12px; line-height: 19px; }
.lkc-excerpt { font-size: 8px; }
.lkc-thumbnail { max-width: 70px; }
.lkc-thumbnail-img { max-width: 70px; }
}
@media screen and (max-width: 320px)  {
.lkc-title { font-size: 11px; line-height: 16px; }
.lkc-excerpt { font-size: 6px; }
.lkc-thumbnail { max-width: 50px; }
.lkc-thumbnail-img { max-width: 50px; }
}.wpp-no-data {
} .wpp-list {	
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 5px 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
font-weight: bold;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}
 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.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 #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;
}
.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;
} .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-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;
} #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(//ronron-blog.com/wp/wp-content/themes/XeoryBase/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(//ronron-blog.com/wp/wp-content/themes/XeoryBase/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(//ronron-blog.com/wp/wp-content/themes/XeoryBase/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(//ronron-blog.com/wp/wp-content/themes/XeoryBase/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(//ronron-blog.com/wp/wp-content/themes/XeoryBase/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(//ronron-blog.com/wp/wp-content/themes/XeoryBase/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(//ronron-blog.com/wp/wp-content/themes/XeoryBase/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(//ronron-blog.com/wp/wp-content/themes/XeoryBase/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(//ronron-blog.com/wp/wp-content/themes/XeoryBase/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(//ronron-blog.com/wp/wp-content/themes/XeoryBase/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;
}      #gnav ul
{
max-width: initial;
}   .post-content table td
{
vertical-align: top;
} .post-content table th
{
text-align: center;
}  *
{
max-width: 100%;
}  .widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_views a {
color: #5e6265;
text-decoration: none;
display: inline-block;
background: url(//ronron-blog.com/wp/wp-content/themes/XeoryBase_child/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}  .side-widget ul li
{
padding: 16px 0 16px 0;
}  .side-widget ul li .children
{
padding-left: 30px;
}
.children > .cat-item.cat-item-6.current-cat
{
border-bottom: initial;
padding-bottom: 0px;
}
.children > .cat-item.cat-item-6
{
border-bottom: initial;
padding-bottom: 0px;
}  .post-sns {
border-bottom: 1px #eee solid;
}  .side-widget .side-title {
color: #000000; background-color: #ffdddd; border-radius: 3px;
padding: 2px 10px;
margin: 0
}  #header {
border-top: 10px solid #a1cdfc;
}
.footer-02 {
border-bottom: 10px solid #a1cdfc;
}  #content
{
background:#fdf6e8;
} .side-widget
{
background: #FFFFFF;
padding-bottom: 0px;
} .pagination .current
{
background: #cacaca;
}
.pagination a:hover
{
background: #cacaca;
}  .pagination
{
margin: 0 0 100px 0;
} .article_outline {
border-radius: 2px;
border: 1px solid #dde4e6;
background-color: #e0e0e0;
padding: 10px 10px 0;
margin: 10px 0;
}  @font-face {
font-family: 'icomoon';
src:  url(https://ronron-blog.com/wp/wp-content/themes/XeoryBase_child/fonts/icomoon.eot?wmoota);
src:  url(https://ronron-blog.com/wp/wp-content/themes/XeoryBase_child/fonts/icomoon.eot?wmoota#iefix) format('embedded-opentype'),
url(https://ronron-blog.com/wp/wp-content/themes/XeoryBase_child/fonts/icomoon.ttf?wmoota) format('truetype'),
url(https://ronron-blog.com/wp/wp-content/themes/XeoryBase_child/fonts/icomoon.woff?wmoota) format('woff'),
url(https://ronron-blog.com/wp/wp-content/themes/XeoryBase_child/fonts/icomoon.svg?wmoota#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-hatena:before {
content: "\ea62";
}
.icon-googleplus:before {
content: "\ea8c";
}
.icon-facebook:before {
content: "\ea91";
}
.icon-twitter:before {
content: "\ea96";
}  .share {
margin-bottom : 40px;
}
.share ul {
margin : 0;
padding : 0;
list-style : none;
}
.share li a {
display : block;
padding : 10px;
color : #fff;
font-size : 14px;
text-decoration : none;
text-align : center;
}
.share li a:hover {
opacity :0.8;
color : #fff;
}
.share li a:visited{
color: #fff;
}
.share ul:after {
content : "";
display : block;
clear : both;
}
.tweet a{
background-color : #55acee;
}
.facebook a{
background-color : #315096;
}
.googleplus a{
background-color : #dd4b39;
}
.hatena a{
background-color : #008fde;
}
.line a{
background-color: #00c300;
}
.pocket a{
background-color :#f03e51;
}
.rss a{
background-color: #ff8c00;
}
.feedly a{
background-color: #6cc655;
}
.share li {
float : left;
width : 25%;
margin : 0;
margin-top:15px;
}  .post-content table th, .post-content table td {
border: #000 solid 1px;
}  .post-content table th, .post-content table td {
padding: 2px 8px;
}  .header-text {
width: 100%;
font-size: 85%;
color: #555;
background-color: #DDD;
}
.header-text-inner {
width:960px;
}  .widget_top-posts .widgets-list-layout li > a 
{
width: 40%;
}
.widget_top-posts .widgets-list-layout img.widgets-list-layout-blavatar 
{ max-width: 120px;
width: 100%;
}
.widget_top-posts .widgets-list-layout div.widgets-list-layout-links 
{
max-width: 100%;
width: 55%;
}
@media only screen and (max-width: 1019px) 
{
.widget_top-posts ul.widgets-list-layout 
{
max-width: 600px;
margin: 0 auto;
}
}  #sponsor
{
text-align: right;
font-size: 10px;
color: #999999;
}  span.date:before
{
content: '\A';
white-space: pre;
}  .kattene {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px;
padding: 10px;
margin-bottom: 1em;
box-sizing: border-box; }
.kattene__imgpart {
text-align: center; }
.kattene__imgpart img {
-webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); }
.kattene__description {
font-size: 0.8em; }
.kattene__btns {
width: 100%;
margin-top: 1.2em; }
.kattene__btns:after {
display: block;
clear: both;
height: 0px;
visibility: hidden;
content: "."; }
.kattene__btns > div {
float: left;
margin-bottom: 5px; }
.kattene__btns .kattene__btn {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.kattene__btns.__three > div {
width: 32.66667%; }
.kattene__btns.__three > div:not(:last-child) {
margin-right: 1%; }
.kattene__btns.__two > div {
width: 49.5%; }
.kattene__btns.__two > div:nth-child(odd) {
margin-right: 1%; }
@media screen and (max-width: 900px) {
.kattene__btns.__five > div {
width: 49.5%; }
.kattene__btns.__five > div:nth-child(odd) {
margin-right: 1%; }
.kattene__btns.__five > div:last-child {
margin-right: 0;
float: right; }
.kattene__btns.__four > div {
width: 49.5%; }
.kattene__btns.__four > div:nth-child(odd) {
margin-right: 1%; }
.kattene__btns.__one > div {
width: 50%;
margin-left: 25%; } }
@media screen and (min-width: 901px) {
.kattene {
display: table;
width: 100%; }
.kattene__imgpart {
display: table-cell;
width: 20%; }
.kattene__infopart {
display: table-cell;
vertical-align: top;
position: relative;
padding-left: 10px;
width: 80%; }
.kattene__btns {
position: absolute;
bottom: 0;
box-sizing: border-box;
padding-right: 10px; }
.kattene__btns.__five > div {
width: 19.2%; }
.kattene__btns.__five > div:not(:last-child) {
margin-right: 1%; }
.kattene__btns.__four > div {
width: 24.25%; }
.kattene__btns.__four > div:not(:last-child) {
margin-right: 1%; }
.kattene__btns.__two > div {
width: 49.5%; }
.kattene__btns.__two > div:not(:last-child) {
margin-right: 1%; }
.kattene__btns.__one > div {
width: 49.5%;
float: right; } }
.kattene__btn {
appearance: none;
background-color: #54c0d1;
border: 0;
border-radius: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-size: 1em;
-webkit-font-smoothing: antialiased;
font-weight: 600;
line-height: 1;
padding: 0.75em 1.5em;
text-decoration: none;
transition: background-color 150ms ease;
user-select: none;
vertical-align: middle;
white-space: nowrap; }
.kattene__btn:hover, .kattene__btn:focus {
background-color: #439aa7;
color: #fff !important; }
.kattene__btn:disabled {
cursor: not-allowed;
opacity: 0.5; }
.kattene__btn:disabled:hover {
background-color: #54c0d1; }
.kattene__btn.__small {
padding: 0.55em;
font-size: 0.9em; }
.kattene__btn.__orange {
background-color: #FF9901;
-webkit-box-shadow: 0 5px 0 #cc7a01;
-moz-box-shadow: 0 5px 0 #cc7a01;
box-shadow: 0 5px 0 #cc7a01;
-o-box-shadow: 0 5px 0 #cc7a01;
-ms-box-shadow: 0 5px 0 #cc7a01;
margin-bottom: 5px;
border-radius: 3px;
text-align: center; }
.kattene__btn.__orange:hover {
background-color: #cc7a01; }
.kattene__btn.__orange i {
font-weight: bold; }
.kattene__btn.__orange i:before {
vertical-align: middle;
font-size: 1.2em;
margin-right: 0.2em; }
.kattene__btn.__blue {
background-color: #007dcd;
-webkit-box-shadow: 0 5px 0 #0064a4;
-moz-box-shadow: 0 5px 0 #0064a4;
box-shadow: 0 5px 0 #0064a4;
-o-box-shadow: 0 5px 0 #0064a4;
-ms-box-shadow: 0 5px 0 #0064a4;
margin-bottom: 5px;
border-radius: 3px;
text-align: center; }
.kattene__btn.__blue:hover {
background-color: #0064a4; }
.kattene__btn.__blue i {
font-weight: bold; }
.kattene__btn.__blue i:before {
vertical-align: middle;
font-size: 1.2em;
margin-right: 0.2em; }
.kattene__btn.__red {
background-color: #c20004;
-webkit-box-shadow: 0 5px 0 #9b0003;
-moz-box-shadow: 0 5px 0 #9b0003;
box-shadow: 0 5px 0 #9b0003;
-o-box-shadow: 0 5px 0 #9b0003;
-ms-box-shadow: 0 5px 0 #9b0003;
margin-bottom: 5px;
border-radius: 3px;
text-align: center; }
.kattene__btn.__red:hover {
background-color: #9b0003; }
.kattene__btn.__red i {
font-weight: bold; }
.kattene__btn.__red i:before {
vertical-align: middle;
font-size: 1.2em;
margin-right: 0.2em; }
.kattene__btn.__green {
background-color: #0BBD80;
-webkit-box-shadow: 0 5px 0 #099766;
-moz-box-shadow: 0 5px 0 #099766;
box-shadow: 0 5px 0 #099766;
-o-box-shadow: 0 5px 0 #099766;
-ms-box-shadow: 0 5px 0 #099766;
margin-bottom: 5px;
border-radius: 3px;
text-align: center; }
.kattene__btn.__green:hover {
background-color: #099766; }
.kattene__btn.__green i {
font-weight: bold; }
.kattene__btn.__green i:before {
vertical-align: middle;
font-size: 1.2em;
margin-right: 0.2em; }
.kattene__btn.__pink {
background-color: #e1325b;
-webkit-box-shadow: 0 5px 0 #b42849;
-moz-box-shadow: 0 5px 0 #b42849;
box-shadow: 0 5px 0 #b42849;
-o-box-shadow: 0 5px 0 #b42849;
-ms-box-shadow: 0 5px 0 #b42849;
margin-bottom: 5px;
border-radius: 3px;
text-align: center; }
.kattene__btn.__pink:hover {
background-color: #b42849; }
.kattene__btn.__pink i {
font-weight: bold; }
.kattene__btn.__pink i:before {
vertical-align: middle;
font-size: 1.2em;
margin-right: 0.2em; }      @media screen and (min-width:980px) 
{ .post-content table {
font-size: 15px !important;
}
.post-content table span {
font-size: 15px !important;
}  .simple-box1 {
border-color: #ef9b9b!important;
margin-bottom: 40px;
width: 90%;
margin-left: auto;
margin-right: auto;
padding: 10px 30px;
padding-bottom: 0;
box-sizing: border-box;
border: 3px solid #eee;
border-radius: 4px;
}  body 
{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;;
font-size: 18px;
line-height: 1.8em;
letter-spacing: 0.8px
}
.post-title 
{
font-size: 20px;
margin: 0 0 12px;
}
.post-content 
{
padding: 24px 64px;
}
.post-content p, .post-content pre 
{
line-height: 1.8em;
margin: 0 0 1.5em;
}
.post-content h2 
{
font-size: 22px;
}
.post-content h3 
{
font-size: 22px;
}
body.color01 .side-widget a,
body.color01 .widget_recent_entries a,
body.color01 .widget_archive a,
body.color01 .widget_categories a,
body.color01 .widget_meta a 
{
color: #1abb9a;
}  .post-loop-wrap article
{
margin: 0 0 30px;
}  .post-header
{
padding: 32px 64px 0;
}
.post-loop-wrap .post-content
{
padding: 0 64px 8px;
}  body.home #content
{
padding-top: 40px;
}  .post-loop-wrap .post-thumbnail
{
width:	 120px;
height:	 120px;
float:	 left;
margin-right: 10px;
}  .post-meta
{
margin-bottom: 24px;
}  .post-meta li
{
background: #c9deff;
padding-right: 10px;
}  .booklink-box, .kaerebalink-box 
{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
padding: 22px 25px 22px 25px;
width: 94%;
margin: 0 auto 15px;
border: 3px solid #dfdfdf;
box-sizing: border-box;
display: table;
}
.booklink-image, .kaerebalink-image 
{
vertical-align: top;
box-sizing: border-box;
display: table-cell;
width: 111px;
text-align: center;
}
.booklink-image img, .kaerebalink-image img 
{
max-width: 100%
}
.booklink-info, .kaerebalink-info 
{
line-height: 125%;
vertical-align: top;
box-sizing: border-box;
display: table-cell;
padding-left: 25px;
}
.booklink-name, .kaerebalink-name 
{
margin: 0 0 24px 0;
}
.booklink-name a, .kaerebalink-name a 
{
color: #0066cc;
text-decoration: underline;
}
.booklink-name > a, .kaerebalink-name > a 
{
font-size: 16px;
}
.booklink-name a:hover, .kaerebalink-name a:hover 
{
color: #FF9900;
}
.booklink-powered-date, .kaerebalink-powered-date 
{
font-size: 8px;
margin: 6px 0 0 0;
}
.booklink-detail, .kaerebalink-detail 
{
color: #333333;
font-size: 12px;
margin: 0 0 14px 0;
}
.booklink-link2 a, .kaerebalink-link1 a 
{
display: block;
padding: 10px 1px;
text-align: center;
text-decoration: none;
font-size: 14px;
font-weight: bold;
box-shadow: 2px 2px 1px #dcdcdc;
}
.booklink-link2 a:hover, .kaerebalink-link1 a:hover 
{
opacity: 0.6;
}
.booklink-link2 > div, .kaerebalink-link1 > div 
{
width: 33.33%;
padding: 0 5px 5px 0;
box-sizing: border-box;
float: left;
}
.shoplinkamazon a 
{
color: #ffffff;
background: #ff9901;
border: 2px solid #ff9901;
}
.shoplinkrakuten a 
{
color: #ffffff;
background: #bf0000;
border: 2px solid #bf0000;
}
.shoplinkkindle a 
{
color: #ffffff;
background: #0074c1;
border: 2px solid #0074c1;
}  #gnav li {
padding: 0 32px 0 0;
}  #gnav li a:hover {
color: #FFFFFF;
background: #2B2D2D;
} }     @media screen and (max-width: 480px) 
{ .simple-box1 {
border-color: #ef9b9b!important;
margin-bottom: 30px;
margin: 10px;
padding: 10px 10px;
padding-bottom: 0;
box-sizing: border-box;
border: 3px solid #eee;
border-radius: 4px;
}
.simple-box1 ul li
{
display: list-item;
list-style: disc;
}  .post-content 
{
padding: 0 20px;
}  body 
{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;;
font-size: 16px;
line-height: 1.8em;
letter-spacing: 0.8px
}
.post-title 
{
font-size: 16px;
margin: 0 0 10px !important;
}
.post-content 
{
padding: 24px 64px;
}
.post-content p, .post-content pre 
{
line-height: 1.8em;
margin: 0 0 1.5em;
}
.post-content h2 
{
font-size: 20px;
}
.post-content h3 
{
font-size: 18px;
}
body.color01 .side-widget a,
body.color01 .widget_recent_entries a,
body.color01 .widget_archive a,
body.color01 .widget_categories a,
body.color01 .widget_meta a 
{
color: #1abb9a;
} .post-loop-wrap article p
{
font-size: 14px;
}  body.home #content
{
padding-top: 24px;
}  .post-loop-wrap article
{
margin: 0 0 30px;
}  .post-header
{
padding: 16px 20px 0;
}
.post-loop-wrap .post-content
{
padding: 0 64px 8px;
}  body.home #content
{
padding-top: 40px;
}  .post-loop-wrap .post-thumbnail
{
width:	 120px;
height:	 120px;
float:	 left;
margin-right: 10px;
}  .post-meta
{
margin-bottom: 16px;
}  .post-meta li
{
font-size: 12px;
background: #c9deff;
padding-right: 10px;
padding-top: 10px;
}  .booklink-box, .kaerebalink-box 
{
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
padding: 22px 25px 22px 25px;
width: 94%;
margin: 0 auto 15px;
border: 3px solid #dfdfdf;
box-sizing: border-box;
text-align: center;
}
.booklink-image, .kaerebalink-image 
{
width: 100%;
margin: 0 0 5px 0;
}
.booklink-image img, .kaerebalink-image img {}
.booklink-info, .kaerebalink-info 
{
line-height: 125%;
width: 100%;
}
.booklink-name, .kaerebalink-name 
{
margin: 0 0 4px 0;
}
.booklink-name a, .kaerebalink-name a 
{
color: #0066cc;
text-decoration: underline;
}
.booklink-name > a, .kaerebalink-name > a 
{
font-size: 16px;
}
.booklink-name a:hover, .kaerebalink-name a:hover 
{
color: #FF9900;
}
.booklink-powered-date, .kaerebalink-powered-date 
{
font-size: 8px;
}
.booklink-detail, .kaerebalink-detail 
{
color: #333333;
font-size: 12px;
margin: 0 0 10px 0;
}
.booklink-link2 a, .kaerebalink-link1 a 
{
width: 90%;
display: block;
margin: 0px auto 8px;
padding: 10px 1px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
box-shadow: 2px 2px 1px #dcdcdc;
}
.booklink-link2 a:hover, .kaerebalink-link1 a:hover 
{
opacity: 0.6;
}
.shoplinkamazon a 
{
color: #ffffff;
background: #ff9901;
border: 2px solid #ff9901;
}
.shoplinkrakuten a 
{
color: #ffffff;
background: #bf0000;
border: 2px solid #bf0000;
}
.shoplinkkindle a 
{
color: #ffffff;
background: #0074c1;
border: 2px solid #0074c1;
}  .share li {
float : left;
width : 48%;
margin:0 2% 3% 0;
}
.share li a {
border-radius:6px;
}  .btn-lg {
box-sizing: border-box;
width: 100%;
padding: 11px;
}
.btn-footer {
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid #cacaca;
font-size: 85%;
line-height: 1.5;
border-radius: 3px;
color: #3d3f44;
background-color: #e2e2e2;
font-weight: 700;
}  #main #comments {
padding: 0px;
}
.comment-list .children .comment-body {
padding: 10px 10px;
margin-bottom: 10px;
}  .pagetop span {
margin-bottom: 40px;
}  .post-content, .cta-post-title, .post-cta, .post-cta-inner, .post-share, .post-author, article.page .post-header {
padding: 2px !important;
}
.wrap, .one-column #content .wrap {
margin-left: 2px;
margin-right: 2px;
}  .post-content table {
font-size: 12px !important;
}
.post-content table span {
font-size: 12px !important;
}  .post-content table 
{
height: 100% !important;
} }#npcatch li {
margin: 0;
overflow: hidden;
clear: both;
vertical-align: top;
}
#npcatch li a {
display: table;
padding: .5rem 0;
width: 100%;
}
#npcatch img {
float: left;
padding: 0 .5rem 0 0;
max-width: 100%;
height: auto;
}
#npcatch .title {
overflow: hidden;
display: block;
}