@charset "UTF-8";
.advps-slide-container{
position:relative;
}
.advps-slide-container ul
{
margin:0;
padding:0;
}
.advps-excerpt-one{
position:absolute;	
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
z-index:1;
}
.advps-overlay-one
{
width:100%;
height:100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.advps-excerpt-block-one{
position:relative;	
padding:10px;
width:auto;
height:auto;
z-index:9;
}
.advps-slide-field-three img
{
float:left;
margin-right:20px;
}
.advs-title a{
font-weight:bold;
text-decoration:none;
} .advps-number{
position:absolute;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
z-index:9999;
}
.advps-number ul{
margin:0;
padding:0;
}
.advps-number ul li{
position:relative;
list-style:none;
float:left;
display:inline;
margin:0;
}
.advps-number li a {
margin: 2px 2px 2px 0;
padding:5px 8px 5px 8px;
text-decoration:none;
width:auto;
display:block;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-shadow: 0px 1px 1px #666666;
background-color:#333333;
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#666666), to(#000000));
background: -moz-linear-gradient(#555555, #000000);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 );
background-image: -ms-linear-gradient(top, #666666 0%, #000000 100%);
background-image: -o-linear-gradient(top, #666666 0%, #000000 100%);
background-repeat:no-repeat !important;
background-position:center !important;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.advps-number li a:hover {
color:#000000;
text-shadow: 0 1px 0 #FFFFFF;
background-color:#FFFFFF;
background:-moz-linear-gradient(#FFFFFF, #E0E0E0);
background:-webkit-gradient(linear, 0 top, 0 bottom, from(#FFFFFF), to(#E0E0E0));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E0E0E0',GradientType=0 );
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
}
.advps-number li.activeSlide a{
color:#000000;
text-shadow: 0 1px 0 #FFFFFF;
background-color:#FFFFFF;
background:-moz-linear-gradient(#FFFFFF, #E0E0E0);
background:-webkit-gradient(linear, 0 top, 0 bottom, from(#FFFFFF), to(#E0E0E0));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E0E0E0',GradientType=0 );
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
cursor:default;
}
.advps-bullet{
width:auto;
position:absolute;
z-index:9999;
}
.advps-bullet li
{
display:inline;
list-style:none;
margin:0px !important;
}
.advps-bullet li a{
display:block;
width:18px;
height:18px;
float:left;
background:url(//tonarino-iphone.com/wp-content/plugins/advanced-post-slider/images/advps-bullet-two.png) no-repeat;
margin-left:2px;
}
.advps-bullet li a:hover{
background:url(//tonarino-iphone.com/wp-content/plugins/advanced-post-slider/images/advps-bullet-active-two.png) no-repeat;
cursor:pointer;
}
.advps-bullet li.activeSlide a{
background:url(//tonarino-iphone.com/wp-content/plugins/advanced-post-slider/images/advps-bullet-active-two.png) no-repeat;
}
.advps-slide-container .advs-title
{
line-height:30px;
}  .bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
} .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute; width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//tonarino-iphone.com/wp-content/plugins/advanced-post-slider/images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { } .bx-wrapper .bx-prev {
left: 10px;
background: url(//tonarino-iphone.com/wp-content/plugins/advanced-post-slider/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(//tonarino-iphone.com/wp-content/plugins/advanced-post-slider/images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}  .bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//tonarino-iphone.com/wp-content/plugins/advanced-post-slider/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//tonarino-iphone.com/wp-content/plugins/advanced-post-slider/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width: 100%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {  } .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
.linkcard{margin-top:0!important;margin-bottom:16px!important;margin-left:0!important;margin-right:0!important;}.linkcard a{text-decoration:none;}.linkcard img{margin:0!important;padding:0;border:none;}.linkcard span.external-icon{display:none;}.linkcard p{display:none;}.lkc-unlink{cursor:not-allowed;}.lkc-external-wrap{border:1px solid rgba(0,0,0,0.1);box-shadow:8px 8px 8px rgba(0,0,0,0.3);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f8f8f8;}.lkc-internal-wrap{border:1px solid rgba(0,0,0,0.1);box-shadow:8px 8px 8px rgba(0,0,0,0.3);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#ddeeff;}.lkc-this-wrap{border:1px solid rgba(0,0,0,0.1);box-shadow:8px 8px 8px rgba(0,0,0,0.3);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#bbccdd;}.lkc-external-wrap,.lkc-internal-wrap,.lkc-this-wrap{position:relative;margin:0;padding:0;max-width:500px;}.lkc-external-wrap:hover,.lkc-internal-wrap:hover,.lkc-this-wrap:hover{opacity:0.8;}.lkc-card{margin-top:4px;margin-bottom:16px;margin-left:4px;margin-right:4px;}.lkc-content{word-break:break-all;white-space:normal;overflow:hidden;height:0;margin:8px 0 0 0;border-top:1px solid #725350;}.lkc-title{display:block;overflow:hidden;word-break:break-all;color:#545454;font-size:16px;line-height:24px;white-space:wrap;text-overflow:ellipsis;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:bold;font-style:normal;text-decoration:none;}.lkc-title:hover{text-decoration:underline;}.lkc-excerpt{padding:0;overflow:hidden;color:#333333;font-size:11px;line-height:17px;white-space:wrap;text-overflow:ellipsis;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-excerpt:hover{text-decoration:none;}.lkc-url{display:block!important;margin:0;padding:0;border-radius:4px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bf3f61;font-size:10px;line-height:10px;font-weight:normal;font-style:normal;text-decoration:underline;}.lkc-url:hover{text-decoration:underline;}.lkc-url:link{text-decoration:none;}.lkc-date{display:block!important;margin:0;padding:0 4px;border-radius:4px;text-decoration:none;overflow:hidden;color:#444444;font-size:10px;line-height:16px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-date:hover{text-decoration:none;}.lkc-external-wrap .lkc-heading{position:absolute;top:-17px;left:20px;padding:0 17px;border:#888888 solid 1px;border-radius:4px;box-shadow:8px 8px 8px rgba(0,0,0,0.3);background-color:#f8f8f8;}.lkc-internal-wrap .lkc-heading{position:absolute;top:-17px;left:20px;padding:0 17px;border:#888888 solid 1px;border-radius:4px;box-shadow:8px 8px 8px rgba(0,0,0,0.3);background-color:#ddeeff;}.lkc-this-wrap .lkc-heading{position:absolute;top:-17px;left:20px;padding:0 17px;border:#888888 solid 1px;border-radius:4px;box-shadow:8px 8px 8px rgba(0,0,0,0.3);background-color:#bbccdd;}.lkc-heading{display:inline!important;color:#444444;font-size:12px;line-height:32px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-heading:hover{text-decoration:none;}.lkc-external-wrap .lkc-more{position:absolute;bottom:8px;right:8px;padding:0 12px;border:#888888 solid 1px;border-radius:4px;background-color:#f8f8f8;}.lkc-internal-wrap .lkc-more{position:absolute;bottom:8px;right:8px;padding:0 12px;border:#888888 solid 1px;border-radius:4px;background-color:#ddeeff;}.lkc-this-wrap .lkc-more{position:absolute;bottom:8px;right:8px;padding:0 12px;border:#888888 solid 1px;border-radius:4px;background-color:#bbccdd;}.lkc-more{display:inline;position:absolute;padding:0 24px;color:#444444;font-size:12px;line-height:40px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-more:hover{text-decoration:none;}.lkc-info{display:flex!important;margin:0;padding:0;align-items:center;color:#725350;font-size:12px;line-height:12px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-added{display:inline!important;border-radius:4px;color:#222222;padding:4px;background-color:#365cd9;font-size:12px;line-height:12px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-added:hover{text-decoration:none;}.lkc-info:hover{text-decoration:none;}.lkc-info *{margin:0 4px 0 0;white-space:nowrap;overflow:hidden;}.lkc-favicon{display:inline-flex!important;vertical-align:middle!important;border:none;height:16px;width:16px;}img.lkc-favicon{margin:-4px 0 0 0!important;object-fit:cover;height:100%;width:100%;}.lkc-domain{display:inline-flex!important;vertical-align:middle!important;text-decoration:none;color:#725350;font-size:12px;line-height:12px;font-weight:normal;font-style:normal;text-decoration:none;}.lkc-share{text-shadow:none;white-space:nowrap;overflow:hidden;line-height:12px;}.lkc-share *{display:inline;margin:0!important;padding:0 1px!important;font-size:9px;text-decoration:underline!important;font-weight:bold!important;white-space:nowrap;}.lkc-sns-x{color:#ffffff!important;background-color:#333!important;}.lkc-sns-tw{color:#5ea9dd!important;background-color:#e0f8fa!important;}.lkc-sns-fb{color:#ffffff!important;background-color:#3864a3!important;}.lkc-sns-hb{color:#ff6464!important;background-color:#ffefef!important;}.lkc-sns-gp{color:#dd4e42!important;background-color:#ffffff!important;}.lkc-sns-po{color:#eeeeee!important;background-color:#ee4055!important;}.lkc-url-info{font-weight:normal;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bf3f61;font-size:10px;line-height:10px;font-weight:normal;font-style:normal;text-decoration:underline;}.lkc-url-info:hover{text-decoration:underline;}.lkc-thumbnail{display:flex;float:left;width:102px;margin:0 8px 0 0;}.lkc-thumbnail-img{object-fit:cover;width:100px!important;height:108px!important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}.lkc-error{display:block;padding-top:50px;margin-top:-50px;}.clear{clear:both;}blockquote.lkc-quote{background-color:transparent;background-image:none;padding:0;margin:0;border:none;}blockquote.lkc-quote::before{content:'';}blockquote.lkc-quote::after{content:'';}.lkc-iframe-wrap{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{width:90px!important;}img.lkc-thumbnail-img{height:97px!important;width:90px!important;}}@media screen and (max-width:480px){.lkc-title{font-size:12px;line-height:19px;}.lkc-excerpt{font-size:8px;}.lkc-thumbnail{width:70px!important;}img.lkc-thumbnail-img{height:75px!important;width:70px!important;}}@media screen and (max-width:320px){.lkc-title{font-size:11px;line-height:16px;}.lkc-excerpt{font-size:6px;}.lkc-thumbnail{width:50px!important;}img.lkc-thumbnail-img{height:54px!important;width:50px!important;}}.wpal{margin-top:24px;margin-bottom:24px;padding:16px;border-radius:16px;background:#f8f8f8;font-size:.9rem;line-height:normal}.wpal:after{display:table;clear:both;content:""}.wpal a{text-decoration:none}.wpal p{margin:0!important}.wpal-icon{width:72px;max-height:72px;float:left;overflow:hidden;border-radius:21%;text-align:center}.wpal-content{margin-left:88px}.wpal-title{margin-bottom:.375rem;font-weight:700}.wpal-datas{margin-bottom:.6em;color:#777;font-size:.8em}.wpal-data{display:inline-block;margin-right:1em}.wpal-btn{display:inline-block;padding:.4375em 1em .5em;border:2px solid #333;border-radius:8px;background:#333;color:#fff;font-size:.95em;line-height:1;text-decoration:none;-webkit-transition:.2s;transition:.2s}.wpal-btn:hover{background:transparent;color:#333;text-decoration:none}.wpal-screenshots{margin:24px -1% -1%;clear:both;border-top:1px solid #fff}.wpal-screenshots figcaption{margin:12px 1% 8px;color:#666;font-size:.9em;font-weight:700}.wpal-screenshots img{width:31.333%;margin:1%}.wpal-message{margin:24px 0;padding:8px;background:#f8f8f8;color:#666;font-size:12px}@media screen and (min-width:768px){.wpal{font-size:1rem}.wpal-icon{width:88px;max-height:88px}.wpal-content{margin-left:104px}.wpal-screenshots{margin:20px -.5% 0}.wpal-screenshots figcaption{margin-right:.5%;margin-left:.5%}.wpal-screenshots img{width:19%;margin:.5%}}.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
} .wpp-post-title {
} .wpp-excerpt {
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
}
.wpp-meta:empty, .post-stats:empty {
display: none;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}div.yyi-rinker-contents {
margin: 2em 0;
padding: 0;
border: solid 1px #dbdbdb;
background-color: #fff;
box-shadow: 2px 3px 8px -5px rgba(0,0,0,.25);
position: relative;
overflow: visible;
}
div.yyi-rinker-contents a {
border: none;
}
div.yyi-rinker-contents div.yyi-rinker-box{
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
box-sizing: border-box;
padding: 12px;
}
div.yyi-rinker-contents div.yyi-rinker-image {
padding: 0;
display: flex;
vertical-align: middle;
justify-content: center;
align-items: center;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 175px;
min-width: 175px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 200px;
min-width: 200px;
}
.yyi-rinker-images {
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin: 5px;
}
div.yyi-rinker-image img.yyi-rinker-main-img.hidden {
display: none;
}
.yyi-rinker-images-arrow {
cursor: pointer;
position: absolute;
top: 50%;
display: block;
margin-top: -11px;
opacity: 0.6;
width: 22px;
}
.yyi-rinker-images-arrow-left{
left: -10px;
}
.yyi-rinker-images-arrow-right{
right: -10px;
}
.yyi-rinker-images-arrow-left.hidden {
display: none;
}
.yyi-rinker-images-arrow-right.hidden {
display: none;
} div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info{
width: calc(100% - 175px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 200px);
}
div.yyi-rinker-contents div.yyi-rinker-title a {
color: #333;
text-decoration: none;
}
div.yyi-rinker-contents div.yyi-rinker-title p{
margin: 5px;
}
div.yyi-rinker-contents div.yyi-rinker-detail {
font-size: 0.8em;
color: #999;
padding-left: 15px;
}
div.yyi-rinker-contents div.yyi-rinker-detail a {
text-decoration: underline;
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
color: #aaa;
}
div.yyi-rinker-contents div.yyi-rinker-detail .free-text {
color: #aaa;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
border: none;
list-style-type: none;
display: inline-flex;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 10px auto;
padding: 0;
width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
content: '';
position: static;
margin: 2px 5px;
padding: 0;
border-radius: 2px;
border: none;
box-shadow: 0 6px 12px -5px rgba(0, 0, 0, .30);
-ms-flex: 0 0 auto;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:before {
content: '';
position: static;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
box-shadow: 0 5px 8px -5px rgba(0, 0, 0, .30);
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
background: #f6a306;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
position: relative;
display: block;
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 0.9em;
height: 30px;
line-height: 30px;
padding: 0 18px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
border: none;
opacity: 0.7;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:before {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: white;
text-align: center;
border: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
order: 20;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink {
background: #666;
order: 15;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
background: #cf4944;
order: 30;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
background: #51a7e8;
order: 40;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink {
background-color: #ff0211;
order: 50;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink a:before{
content: '';
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink1 {
background: #4072B3;
order: 10;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
background: #4DC0B2;
order: 50;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink3 {
background: #6f63ad;
order: 15;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.freelink4 {
background: #63ad87;
order: 55;
}
div.yyi-rinker-contents ul.yyi-rinker-links img,
div.yyi-rinker-contents div.yyi-rinker-title img,
div.yyi-rinker-contents div.yyi-rinker-image a + img{
display: none;
}
div.yyi-rinker-detail .credit-box {
font-size: 75%;
}
ul.yyi-rinker-links li::before {
background-color: transparent;
}
@media all and (max-width: 420px) {
.yyi-rinker-images {
margin: auto;
}
}
@media all and (max-width: 420px) and (min-width: 321px) {
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0 0 0 15px;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
-webkit-flex-flow: column;
flex-direction: column;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 125px;
min-width: 125px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 150px;
min-width: 150px;
}
div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info {
width: calc(100% - 125px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 150px);
}
}
@media all and (max-width: 320px) {
div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0 0 0 7px;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
-webkit-flex-flow: column;
flex-direction: column;
}
.yyi-rinker-img-s .yyi-rinker-image {
width: 75px;
min-width: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image {
width: 100px;
min-width: 100px;
}
.yyi-rinker-img-l div.yyi-rinker-image{
width: 125px;
min-width: 125px;
}
div.yyi-rinker-contents.yyi-rinker-img-s div.yyi-rinker-info{
width: calc(100% - 75px);
}
div.yyi-rinker-contents div.yyi-rinker-info {
width: calc(100% - 100px);
}
div.yyi-rinker-contents.yyi-rinker-img-l div.yyi-rinker-info{
width: calc(100% - 125px);
}
}
body div.yyi-rinker-contents ul.yyi-rinker-links li {
list-style: none;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li:before {
position: absolute;
}
div.yyi-rinker-contents p{
padding: 0;
}
div.yyi-rinker-contents img{
margin-bottom: 0;
} div.yyi_rinker-gutenberg input.rinkerg-richtext{
width: 300px;
}
input.rinkerg-richtext {
width: 70%;
} div.yyi-rinker-contents div.yyi-rinker-detail .free-text .count-in{
color: #333;
} .editor-styles-wrapper div.yyi-rinker-contents .count-top p {
margin-top: 0;
}
div.yyi-rinker-contents.yyi-rinker-design-tate  div.yyi-rinker-box{
flex-direction: column;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box .yyi-rinker-links {
flex-direction: column;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info {
width: 100%;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-title {
text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-links {
text-align: center;
}
div.yyi-rinker-contents.yyi-rinker-design-slim .yyi-rinker-image {
margin: auto;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info ul.yyi-rinker-links li {
align-self: stretch;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
padding: 0;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-box {
flex-direction: column;
padding: 14px 5px 0;
}
.yyi-rinker-design-slim div.yyi-rinker-box div.yyi-rinker-info {
text-align: center;
}
.yyi-rinker-design-slim div.price-box span.price {
display: block;
}
div.yyi-rinker-contents.yyi-rinker-design-slim div.yyi-rinker-info div.yyi-rinker-title a{
font-size:16px;
}
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonkindlelink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.amazonlink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.rakutenlink:before,  div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li.yahoolink:before {
font-size:12px;
}
div.yyi-rinker-contents.yyi-rinker-design-slim ul.yyi-rinker-links li a {
font-size: 13px;
} .yyi-rinker-contents .yyi-rinker-info {
padding-left: 10px;
}
.yyi-rinker-img-s .yyi-rinker-image .yyi-rinker-images img{
max-height: 75px;
}
.yyi-rinker-img-m .yyi-rinker-image .yyi-rinker-images img{
max-height: 175px;
}
.yyi-rinker-img-l .yyi-rinker-image .yyi-rinker-images img{
max-height: 200px;
}
div.yyi-rinker-contents div.yyi-rinker-image {
flex-direction: column;
align-items: center;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails {
display: flex;
flex-direction: row;
flex-wrap : wrap;
list-style: none;
border:none;
padding: 0;
margin: 5px 0;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li{
cursor: pointer;
height: 32px;
text-align: center;
vertical-align: middle;
width: 32px;
border:none;
padding: 0;
margin: 0;
box-sizing: content-box;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li img {
vertical-align: middle;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li {
border: 1px solid #fff;
}
div.yyi-rinker-contents ul.yyi-rinker-thumbnails li.thumb-active {
border: 1px solid #eee;
} div.yyi-rinker-contents.yyi-rinker-design-mini {
border: none;
box-shadow: none;
background-color: transparent;
} .yyi-rinker-design-mini div.yyi-rinker-info ul.yyi-rinker-links,
.yyi-rinker-design-mini div.yyi-rinker-info .brand,
.yyi-rinker-design-mini div.yyi-rinker-info .price-box {
display: none;
}
div.yyi-rinker-contents.yyi-rinker-design-mini .credit-box{
text-align: right;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-info {
width:100%;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-title {
line-height: 1.2;
min-height: 2.4em;
margin-bottom: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-title a {
font-size: 12px;
text-decoration: none;
text-decoration: underline;
}
div.yyi-rinker-contents.yyi-rinker-design-mini {
position: relative;
max-width: 100%;
border: none;
border-radius: 12px;
box-shadow: 0 1px 6px rgb(0 0 0 / 12%);
background-color: #fff;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
border: none;
}
.yyi-rinker-design-mini div.yyi-rinker-image {
width: 60px;
min-width: 60px;
}
.yyi-rinker-design-mini div.yyi-rinker-image img{
max-height: 3.6em;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div.credit-box {
font-size: 10px;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div.brand,
.yyi-rinker-design-mini div.yyi-rinker-detail div.price-box {
font-size: 10px;
}
.yyi-rinker-design-mini div.yyi-rinker-info div.yyi-rinker-detail {
padding: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-detail div:not(:last-child) {
padding-bottom: 0;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-image a {
margin-bottom: 16px;
}
@media (min-width: 768px){
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
padding: 12px;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-info {
justify-content: center;
padding-left: 24px;
}
}
@media (max-width: 767px){
div.yyi-rinker-contents.yyi-rinker-design-mini {
max-width:100%;
}
div.yyi-rinker-contents.yyi-rinker-design-mini div.yyi-rinker-box {
flex-direction: row;
padding: 12px;
}
.yyi-rinker-design-mini div.yyi-rinker-box div.yyi-rinker-info {
justify-content: center;
margin-bottom: 16px;
padding-left: 16px;
text-align: left;
}
}
div.yyi-rinker-contents .yyi-rinker-attention {
display: inline;
line-height: 30px;
position: absolute;
top: -10px;
left: -9px;
min-width: 60px;
padding: 0;
height: 30px;
text-align: center;
font-weight: 600;
color: #ffffff;
background: #fea724;
z-index: 10;
}
div.yyi-rinker-contents .yyi-rinker-attention span{
padding: 0 15px;
}
.yyi-rinker-attention-before, .yyi-rinker-attention-after {
display: inline;
position: absolute;
content: '';
}
.yyi-rinker-attention-before {
bottom: -8px;
left: 0.1px;
width: 0;
height: 0;
border-top: 9px solid;
border-top-color: inherit;
border-left: 9px solid transparent;
z-index: 1;
}
.yyi-rinker-attention-after {
top: 0;
right: -14.5px;
width: 0;
height: 0;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid;
border-left-color: inherit;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle{
display: flex;
position: absolute;
top: -20px;
left: -20px;
width: 60px;
height: 60px;
min-width: auto;
min-height: auto;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #fff;
background: #fea724;
font-weight: 600;
font-size: 17px;
}
div.yyi-rinker-contents.yyi-rinker-design-mini .yyi-rinker-attention.attention_desing_circle{
top: -14px;
left: -14px;
width: 36px;
height: 36px;
font-size: 12px;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle{
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle span {
padding: 0;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle .yyi-rinker-attention-after,
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_circle .yyi-rinker-attention-before{
display: none;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon {
width: 89px;
height: 91px;
position: absolute;
top: -1px;
right: -1px;
left: auto;
overflow: hidden;
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon span {
display: inline-block;
width: 146px;
position: absolute;
padding: 4px 0;
left: -13px;
top: 12px;
text-align: center;
font-size: 12px;
line-height: 24px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
div.yyi-rinker-contents .yyi-rinker-attention.attention_desing_right_ribbon {
background: none;
}
.yyi-rinker-attention.attention_desing_right_ribbon .yyi-rinker-attention-after,
.yyi-rinker-attention.attention_desing_right_ribbon .yyi-rinker-attention-before{
display:none;
}
div.yyi-rinker-use-right_ribbon div.yyi-rinker-title {
margin-right: 2rem;
}.wrap { width: 1050px; 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: 300px;
}
#side { width: 260px;
float: left;
margin-left: -260px;
}
.left-content #main {
width: 100%;
float: left;
}
.left-content .main-inner { margin-right: 300px;
margin-left: 0;
}
.left-content #side { width: 260px;
float: left;
margin-left: -260px;
}
.right-content #main {
width: 100%;
float: left;
}
.right-content .main-inner { margin-left: 300px;
margin-right: 0;
}
.right-content #side { width: 260px;
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;
margin: 0;
}
.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: 8px;
margin-right: 8px;
} .post-content #toc_container {
padding: 10px 14px !important;
} }  body {  background: #fceded;
color: #2d2d2d;
}
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-color: #ffffff;  padding: 10px 0 10px;
border-bottom: 1px solid #efefef;
}
#header #logo {
float: none;
font-size: 24px; text-align: center; }
#header #logo a {
color: #2d2d2d;
}
#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 auto;
padding: 0;
position: relative;
width: 100%;
text-align: center;
font-weight: bold;  } #gnav li {
float: left;
position: relative; padding: 0; }
#gnav li.current-menu-item a {
border-top: 1px #2581c4 solid;
}
#gnav li a {
display: block;  padding: 20px 34px; color: #2B2D2D;
background: #fff;
text-decoration: none;
text-align: center;
-webkit-transition: background .1s ease-in-out;
transition: background .1s ease-in-out;
}
#gnav li a:hover {
color: #2B2D2D; }
#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; overflow: hidden; }
#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: 30px;
background: #fff;
border: 1px #e5e5e5 solid;
}
.cat-content-area {
margin-top: 16px;
}
.post-header {  padding: 10px 30px;
position: relative;
background: #E47171;
color: #FCF2F2;
} .post-header:before {
content: ''; display:  block; position:  absolute; left: 5px; top: 5px; width: calc(100% - 14px);
min-height: calc(100% - 14px);
border: dashed 2px #FFB5B5;
} .post-header:after {
content: ''; display:  block; position:  absolute; left: -1px; top: -1px; margin:  auto; border-width: 0 0 28px 28px;
border-style: solid;
border-color: #fceded #fceded #A33F3F; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); } @media screen and (max-width: 991px) {
.post-header:after {
content: ''; display:  block; position:  absolute; left: -1px; top: -1px; margin:  auto; border-width: 0 0 22px 22px;
border-style: solid;
border-color: #fceded #fceded #A33F3F; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.20); }
} .post-title a {
color: #2d2d2d;
}
.post-title a:hover {
color: #f24e4f;
text-decoration: none;
} .cat-content .post-header,
article.page .post-header { padding: 10px 30px;
margin-bottom: 0; position: relative;
background: #E47171;
color: #FCF2F2;
} .cat-content .post-title {
margin-bottom: 0;
padding: 0 0 0 40px;
}
article.page .post-title {
margin-bottom: 0;
padding: 0 0 0 15px;
} @media screen and (max-width: 991px) {
.cat-content .post-title {
margin-bottom: 0;
padding: 0 0 0 32px;
}
article.page .post-title {
margin-bottom: 0;
padding: 0 0 0 10px;
}
} .cat-content .post-title:after {
font-family: "FontAwesome";
content: '\f0a9';
position: absolute;
font-size: 150%;
left: 15px;
top: 5px;
color: #82a94c;
}  .post-meta {
margin-top: 0; margin-bottom: 25px;
padding: 0;
border-top: 1px #efefef solid;
}
.post-meta li {  float: right; margin-top: 0px; margin-right: 0px; padding-right: 0px;
font-size: 12px;
}
.post-thumbnail {
margin-left: 20px;
margin-bottom: 20px;
float: right;
}
.post-thumbnail img {
max-width: 100%;
height: auto;
}
.post-content {  padding: 30px 40px;
overflow: hidden;
}
.post-content hr {
border-bottom: 1px solid #efefef;
margin: 20px 0;
clear: both;
}
.post-content ul {
list-style: disc; background-color: #eee;
padding: 5px 0 5px 35px;
border: 0px solid #eee;
border-radius: 10px; }
.post-content ol:not(.wpp-list2) {  counter-reset:number; list-style-type: none!important; padding:0.5em;
background: #f5fbf5;
}
.post-content ol:not(.wpp-list2) li:not(.wpp-list2) {
position: relative;
padding-left: 32px;
line-height: 1.5em; }
.post-content ol:not(.wpp-list2) li:not(.wpp-list2):before { position: absolute;
counter-increment: number;
content: counter(number); display:inline-block;
background: #51aeb3;
color: white;
font-family: "Quicksand", sans-serif;
font-weight:bold;
font-size: 15px;
border-radius: 50%;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center; top: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .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;  background:url(https://tonarino-iphone.com/wp-content/uploads/2019/07/line.png) bottom repeat-x;
background-size: 500px;
} #post-385 .post-content h2 {
margin: 1em 0 0.5em;
}
.post-content h3 {
clear: both; position: relative; padding-left: 30px;
margin: 40px 0;
}
.post-content h3:after {
position: absolute;
top: 45%;
left:0;
transform:translateY(-50%);
content: '';
width: 10px;
height:10px;
border: solid 4px #6fbb06;
border-radius:100%;
}
.post-content h4 {
clear: both;
position: relative; margin: 30px 0;
}
.post-content h4:before {
content: '\02713';
color: #9ed652;
padding-right: 5px;
} .post-content table {
border: 1px #ddd solid;
max-width: 100%;
}
.post-content table th,
.post-content table td { padding: 5px;
border: #ddd solid 1px;
}
.post-content table th {
color: #fff;
}
.post-content table thead th {
background: #4b4f52;
}
.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: #2d2d2d;
font-weight: bold;
}
.post-content table.table-line thead th {
background: #4b4f52;
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: #2d2d2d;
border-top: 3px solid #4b4f52;
}
.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 .1s ease-in-out;
transition: background .1s 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 .1s ease-in-out;
transition: all .1s 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: 0 64px;
}
.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;
}
.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: #2d2d2d;
}
.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: 30px;
border-bottom: 1px #eee solid;
}
.comment-list > .comment > .comment-body {
padding: 0 10px;
margin-bottom: 20px;
}
.comment-list .children { margin-left: 25px;
}
.comment-list .children .comment-body {
padding: 10px 13px;
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;
} .comment-body p {
font-size: 14px;
}
.reply a {
border-radius: 3px;
padding: 3px 5px;
font-size: 12px;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.reply a:before {
content: '\f075';
font-family: 'FontAwesome'; margin: 0 3px 0 0;
}
.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 .1s ease-in-out;
transition: all .1s 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: 15px 20px 10px;
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: auto; height: auto;
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: 20px 40px;
}
.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;
}
.post-content .pagination {
margin: 0;
}
.pagination a, .pagination > span {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 12px 18px;
text-decoration: none;
width: auto;
color: #2d2d2d;
}
.pagination > span{
background: #eee;
}
.pagination a:hover {
background: #eee;
}
.pagination .current {
padding: 12px 18px;
background: #eee;
} .side-widget-area {
padding: 0;
   filter: drop-shadow(11px 11px 5px rgba(0,0,0,0.2));
transform: translateZ(0);
}
.side-widget {
margin-bottom: 40px;
padding-bottom: 0px;
line-height: 1.6; font-size: 16.5px; background-color: #ffffff;  }
.side-widget .side-title {
margin: 0 0 32px;
font-size: 15px;
}
.side-widget ul li { padding: 13px 8px 13px 10px;
border-bottom: 1px solid #e5e5e5;
}
.side-widget .side-title { font-size: 16px; margin: 0;
overflow: hidden;
align-items: center; background: #89b980;
color: #fff;
font-weight: bold; display: flex;
}
.side-widget .side-title:before,
.side-widget .side-title:after {
content: "";
flex: 1; background: #445630;
padding: 1.5px 0;
margin: 0 10px;
height: 0;
transform: rotate(0deg);
} .side-widget a {
color: #2e3235;
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: #2e3235;
text-decoration: none;
padding-left: 36px;
display: block;
background: url(//tonarino-iphone.com/wp-content/themes/xeory_base_child/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
.widget_categories a {
display: inline-block;
}
.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(//tonarino-iphone.com/wp-content/themes/xeory_base_child/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
} .recentcomments {
color: #808080;
font-size: 12px;
}
.recentcomments a {
color: #2d2d2d;
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: #2e3235;
}
#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: 10px 0;
}
#footer .post-share {
padding-right: 0;
padding-left: 0;
}
.footer-01 {
background: #fff;
border-top: 1px #efefef solid; font-size: 12px;
}
.footer-01 ul {
overflow: hidden; text-align: center;
}
.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: center;
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: 10px 0 10px !important;
}
#header .wrap {
padding: 0;
}
#header #logo img {
vertical-align: top;
}
#header #header-primary-nav {
display: none;
}
#header-menu-tog {
display: block;
float: right;
font-size: 24px;
}
#gnav {
display: none;
}
#gnav.active {
display: block;
}
#gnav {
margin: 20px 2%;
border: 1px solid #cccccc; padding: 5px;
}
#gnav .wrap {
margin: 0;
}
#gnav ul li {  float: left;
position: relative;
display: flex;
width: 50%;
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 .1s ease-in-out;
transition: background .1s 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: 15px 20px 10px;
}
.post-loop-wrap .post-thumbnail {  height: auto;
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 {  position: relative;
background: #E47171;
padding: 15px;
color: #FCF2F2;
} .post-content,
.cta-post-title,
.post-cta,
.post-cta-inner,
.post-share,
.post-author,
article.page .post-header {
padding: 20px 15px !important; }
.post-thumbnail,
.post-cta-img { text-align: center;
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{
width: 100%;
-webkit-overflow-scrolling: touch;  white-space: normal;
line-height: 1.4;
font-size: 10px;
margin-bottom: 0;
}
#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: 10px 15px 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: 10px 20px 0 !important;
}
#main .post-cta .cta-post-title {
font-size: 24px !important;
padding: 0 0 20px !important;
} .table-scroll {
overflow-x: scroll;
} } body.color04 {               }
body.color04 body {
background: #fafafa;
color: #474747;
}
body.color04 a {
color: #f95655;
}
body.color04 form input[type="submit"],
body.color04 form button {
background: #F6706F;
}
body.color04 #header {
background-color: #ffffff;
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 #fceded solid; background: #fceded; } body.color04 #gnav li a {
border-top: 1px #ededed solid;
color: #2B2D2D;
background: #fff;
width: -webkit-fill-available;
}
@media screen and (max-width: 991px) {
body.color04 #gnav li a {
border: 1px #ededed solid;
color: #2B2D2D;
background: #fff; width: -webkit-fill-available;
}
}
@media screen and (max-width: 375px) {
body.color04 #gnav li a {
font-size: smaller;
}
}
body.color04 #gnav li a:hover { color: #fff; border-top: 1px #F6706F solid;
background: #F6706F; }
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 { background: #fff; border-radius: 25px 25px 25px 25px; line-height: 1.3; position: relative; filter: drop-shadow(11px 11px 5px rgba(0,0,0,0.2));
transform: translateZ(0);
} body.color04 article.post,
body.color04 article.page,
body.color04 article.wp101,
body.color04 article.seo101 {
background: #fff;
border: 1px #e5e5e5 solid; filter: drop-shadow(11px 11px 5px rgba(0,0,0,0.2));
transform: translateZ(0);
}
body.color04 .post-title a {  color: #FCF2F2;
}
body.color04 .post-title a:hover { color: #f34c4c;
}
body.color04 .post-meta {  border-top: 0px #ededed solid;
}
body.color04 .post-meta li {  background: none;
color: #2F2828;
}
body.color04 .post-content hr {
border-bottom: 1px solid #ededed;
}
body.color04 .post-content h2 { border-bottom: 0px solid #ededed; }
body.color04 .post-content h3 {  border-left: 0px solid #ededed; }
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; margin: 0 0 16px;
}
body.color04 .post-content table th,
body.color04 .post-content table td {
border: #c3c3c3 solid 1px;  background: #FEF9F3;
}
body.color04 .post-content table th {  color: #665B4B;
font-weight: bold;
text-align: center;
}
body.color04 .post-content table thead th {  background: #ffe6c6;
}
body.color04 .post-content table tbody th {  background: #ffe6c6;
}
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: #4b4f52;
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 #4b4f52;
}
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: #f95655;
}
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: #f95655;
}
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: 2px #ffba54 solid; color: #21180c;
font-weight: bold;
background: #ffba54;
}
body.color04 .more-link:hover { background: #fff; color: #21180c;
}
body.color04 .pagination span, body.color04 .pagination a { color: #0c0b0b;
}
body.color04 .pagination a:hover {  background: #c7bcbc;
}
body.color04 .pagination .current { background: #c7bcbc;
}
body.color04 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color04 .side-widget a {
color: #2e3235;
}
body.color04 .side-widget a:hover {
color: #f95655;
}
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: #2e3235;  }
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: #f95655;  }
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: #2e3235;
}
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: #f95655;
}
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: #f95655;
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;
}  table {
width: 100%;
}
table td, table th {
word-break: break-all;
text-align: left;
}
.table-wrap {  overflow-x: visible; white-space: normal;
margin-bottom: 40px;
}
.table-grad {
position: relative; white-space: normal;
}
.table-grad:after {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 80%, white 100%);  display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 768px) {
table {
width: 100%!important;
}
}
@media screen and (max-width: 767px) {
table img {
max-width: initial;
}
}   .marker_pink {
background: linear-gradient(transparent 65%,#ffd1d9c2 60%);
} .marker_yellow {
background: linear-gradient(transparent 60%, #ffff66 50%);
} .button_bgcolor {
background: #f9f9f9;
border: 1.4px solid #ddd;
padding: 4px 7px;
margin: 0 4px;
border-radius: 2px;
font-size: 14px; font-weight: 700;
word-break: keep-all;
position: relative;
top: -1px;
} .youtube2 {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.youtube2 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} #toc_container{
border-radius: 4px;
padding: 10px 30px;
border: 2px solid #aaa;
} #toc_container .toc_title:before{
content: "\f046"; font-family: FontAwesome;
padding-right: 6px;
} #toc_container .toc_title{
font-size: 18px;
font-weight: bold;
color: #8a5656;
text-align: left;
} #toc_container ul ul li:before{
list-style-type: disc;
content: "\f0da";
font-family: FontAwesome;
color: #CCC;
padding-right: 6px;
} #toc_container ul {
line-height: 25px;
} #toc_container ul.toc_list > li > a{
font-weight:bold;
} @media screen and (max-width: 767px) {
#advps_container1 .bx-wrapper .bx-viewport {
height:51vw !important;
}
}
@media screen and (min-width: 768px){
#advps_container1 .bx-wrapper .bx-viewport {
height: 350px !important;
}
}  #npcatch li{
overflow:hidden;
clear:both;
vertical-align:top;
border-bottom: 1px dotted #666666;
}
#npcatch img{
float:left;
padding:5px 10px 5px 0;
}
#npcatch .title{
color: #f34c4c;
}
#npcatch .title a{
font-weight: 700;
}
#npcatch .date {
font-size: small;
font-weight: 600;
display:none;
color: #adb5bf;
margin-bottom: 5px;
}
#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}
#npcatch ul{
padding: 0;
} #npcatch {
counter-reset: no;
margin: 0!important;
padding-left: 0!important;
}
#npcatch li:before{
content: counter(no);
counter-increment: no;
color: white; background-color: #313bb5; text-align: center;
opacity: .999;
float: left;
line-height: 30px;
width: 30px;
height: 30px;
border-radius: 2px;
-moz-border-radius: 2px;
margin-right: -25px;
margin-top: 0 !important;
} .wpp-list {
counter-reset: no;
}
.wpp-list li:before{
content: counter(no);
counter-increment: no;
color: white; background-color: #ec7766; text-align: center;
opacity: .999;
float: left;
line-height: 25px;
width: 25px;
height: 25px;
border-radius: 10px;
-moz-border-radius: 2px;
margin-right: -10px;
margin-top: -5px !important
} .appreach {
text-align: left;
padding: 10px;
border: 1px solid #7C7C7C;
overflow: hidden;
}
.appreach:after {
content: "";
display: block;
clear: both;
}
.appreach p {
margin: 0;
}
.appreach a:after {
display: none;
}
.appreach__icon {
float: left;
border-radius: 10%;
overflow: hidden;
margin: 0 3% 0 0 !important;
width: 25% !important;
height: auto !important;
max-width: 120px !important;
}
.appreach__detail {
display: inline-block;
font-size: 20px;
line-height: 1.5;
width: 72%;
max-width: 72%;
}
.appreach__detail:after {
content: "";
display: block;
clear: both;
}
.appreach__name {
font-size: 16px;
line-height: 1.5em !important;
max-height: 3em;
overflow: hidden;
}
.appreach__info {
font-size: 12px !important;
}
.appreach__developper, .appreach__price {
margin-right: 0.5em;
}
.appreach__posted a {
margin-left: 0.5em;
}
.appreach__links {
float: left;
height: 40px;
margin-top: 8px;
white-space: nowrap;
}
.appreach__aslink img {
margin-right: 10px;
height: 40px;
width: 135px;
}
.appreach__gplink img {
height: 40px;
width: 134.5px;
}
.appreach__star {
position: relative;
font-size: 14px !important;
height: 1.5em;
width: 5em;
}
.appreach__star__base {
position: absolute;
color: #737373;
}
.appreach__star__evaluate {
position: absolute;
color: #ffc107;
overflow: hidden;
white-space: nowrap;
} .wpal-content .wpal-btn {
color: #fff;
} .easyLink-box .easyLink-info .easyLink-info-name a {
font-size: 15px;
font-weight: bold;
}
.easyLink-box div,
.easyLink-box p,
.easyLink-box img,
.easyLink-box a {
line-height: 1.1;
 position: relative; }
