@charset "UTF-8";
.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;
}
    div.yyi-rinker-contents { border: solid 3px #dcdcdc; border-radius: 4px; box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1); background-color:white;
} div.yyi-rinker-info div.yyi-rinker-title a {
font-size: 1em!important;
} .yyi-rinker-info {
text-align: left!important; 
} @media screen and (max-width: 500px){
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
width: 100%!important;
}} div.yyi-rinker-detail div:not(:last-child) {
padding-bottom: 1px!important;
} div.yyi-rinker-contents div.yyi-rinker-box {
padding: 15px 15px 0!important;
}
@media (min-width: 768px){
div.yyi-rinker-contents div.yyi-rinker-box {
padding: 15px 5px 0 15px!important;
}} .yyi-rinker-img-m .yyi-rinker-main-img{
width:auto!important;
}
@media (min-width: 768px){
.yyi-rinker-img-m .yyi-rinker-main-img{
width:auto!important;
max-width:200px!important;
}}
div.yyi-rinker-contents div.yyi-rinker-image{
align-items: center!important;
} @media (min-width: 768px){
div.yyi-rinker-contents ul.yyi-rinker-links li{
width: 47%; }}
ul.yyi-rinker-links a.yyi-rinker-link{
box-shadow: none!important; }
@media (min-width: 768px){ ul.yyi-rinker-links a.yyi-rinker-link {
min-height: 44px!important;
}} @media (min-width: 768px){
div.yyi-rinker-info ul.yyi-rinker-links li:not(:last-child) {
margin-right: 12px!important;
}}
div.yyi-rinker-info ul.yyi-rinker-links li {
margin-bottom: 5px!important;
} .yyi-rinker-link:before {
border-radius: 8px; } .entry-content h2 {
position: relative;
padding: 0.5em;
background: #4072b3;
color: white;
margin-bottom:1em;
}
.entry-content h2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
} .entry-content h3 {
background: #fffafa; } .entry-content h4 {
} .yellow_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff799 60%) repeat scroll 0 0;   
}
.red_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffadad 60%) repeat scroll 0 0;   
}
.green_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #b2ffb2 60%) repeat scroll 0 0;   
}
.blue_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #c1e0ff 60%) repeat scroll 0 0;   
} .appreach {
text-align: left;
padding: 10px;
border: solid 4px silver;
border-radius: 5px;
overflow: hidden;
background-color:#ffffff;
}
.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;
} #inner-content .btn2{padding:0;margin:.5em .5em .5em 0}#inner-content .btn2 a{display:block;padding:.4em .8em}#inner-content .btn2 a:hover{display:block;text-decoration:none}.btn2.btntext a {color: inherit;}#inner-content .btn2.raised a{color:#fff}.btn2.flat1 a{color:#00bcd4}.btn2.flat1 a:hover{color:#fff}.btn2.flat2 a{color:#67c5ff}.btn2.flat2 a:hover{color:#fff}.btn2.flat3 a,.btn2.flat4 a,.btn2.flat5 a{color:#67c5ff}.btn2.flat4 a:hover{color:#679efd}.btn2.flat5 a:hover{color:#fff}.btn2.flat6 a{color:#668ad8}.btn2.flat6 a:hover{color:#fff}.btn2.flat7 a{color:#67c5ff}.btn2.flat8 a{color:#00bcd4}.btn2.flat9 a{color:#fff}.btn2.flat10 a{color:#ffa000}.btn2.flat10 a:hover{color:#fff}.btn2.flat11 a{color:#668ad8}.btn2.cubic1 a,.btn2.grad1 a,.btn2.grad2 a,.btn2.grad3 a,.btn2.grad4 a{color:#fff}#inner-content .btn2.emboss a{color:rgba(0,0,0,.4)}.btn2.text3d.blue-bc a{color:#4f9df4}.btn2.text3d.red-bc a{color:#f88080}.btn2.text3d.green-bc a{color:#90d581}.btn2.cubic2 a,.btn2.cubic3 a{color:#fff}.btn2 img{visibility:hidden;display:block;width:0;height:0;}  #inner-content .wd100 {
width: 100%;
text-align: center;
} #inner-content .wd100a {
width: 100%;
text-align: center;
padding-top:20px;
padding-bottom:20px;
} body {
font-family: 'メイリオ', Meiryo,'Hiragino Sans','ヒラギノ角ゴシック','ＭＳ Ｐゴシック','MS PGothic','Helvetica Neue','Helvetica','Arial',sans-serif;
} .linkto {
position: relative;
max-width: unset;
border-color: #ffbeb9;
}
.linkto:after {
position: absolute;
display: flex;
height: 100%;
padding: 0px 15px;
content: "\f138";
font-family: "Font Awesome 5 Free";
top: 0px;
right: 0px;
font-size: 2.8em;
color: #fff;
background: #fff0ef;
align-items: center;
}
@media (max-width: 767px) {
.linkto:after {
padding: 0px 8px;
font-size: 2em;
}}
.linkto:hover {
background: #fff0ef;
}
.linkto img {
box-shadow: none;
}
.linkto .tbtext {
padding: 30px 62px 0px 14px;
vertical-align: top;
font-size: .9em;
position: relative;
font-weight: 500;
}
.linkto .tbtext:before {
position: absolute;
content: "関連記事";
top: 0;
display: inline-block;
background: #ff9a91;
line-height: 26px;
color: white;
padding: 0 8px;
border-radius: 3px;
font-weight: 500;
} .p-box.p-custom{border: 2px solid #E1BEE7; }
div.p-box.p-custom .p-box-title{background-color: #CE93D8; }
div.p-box.p-custom .p-box-title:after{border-top: 12px solid #CE93D8; }
.p-box.p-custom ul li:before {color: #CE93D8; } .box28 {
border-color:#a3de83;
padding: 0;
}
.box28 .box-title{
font-size:0.8em;
background:#a3de83;
padding: 5px 9px 5px;
}
.box28 .box-title:before { font-family: "Font Awesome 5 Free";
content: "\f0a7"; }
.box28 .box-content {
border-color:#a3de83;
background-color: #FAFEF8;
}
.box28 ul{
list-style-type:none!important;
padding:0;
}
.box28 ol{
list-style-type:none!important;
padding:0;
}
.box28 li:before { font-family: "Font Awesome 5 Free";
content: "\f138"; color: #a3de83; font-weight:900;
padding: 0 5px 0 0;
} .kanren01 a{
text-decoration: underline;
}
.kanren01 a:hover{
text-decoration: none;
}
.kanren01:before {
padding: 0.3em;
margin-right: 0.5em;
background: #ffb400;
color: #fff;
font-weight: ;
border-radius: 3px;
font-family: "Font Awesome 5 Free";
content: '\f02b\ 関連';
font-weight: 900;
font-size:0.9em;
} .box30 {
background:#F3F6FD;
} .box29 {
border: solid 2px #46BC63;
border-radius: 5px;
}
.box29 .box-title {
background: #46BC63;
border-radius: 5px 0 0 0;
} .koushiki01 a{
text-decoration: underline;
}
.koushiki01 a:hover{
text-decoration: none;
}
.koushiki01:before {
padding: 0.3em;
margin-right: 0.5em;
background: #fca7a7;
color: #fff;
font-weight: ;
border-radius: 3px;
font-family: "Font Awesome 5 Free";
content: '\f57e\ 公式';
font-weight: 900;
font-size:0.9em;
} .abtn-mc1 a{
display: inline-block;
width: 95%;
margin: 0;
border-radius: 3px;
background: #ef6c57;
color: #fff;
padding: 1.2em .3em;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
margin-bottom:.6em!important;
}
.abtn-mc1 a:after{
content: "\f138";
font-family:"Font Awesome 5 Free";
margin-left: 20px;
}
.abtn-mc1 a:hover{
text-decoration: none;
box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
-webkit-tap-highlight-color: transparent;
}
.abtn-mc1-top-text{
font-size: .8em;
font-weight: bold;
margin-bottom:.6em!important;
}
.abtn-mc1-under-text{
font-size: .8em;
}  .abtn-mc2{
margin: .3em 0 -1.5em 0;
display: inline-block;
vertical-align: top;
}
.abtn-mc2 a{
display: inline-block;
margin: 0;
border-radius: 3px;
background: #4F9DF4;
color: #fff;
padding: .2em 2em;
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
}
.abtn-mc2 a:after{
content: "\f138";
font-family:"Font Awesome 5 Free";
margin-left: 20px;
}
.abtn-mc2 a:hover{
text-decoration: none;
box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
-webkit-tap-highlight-color: transparent;
}
.abtn-mc2-text{
display: inline-block;
font-size: 14px;
text-align: left;
}
.abtn-mc2-text p{
margin:2px 0;
padding-left: 10px;
}
.abtn-mc2-text p:before{
content: "\f058";
font-family:"Font Awesome 5 Free";
margin-right: 8px;
}  .abtn-mc3{
margin: .15em 0 -1.5em 15px;
display: inline-block;
vertical-align: top;
width: 50%;
}
.abtn-mc3 a{
display: inline-block;
width: 100%;
margin: 0;
border-radius: 3px;
background: #4F9DF4;
color: #fff;
padding: .4em 1.5em;
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
}
.abtn-mc3 a:after{
content: "\f138";
font-family:"Font Awesome 5 Free";
margin-left: 20px;
}
.abtn-mc3 a:hover{
text-decoration: none;
box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
-webkit-tap-highlight-color: transparent;
}
.abtn-huki {
display: inline-block;
vertical-align: middle;
position: relative;
border: solid 1px #d1d1d1;
border-radius: 10px;
padding: .5em 1.5em;
}
.abtn-huki p{
margin-bottom: 0;
line-height: 1.3;
}
.abtn-huki:before{
content: "";
position: absolute;
top: 18px;
left: 100%;
border: 13px solid transparent;
border-left: 17px solid #d1d1d1;
}
.abtn-huki:after {
content: '';
position: absolute;
top: 19px;
left: 100%;
border: 12px solid transparent;
border-left: 16px solid white;
}
@media screen and (max-width: 500px){
.abtn-huki:before {
content: "";
position: absolute;
top: 100%;
left: 55px;
border: 13px solid transparent;
border-top: 17px solid #d1d1d1;
}
.abtn-huki:after {
content: '';
position: absolute;
top: 100%;
left: 56px;
border: 12px solid transparent;
border-top: 16px solid white;
}
.abtn-mc3{
width: 100%;
margin-left: 0px!important;
}} .mc-plus-btn{ text-align: center; margin: 1em 0 1.5em 0; }
.mc-plus-btn .btn{ width: 100%; padding: .2em 1.3em; font-size: 1.3em; font-weight: bold; }
.mc-top-text, .mc-btn{ margin-bottom:-.2em!important; }
.mc-top-text{ font-weight: bold; }
.mc-under-text{ font-size: .8em; }
.mc-btn a:after{ content: "\f138"; font-family:"Font Awesome 5 Free";
margin-left: 15px; } .kjk_sng_sharebox{ padding: 0 17px; }
.kjk_sng_sharebox .hatebu,.kjk_sng_sharebox .gplus { display: none; }
.kjk_sng_sharebox .sns-btn ul{ margin-top: 0; display: flex; -webkit-flex-flow: wrap;
flex-direction: row;
justify-content: space-between;
}
.kjk_sng_sharebox .share_txt{ display: none; }
.kjk_sng_sharebox .sns-btn__item a { width: 62px; height: 62px; margin: 0; padding: 11px 0; border: 2px solid; border-radius: 10px; } #fixed_sidebar .widget h4 + * {
max-height: 250px; overflow-y: auto;
}  .prof-sns{ text-align: center; padding-top: 5%; border-top: 2px dotted #eee; font-size: 0.6em; }
.prof-sns i { font-size: 3em; line-height: 34px; margin-top: 6px; }
.pf-btn { display: inline-block; width: 43%; height: 60px; margin: 0% 1.5% 5%; border-radius: 5px; letter-spacing: .05em; opacity: .7; color: #fff; }
.pf-btn:hover{ opacity: 1; text-decoration: none; transition: all ease-in-out .3s; } .twitter-bc{background-color:   #1DA1F2;}
.profile-bc{background-color: #424242;}
.feedly-bc{background-color: #2BB24C;}
.amazon-bc{background-color: #232F3E;}
.instagram-bc{background: repeating-linear-gradient(45deg, #FED06E, #FC0077, #3F35EE );}
.facebook-bc{background-color: #748DCC;}
.youtube-bc{background-color: #DD2726;}
.line-bc{background-color: #00B900;} .cardtype__img img { padding: .45em .45em 0 .45em; } .osusume-card .cardtype__link { padding-bottom: 15px; text-align: center; } .newmark { right: 1.05em; top: 1.05em; } .saysprp { position: relative; }
.saysprp .faceicon span { position: absolute; top: 80px; left: 100px; color: #999999; font-size: 12px; line-height: 20px; font-weight: 500; }
.saysprp .fuki { border: 2px solid #eaedf2; margin: 1em 0 1.5em; }
.saysprp .fuki:before { left: 40px; }
.saysprp .fuki:after { border-bottom-color: #eaedf2; top: -11px; left: 40px; }
@media only screen and (max-width: 480px){ .saysprp .faceicon span { top: 60px;
left: 80px;
}
.saysprp .fuki:before { left: 28px;
}
.saysprp .fuki:after { left: 28px;
}} #toc_container { margin: 0 0 2em 0; padding: 0; border-color: #EE856B!important; border: solid 2px; border-top: none; border-radius: 3px; background: #6bb6ff0d; box-shadow: none; }
div#toc_container .toc_list:after { content: url(https://mixart.jp/wp-content/uploads/2019/02/logo-mini-min.png); position: absolute; bottom: 0px; right: 10px; opacity: 0.3; }
#toc_container .toc_title { display: block; margin: 0; padding: 0; font-size: 18px; line-height: 42px; font-weight: bold; background: #EE856B; text-align: center; color: white!important; }
#toc_container .toc_title:before { display: none; }
#toc_container .toc_list { margin: 0; color: #424242; padding: 1em 6%; font-size: 12px; }
#toc_container .toc_list li a:hover { text-decoration: none; opacity: .5; }
#toc_container ul { list-style-type: none; color: #424242!important; }
#toc_container .toc_list li ul {
padding-left: 20px; }
#toc_container .toc_list li a { display: inline-block; line-height: 2; width: 100%; padding: 5px 0 2px 32px; text-indent: -32px; }
#entry .toc_number { display: inline-block; width: 26px; height: 26px; border-radius: 50%; background: #EE856B; text-align: center; line-height: 28px; vertical-align: middle; color: #ffffff; margin: 0 2px 5px; text-indent: 0; }
#entry ul.toc_list ul > li .toc_number { background: none; color: #EE856B; }
@media only screen and (min-width: 481px){ #toc_container { padding: 0; }} .custom-html-widget .widget-menu__title {
background-color: #4072B3;
} .bc-home {
display: inherit; width: 90%; height: 60px; line-height: 60px; margin: 0 auto; padding-right: 10px; border-radius: 5px; text-align: center; letter-spacing: .05em; background: #424242de; color: white; }
.bc-home .fa { vertical-align: -11%; padding-right: 10px; } .meritto, .demeritto { position: relative; padding: 0.8em 1em; margin: 3em 0 2em; }
.meritto { border: 3px solid #59D49D;
}
.demeritto { border: 3px solid #66A5FF;
}
.meritto .box-title, .demeritto .box-title { position: absolute; top: -42px; left: -3px; color: white; line-height: 32px; padding: 5px 13px 3px; border-radius: 10px 10px 0 0; }
.meritto .box-title { background: #59D49D;
}
.demeritto .box-title { background: #66A5FF;
}
.meritto .box-title:before, .demeritto .box-title:before { margin-right: 10px; font-size: 1.2em; }
.meritto .box-title:before { content: "\f599";
}
.demeritto .box-title:before { content: "\f119";
}
.meritto ul, .demeritto ul { list-style: none; }
.meritto li, .demeritto li { padding: .5em 0; }
.meritto li:before, .demeritto li:before { margin-left: -20px; margin-right: 10px; }
.meritto li:before { content: "\f164";
color: #59D49D;
}
.demeritto li:before { content: "\f165";
color: #66A5FF;
}
.meritto li:before, .meritto .box-title:before, .demeritto li:before, .demeritto .box-title:before { font-family: "Font Awesome 5 Free";
font-weight: 900;
} .p-box { border: 2px solid #f4f4f5; padding: 30px 20px 15px; margin: 30px 0 20px; border-radius: 0; }
div.p-box .p-box-title { background:#5a5a5a; left: -2px; top: -18px; border-radius: 0; font-weight: 500; padding: 6px 10px; letter-spacing: .1em; }
div.p-box .p-box-title:after { border-top-color: #5a5a5a; top: 35px; left: 18px; }
.p-box ul li { padding: .5em 0 .5em 1.5em; }
.p-box ul li:before { color: #5a5a5a; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.p-box.p-red {
border-color: #ff9a91;
}
div.p-box.p-red .p-box-title {
background-color: #ff9a91;
}
div.p-box.p-red .p-box-title:after {
border-top: 12px solid #ff9a91;
}
.p-box.p-red ul li:before {
color: #ff9a91;
}
.p-box.p-blue {
border-color: #66A5FF;
}
div.p-box.p-blue .p-box-title {
background-color: #66A5FF;
}
div.p-box.p-blue .p-box-title:after {
border-top: 12px solid #66A5FF;
}
.p-box.p-blue ul li:before {
color: #66A5FF;
}
.p-box.p-custom {
border-color: #CE93D8;
}
div.p-box.p-custom .p-box-title {
background-color: #CE93D8;
}
div.p-box.p-custom .p-box-title:after {
border-top: 12px solid #CE93D8;
}
.p-box.p-custom ul li:before {
color: #CE93D8;
} .fixed-menu ul { width: auto; padding: 0.2em 1em; right: 10px; left: auto; bottom: 10px; border-radius: 50%; background: #ff5959!important; }
.fixed-menu a { color: #fff!important; }
.fixed-menu ~ .totop { bottom: 80px; }
.totop { background: #fff!important; border: 1px solid #424242; width: 64px; height: 64px; }
.totop .fa { line-height: 58px; font-size: 1.15em; color: #424242; }
.fixed-menu { margin-bottom: 0; } .tomkj a { position: fixed; bottom: 80px; right: 10px; height: 64px; width: 64px; text-align: center; border-radius: 50%; z-index: 9; opacity: 0.7; font-size: .9em; }
.tomkj-c a { background: #fff; color: #ef866b; border: 2px solid; }
.tomkj a:hover { text-decoration: none; }
.tomkj p { margin-bottom: -18px; margin-top: 8px; }
.tomkj p:last-child { font-size: 1.4em; } .is-style-whiteboard1 {
position: relative;
max-width: 520px;
margin: 0 auto 2em;
padding: 2em 1.5em;
border: 10px solid transparent;
border-radius: 4px;
background: linear-gradient(white, white), linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 100% / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 100% / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 0 / 30px 30px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 0 / 30px 30px, linear-gradient(#e6e6e6, #e6e6e6);
background-clip: padding-box, border-box, border-box, border-box, border-box, border-box;
background-origin: border-box;
}
.is-style-whiteboard1:before,
.is-style-whiteboard1:after ,
.is-style-whiteboard1 .wp-block-group__inner-container:before,
.is-style-whiteboard1 .wp-block-group__inner-container:after {
display: inline-block;
position: absolute;
content: "";
}
.is-style-whiteboard1:before {
right: 10px;
bottom: 16px;
width: 52px;
height: 8px;
border-radius: 2px 2px 0 0;
background: #5a95f5;
}
.is-style-whiteboard1:after {
right: 11px;
bottom: 1px;
width: 50px;
height: 15px;
border-radius: 0 0 4px 4px;
background: #d2e2fc;
}
.is-style-whiteboard1 .wp-block-group__inner-container:before {
right: 71px;
bottom: 1px;
width: 48px;
height: 8px;
background: linear-gradient(90deg, #ea4335 8%, #f2f2f2 8%, #f2f2f2 70%, #ea4335 70%);
}
.is-style-whiteboard1 .wp-block-group__inner-container:after {
right: 98px;
bottom: 9px;
width: 48px;
height: 8px;
background: linear-gradient(90deg, #333 8%, #f2f2f2 calc(8% + 1px), #f2f2f2 70%, #333 calc(70% + 1px));
transform: rotate(-20deg);
} .hanyou1, .hanyou2, .hanyou3, .hanyou4, .hanyou5, .hanyou6 { position: relative; padding: 1.2em 1em 0.6em; margin: 3em 0 2em; }
.hanyou2 { border: 2px solid #92CEFF;
}
.hanyou1 { border: 2px solid #FF9A91;
}
.hanyou3 { border: 2px solid #60CAAD;
}
.hanyou4 { border: 2px solid #424242;
}
.hanyou5 { border: 2px solid #AAA5D1;
}
.hanyou6 { border: 2px solid #F7D76B;
}
.hanyou1 .box-title, .hanyou2 .box-title, .hanyou3 .box-title, .hanyou4 .box-title, .hanyou5 .box-title, .hanyou6 .box-title { position: absolute; top: -22px; left: -2px; color: white; line-height: 30px; padding: 3px 13px 1px; border-radius: 0px 0px 0 0; font-size: 0.8em;
}
.hanyou1 .box-title { background: #FF9A91;
}
.hanyou2 .box-title { background: #92CEFF;
}
.hanyou3 .box-title { background: #60CAAD;
}
.hanyou4 .box-title { background: #424242;
}
.hanyou5 .box-title { background: #AAA5D1;
}
.hanyou6 .box-title { background: #F7D76B;
}
.hanyou1 .box-title:before, .hanyou2 .box-title:before, .hanyou3 .box-title:before, .hanyou4 .box-title:before, .hanyou5 .box-title:before, .hanyou6 .box-title:before { margin-right: ; font-size: ; }
.hanyou1 .box-title:before { content: "";
}
.hanyou2 .box-title:before { content: "";
}
.hanyou3 .box-title:before { content: "";
}
.hanyou1 ul, .hanyou2 ul, .hanyou3 ul, .hanyou4 ul, .hanyou5 ul, .hanyou6 ul { list-style: none; }
.hanyou1 li, .hanyou2 li, .hanyou3 li, .hanyou4 li, .hanyou5 li, .hanyou6 li { padding: .2em 0; }
.hanyou1 li:before, .hanyou2 li:before, .hanyou3 li:before, .hanyou4 li:before, .hanyou5 li:before, .hanyou6 li:before { margin-left: -20px; margin-right: 10px; }
.hanyou1 li:before { content: "\f138";
color: #FF9A91;
}
.hanyou2 li:before { content: "\f138";
color: #92CEFF;
}
.hanyou3 li:before { content: "\f138";
color: #60CAAD;
}
.hanyou4 li:before { content: "\f138";
color: #424242;
}
.hanyou5 li:before { content: "\f138";
color: #AAA5D1;
}
.hanyou6 li:before { content: "\f138";
color: #F7D76B;
}
.hanyou1 li:before, .hanyou1 .box-title:before, .hanyou2 li:before, .hanyou2 .box-title:before, .hanyou3 li:before, .hanyou3 .box-title:before, .hanyou4 li:before, .hanyou4 .box-title:before, .hanyou5 li:before, .hanyou5 .box-title:before, .hanyou6 li:before, .hanyou6 .box-title:before { font-family: "Font Awesome 5 Free";
font-weight: 900;
} .myfuki-main { display: inline-block; position: relative; background: #FF9A91; color: white; font-weight: 900; font-size: 0.9em;
margin: .5em 0 1em; border-radius: 25px; padding: .3em 1em; }
.myfuki-main:before { position: absolute; content: ""; bottom: -.5em;    margin-left: 0.8em; border-top: 10px solid #FF9A91; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0;
border-top-color: #FF9A91;
}
.myfuki2 { display: inline-block; position: relative; background: #60CAAD; color: white; font-weight: 900; font-size: 0.9em;
margin: .5em 0 1em; border-radius: 25px; padding: .3em 1em; }
.myfuki2:before { position: absolute; content: ""; bottom: -.5em;    margin-left: 0.8em; border-top: 10px solid #60CAAD; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0;
border-top-color: #60CAAD;
}
.myfuki3 { display: inline-block; position: relative; background: #92CEFF; color: white; font-weight: 900; font-size: 0.9em;
margin: .5em 0 1em; border-radius: 25px; padding: .3em 1em; }
.myfuki3:before { position: absolute; content: ""; bottom: -.5em;    margin-left: 0.8em; border-top: 10px solid #92CEFF; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0;
border-top-color: #92CEFF;
} .left .faceicon img {
background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #bdb9ff, #67b8ff);
background-clip: padding-box, border-box;
background-origin: border-box;
border-color: transparent!important;
} .right .faceicon img {
background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #bdb9ff, #67b8ff);
background-clip: padding-box, border-box;
background-origin: border-box;
border-color: transparent!important;
} @media only screen and (min-width: 481px) {
.faceicon {
width: 120px;
}
.chatting {
width: calc(100% – 120px);
}
}  .sc{
background: #ffffff!important; border: solid 2px #d1d1d1!important; color: #404040!important; font-size: 1em;
padding:13px;
} .say.left .sc:before{
border-right:12px solid #d1d1d1; }
.say.left .sc:after{
border-right:12px solid #ffffff; } .say.right .sc:before{
border-left:12px solid #d1d1d1; }
.say.right .sc:after{
border-left:12px solid #ffffff; } .grecaptcha-badge {
bottom: 100px !important;
}@keyframes pchppFlash{20%{opacity:1}50%{opacity:0}80%{opacity:1}}.pochipp-box{position:relative;display:grid;grid-gap:0 24px;grid-template-areas:"areaImg areaBody" "areaBtns areaBtns";grid-template-rows:auto auto;grid-template-columns:100px 1fr;max-width:960px;padding:24px!important;color:#353535;font-size:16px;background:#fff;box-shadow:0 1px 8px -4px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.02)}body:not(#__) .pochipp-box{margin:2em auto}.pochipp-box .pochipp-box__logo{position:absolute;right:3px;bottom:4px;display:flex;align-items:center;justify-content:center;opacity:.2}.pochipp-box .pochipp-box__logo img{display:block;width:12px;height:12px;margin:0!important}.pochipp-box .pochipp-box__logo span{display:block;font-size:10px;line-height:1;transform:scale(.8)}.pochipp-box__image{grid-area:areaImg;margin:0;padding:0}.pochipp-box__image a{display:block;width:100%;text-decoration:none!important}.pochipp-box__image img{display:block;width:100%;height:auto;max-height:160px;-o-object-fit:contain;object-fit:contain}.pochipp-box__body{grid-area:areaBody;margin:0;padding:0}.pochipp-box__title{margin:0 0 8px;font-weight:700;line-height:1.6}.pochipp-box__title a{display:block;width:100%;color:inherit!important;text-decoration:none!important}.pochipp-box__info{margin:4px 0 0;font-size:12px;line-height:1.5;opacity:.75}.pochipp-box__price{margin:4px 0 0;font-size:13px;line-height:1.5}.pochipp-box__price span{font-size:10px;opacity:.75}.pochipp-box__review{display:flex;margin-top:4px}.pochipp-box__review a{display:flex;align-items:center;text-decoration:none!important}.pochipp-box__review img+span{margin-left:4px}.pochipp-box__review span{font-size:12px;color:#599ba3!important}.pochipp-box__review span.dashicons{display:flex;align-items:center;font-size:16px}.pochipp-box .pochipp-box__btns{position:relative;left:-4px;display:flex;flex-wrap:wrap;grid-area:areaBtns;align-items:flex-end;width:calc(100% + 8px);margin:12px 0 0;padding:0}.pochipp-box__btnwrap span{width:100%}.pochipp-box .pochipp-box__btnwrap{min-width:-moz-max-content;min-width:max-content;padding:4px}.pochipp-box__btnwrap.-on-sale{order:-1}.pochipp-box .pochipp-box__btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0!important;padding:12px;font-size:1em;line-height:1;letter-spacing:.5px;text-align:center;text-decoration:none!important}.pochipp-box .pochipp-box__btn:hover{opacity:.8}.pochipp-box .pochipp-box__btn img{position:absolute;display:block;width:1px;height:1px;visibility:hidden;opacity:0}.pochipp-box .pochipp-box__btn span{font-size:inherit;line-height:1}.pochipp-box .pochipp-box__saleInfo{font-size:12px;line-height:1;text-align:center}.pochipp-box__saleInfo.-top{margin-bottom:4px;font-weight:700}[data-sale-effect=flash] .pochipp-box__saleInfo{animation:1.5s linear 0s infinite pchppFlash}.pochipp-box__btnwrap.-amazon .pochipp-box__saleInfo{color:var(--pchpp-color-amazon)}.pochipp-box__btnwrap.-rakuten .pochipp-box__saleInfo{color:var(--pchpp-color-rakuten)}.pochipp-box__btnwrap.-yahoo .pochipp-box__saleInfo{color:var(--pchpp-color-yahoo)}.pochipp-box__btnwrap.-mercari .pochipp-box__saleInfo{color:var(--pchpp-color-mercari)}.pochipp-box__btnwrap.-custom .pochipp-box__saleInfo{color:var(--pchpp-color-custom)}.pochipp-box__btnwrap.-custom_2 .pochipp-box__saleInfo{color:var(--pchpp-color-custom-2)}.pochipp-box__price[data-disp-price=off]{display:none}.pochipp-box[data-btn-radius=off]{border-radius:1px}.pochipp-box[data-btn-radius=off] .pochipp-box__btn,.pochipp-box[data-btn-radius=off] .pochipp-box__image img,.pochipp-box[data-btn-radius=off] .pochipp-box__saleInfo{border-radius:1px}.pochipp-box[data-btn-radius=on]{border-radius:4px}.pochipp-box[data-btn-radius=on] .pochipp-box__image img{border-radius:4px}.pochipp-box[data-btn-radius=on] .pochipp-box__btn,.pochipp-box[data-btn-radius=on] .pochipp-box__saleInfo{border-radius:40px}.pochipp-box[data-btn-style=dflt] .pochipp-box__btn{position:relative;overflow:hidden;color:#fff!important;background-color:#3c3c3c;box-shadow:0 1px 4px -1px rgba(0,0,0,.2)}.pochipp-box[data-btn-style=dflt] .pochipp-box__btn::before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:linear-gradient(175deg,#fff,transparent 50%,transparent 70%,#555);opacity:.1;content:""}.pochipp-box[data-btn-style=dflt] .-amazon>.pochipp-box__btn{background:var(--pchpp-color-amazon)}.pochipp-box[data-btn-style=dflt] .-rakuten>.pochipp-box__btn{background:var(--pchpp-color-rakuten)}.pochipp-box[data-btn-style=dflt] .-yahoo>.pochipp-box__btn{background:var(--pchpp-color-yahoo)}.pochipp-box[data-btn-style=dflt] .-mercari>.pochipp-box__btn{background:var(--pchpp-color-mercari)}.pochipp-box[data-btn-style=dflt] .-custom>.pochipp-box__btn{background:var(--pchpp-color-custom)}.pochipp-box[data-btn-style=dflt] .-custom_2>.pochipp-box__btn{background:var(--pchpp-color-custom-2)}.pochipp-box[data-btn-style=outline] .pochipp-box__btn{background:0 0!important;box-shadow:inset 0 0 0 1px currentColor,0 1px 4px -1px rgba(0,0,0,.2)}.pochipp-box[data-btn-style=outline] .-amazon>.pochipp-box__btn{color:var(--pchpp-color-amazon)}.pochipp-box[data-btn-style=outline] .-rakuten>.pochipp-box__btn{color:var(--pchpp-color-rakuten)}.pochipp-box[data-btn-style=outline] .-yahoo>.pochipp-box__btn{color:var(--pchpp-color-yahoo)}.pochipp-box[data-btn-style=outline] .-custom>.pochipp-box__btn{color:var(--pchpp-color-custom)}.pochipp-box[data-btn-style=outline] .-custom_2>.pochipp-box__btn{color:var(--pchpp-color-custom-2)}.pochipp-box[data-img=r]{grid-template-areas:"areaBody areaImg" "areaBtns areaBtns";grid-template-columns:1fr 100px}.pochipp-inline__btnwrap{display:inline-flex;margin:.5em .5em}.pochipp-inline__btnwrap>.pochipp-inline__btn{display:inline-block;width:var(--pchpp-inline-width,auto);padding:.75em 1.5em;overflow:hidden;color:var(--pchpp-inline-txt-color,inherit);font-size:1em;line-height:1.5;text-align:center;text-decoration:none!important;background-color:var(--pchpp-inline-bg-color,none);border-radius:var(--pchpp-inline-radius,0);box-shadow:var(--pchpp-inline-shadow,none)}.pochipp-inline__btnwrap>.pochipp-inline__btn:hover{opacity:.8}.position-fixed{position:fixed}@media screen and (min-width:600px){.pochipp-box.is-vrtcl{display:block;max-width:400px}.pochipp-box.is-vrtcl .pochipp-box__btns .pochipp-box__btnwrap{flex-basis:100%;min-width:100%;max-width:100%}.pochipp-box.is-vrtcl .pochipp-box__image{margin-bottom:16px}.pochipp-box.is-vrtcl .pochipp-box__image img{width:40%;max-width:120px;margin:0 auto}}@media screen and (min-width:1000px){.pochipp-box[data-lyt-pc=dflt]{grid-template-areas:"areaImg areaBody" "areaImg areaBtns"}.pochipp-box[data-lyt-pc=dflt][data-img=r]{grid-template-areas:"areaBody areaImg" "areaBtns areaImg"}.pochipp-box[data-lyt-pc=big]{grid-template-columns:120px 1fr}.pochipp-box[data-lyt-pc=big][data-img=r]{grid-template-columns:1fr 120px}.pochipp-box[data-lyt-pc=big] .pochipp-box__btns{margin-top:20px}.pochipp-box[data-lyt-pc=imgbig]{grid-template-areas:"areaImg areaBody" "areaImg areaBtns";grid-template-columns:140px 1fr}}@media screen and (min-width:1100px){[data-maxclmn-pc=fit]>.pochipp-box__btnwrap{flex:1;max-width:50%;font-size:15px}[data-maxclmn-pc="3"]>.pochipp-box__btnwrap{flex:0 0 33.3%;font-size:15px}[data-maxclmn-pc="2"]>.pochipp-box__btnwrap{flex-basis:50%;max-width:50%}}@media screen and (max-width:1099px){.pochipp-box__btnwrap{flex-basis:50%;min-width:50%!important;max-width:50%}}@media screen and (max-width:599px){.pochipp-box{grid-gap:0 16px;grid-template-columns:25% 1fr;width:88%;box-sizing:border-box;font-size:13px}.pochipp-box__price{font-size:12px}[data-maxclmn-mb="1"]>.pochipp-box__btnwrap{flex-basis:100%;max-width:100%;font-size:15px}[data-maxclmn-mb="2"]>.pochipp-box__btnwrap{font-size:13px}[data-maxclmn-mb="2"]>.pochipp-box__btnwrap.-on-sale{flex-basis:100%;max-width:100%}.pochipp-box .pochipp-box__btn{padding:12px 10px}[data-maxclmn-mb="2"]>.-long-text:not(.-on-sale) .pochipp-box__btn{font-size:12px;line-height:13px;letter-spacing:0;white-space:nowrap}.pochipp-box .pochipp-box__saleInfo{font-size:11px}.pochipp-box[data-img=r]{grid-template-columns:1fr 25%}.pochipp-box[data-lyt-mb=vrtcl]{display:block;font-size:14px}.pochipp-box[data-lyt-mb=vrtcl] .pochipp-box__image{width:100%;margin-bottom:16px}.pochipp-box[data-lyt-mb=vrtcl] .pochipp-box__image img{width:60%;max-width:120px;margin:0 auto}.pochipp-box[data-lyt-mb=vrtcl] .pochipp-box__body{width:100%;padding:0}}@media screen and (max-width:360px){.pochipp-box{width:100%;box-sizing:border-box;padding:16px!important;font-size:14px}}