@media screen and (max-width: 703px) {
.easyLink-box .easyLink-img 
.easyLink-img-box span > img {
max-width: 180px !important;
max-height: 180px !important;
}
.easyLink-box .easyLink-img {
height: 180px !important;
}
.easyLink-box {
padding: 5px 10px !important;
}
}
@media screen and (min-width: 481px) and (max-width: 703px) {
.easyLink-box .easyLink-img .easyLink-img-box {
width: 180px !important;
height: 180px !important;	
}
}
.easyLink-info-model {
display: none;
}
.easyLink-info-btn a {
transition: 0.1s ease-in-out !important;
}
@media screen and (min-width: 704px) {
.easyLink-info-btn a {
width: 70% !important;
}
} @media screen and (max-width: 991px) {
.side-widget-area{
display: flex;
flex-flow: row wrap;
}
.side-widget-area #text-2{order: 4;}
.side-widget-area #search-2{order: 3;}
.side-widget-area #wpp-2{order: 1;}
.side-widget-area #categories-2{order: 2;}
.side-widget-area #text-5{order: 5;}
.side-widget-area #text-4{order: 6;} .side-widget-area div{width: 100%;}
} .adphone {
margin: 0 0 10px 0;
} .comment-notes {
margin: 15px 0 0;
font-size: 14px;
color: #9c4444;
}
.comment-reply-title {
font-weight: bold;
} #comments-toggle {
display: block;
margin: 30px 4px 10px;
padding: 7px 0;
background-color: #5d99d2;
border-radius: 3px;
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: center;
}
#comments-toggle:hover {
cursor: pointer;
opacity: 0.8;
} #contact-text {
width: 100%;
} .wpp-list li {
margin-bottom: 0.3rem;
} .btn-square {
position: relative;
display: inline-block;
width: 100%;
margin-top: 10px;
padding: 0.7em 2em 0.7em 1em;
text-align: center;
background: #e6e6e64f;
color: #222;
border-style: solid;
border-color: #a5a5a5;
border-width: 1px 1px 5px 1px;
border-radius: 10px;
}
.btn-square:hover {
margin-top: 13px;
border-width: 1px 1px 2px 1px;
}
.btn-square2 {
position: relative;
display: inline-block;
width: 100%;
margin-top: 10px;
padding: 0.7em 2em 0.7em 1em;
text-align: center;
background: #ea5252;
color: #fff;
border-bottom: solid 5px #963636;
border-radius: 15px;
}
.btn-square2:hover {
margin-top: 13px;
border-bottom: solid 2px #963636;
}
.btn-icon{
position: absolute;
top: 50%;
right: 20px;
width: 13px;
transform: translateY(-50%);
font-size: x-large;
}
.btn-square .btn-icon{
color: #a20101;
font-size: large;
} .relPostWrap {
margin: 50px 0;
padding: 10px;
background-color: #fafafa;
overflow: hidden;
}
.relPostWrap h5 {
margin: .3em;
text-align: center;
font-size: 1.7em;
color: #b7b7b7;
}
.relPostWrap ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.relPostWrap li {
position: relative;
flex-basis: 30.3%;
max-height: 200px;
overflow: hidden;
margin: 0 10px 20px 10px;
background: #fff;
box-shadow: 1px 5px 10px 1px #aaa;
border-radius: 3px; } .relPostWrap div.thumb {
position: relative;
} .relPostWrap div.thumb img {
height: 120px;
width: 100%;
object-fit: cover;
vertical-align: bottom;
}
@media ( max-width : 1240px ) {
.relPostWrap li {
flex-basis: 30%;
}
}
@media ( max-width : 600px ) {
.relPostWrap li {
flex-basis: 100%;
margin: 0 0 15px 0;
}
.relPostWrap div.thumb img {
float: left;
width: 35%;
height: 100px;
padding-right: .7em;
object-fit: cover;
}
} .relPostWrap div.title {
padding: 8px;
font-size: 0.95em;
font-weight: bold;
} .relPostWrap div.title a {
display: block;
text-decoration: none;
color: #383838;
}
.relPostWrap div.title a:hover {
color: #f95655;
}