@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";
#ays_tooltip{width:auto;padding:3px;box-sizing:border-box;word-break:keep-all;-webkit-hyphens:none;white-space:nowrap}#ays_tooltip.center_center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#ays_tooltip.left_top{position:fixed;left:1rem;top:1rem;bottom:auto;right:auto}#ays_tooltip.left_bottom{position:fixed;left:1rem;top:auto;bottom:1rem;right:auto}#ays_tooltip.right_top{position:fixed;left:auto;top:1rem;bottom:auto;right:1rem}#ays_tooltip.right_bottom{position:fixed;left:auto;top:auto;bottom:1rem;right:1rem}#ays_tooltip p{margin:0;padding:0}#ays_noscript{position:fixed;width:100%;height:100%;background:#fff;top:0;left:0;z-index:99998;overflow:auto;padding:90px;justify-content:center}.wrong_shortcode_text::first-letter{color:red!important;background-color:transparent!important;font-size:inherit!important;font-weight:inherit!important;float:none!important;line-height:inherit!important;margin:0!important;padding:0!important}
 .wp-make-quiz.default{
margin: 0 0 30px 0;
padding: 0;
box-sizing: border-box;
}
.wp-make-quiz.default .wp-make-quiz-title{
font-weight: normal;
margin: 0 0 1em 0;
}
.wp-make-quiz.default .wp-make-quiz-title p:first-of-type{
margin: 0;
padding: 0;
}
.wp-make-quiz.default .wp-make-quiz-question{
list-style: none;
margin: 0;
padding: 0;
}
.wp-make-quiz.default .wp-make-quiz-question-list{
position: relative;
background: #fff;
border: 1px solid #ddd;
cursor: pointer;
font-weight: normal;
padding: 10px 40px 10px 10px;
margin: 0 0 10px 0;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
} .wp-make-quiz.default .wp-make-quiz-question-list.disabled{
cursor: auto;
padding: 10px 10px 10px 50px;
}
.wp-make-quiz.default .wp-make-quiz-question-list:not(.disabled):hover{
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.wp-make-quiz.default .wp-make-quiz-question-list:after{
font-family: "dashicons";
position: absolute;
left: 10px;
font-size: 32px;
color: #fff;
line-height: 1;
}
.wp-make-quiz.default .wp-make-quiz-question-list.disabled{
background: #e2e2e2;
border-color: transparent;
}
.wp-make-quiz.default .wp-make-quiz-question-list.incorrect:not(.choice):after{
color: #878787;
} .wp-make-quiz.default .wp-make-quiz-question-list.correct.disabled{
background: #68AF15;
color: #fff;
}
.wp-make-quiz.default .wp-make-quiz-question-list.correct.disabled:after{
content: "\f147";
} .wp-make-quiz.default .wp-make-quiz-question-list.incorrect.disabled.choice{
background: #BE1515;
color: #fff;
}
.wp-make-quiz.default .wp-make-quiz-question-list.incorrect.disabled:after{
content: "\f158";
} .wp-make-quiz.default .wp-make-quiz-answer{
display: none;
background: #fff;
border: 1px solid #bbb;
font-weight: normal;
padding: 10px;
margin: 0 0 10px 0;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
animation: wp-make-quiz-default-appear 1s ease;
}
.wp-make-quiz.default .wp-make-quiz-result.show{
display: block;
}
.wp-make-quiz.default .wp-make-quiz-result{
display: none;
margin: 0 0 10px 0;
padding: 0;
font-weight: normal;
position: relative;
font-weight: 700;
}
.wp-make-quiz.default .wp-make-quiz-result:before{
font-family: "dashicons";
display: inline-block;
margin-right: 0.2em;
line-height: 1;
position: relative;
top: 3px;
} .wp-make-quiz.default .wp-make-quiz-result.correct{
color: #68AF15;
}
.wp-make-quiz.default .wp-make-quiz-result.correct:before{
content: "\f12a";
color: #68AF15;
} .wp-make-quiz.default .wp-make-quiz-result.incorrect{
color: #BE1515;
}
.wp-make-quiz.default .wp-make-quiz-result.incorrect:before{
content: "\f153";
color: #BE1515;
}
.wp-make-quiz.default .wp-make-quiz-result-text{
margin: 0;
padding: 0;
font-weight: normal;
}
.wp-make-quiz.default .wp-make-quiz-kaisetsu{
margin: 1em 0 0 0;
padding: 0;
} .wp-make-quiz.default .wp-make-quiz-continue-wrap{
margin-top: 1em;
text-align: center;
}
.wp-make-quiz.default .wp-make-quiz-continue{
display: inline-block;
padding: 0.5em 3em;
background: #68af15;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-weight: 700;
}
.wp-make-quiz.default .wp-make-quiz-continue:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.3);
} @keyframes wp-make-quiz-default-appear {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
 .wp-make-quiz.school{
margin: 0 0 30px 0;
padding: 0;
box-sizing: border-box;
border: 5px solid #C59E42;
color: #fff;
padding: 35px 5%;
background: #11754C;
border-radius: 5px;
letter-spacing: 1.2px;
font-size: 15px;
line-height: 22px;
position: relative;
}
.wp-make-quiz.school .wp-make-quiz-title{
font-weight: normal;
margin: 0 0 1em 0;
}
.wp-make-quiz.school .wp-make-quiz-title p:first-of-type{
margin: 0;
padding: 0;
}
.wp-make-quiz.school .wp-make-quiz-question{
list-style: none;
margin: 0;
padding: 0;
}
.wp-make-quiz.school .wp-make-quiz-question-list{
position: relative;
border: 1px solid #FFFFFF;
border-radius: 5px;
list-style: none;
padding: 10px 15px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
cursor: pointer;
} .wp-make-quiz.school .wp-make-quiz-question-list.disabled{
cursor: auto;
}
.wp-make-quiz.school .wp-make-quiz-question-list:not(.disabled):hover{
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.wp-make-quiz.school .wp-make-quiz-question-list.incorrect:not(.choice):after{
color: #878787;
} .wp-make-quiz.school .wp-make-quiz-question-list.correct.disabled{
background: #BE1515;
} .wp-make-quiz.school .wp-make-quiz-question-list.incorrect.disabled.choice{
background: #6EADDE;
} .wp-make-quiz.school .wp-make-quiz-answer{
display: none;
font-weight: normal;
padding: 10px;
margin: 0 0 10px 0;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
animation: wp-make-quiz-school-appear 1s ease;
}
.wp-make-quiz.school .wp-make-quiz-result.show{
display: block;
text-align: center;
line-height: 1;
}
.wp-make-quiz.school .wp-make-quiz-result.show span{
display: inline-block;
position: relative;
}
.wp-make-quiz.school .wp-make-quiz-result{
display: none;
margin: 1rem 0 2.5rem 0;
padding: 0;
font-size: 2rem;
font-weight: normal;
position: relative;
font-weight: 700;
color: #fff;
text-align: center;
}
.wp-make-quiz.school .wp-make-quiz-result:before{
font-family: "dashicons";
display: inline-block;
margin-right: 0.2em;
line-height: 1;
position: relative;
top: 3px;
}
.wp-make-quiz.school .wp-make-quiz-result span:after{
content: '';
position: absolute;
width: 100%;
height: 5px;
display: inline-block;
bottom: -1rem;
right: 0;
left: 0;
} .wp-make-quiz.school .wp-make-quiz-result.correct:before{
content: "\f159";
color: #BE1515;
}
.wp-make-quiz.school .wp-make-quiz-result.correct span:after{
background:#BE1515;
} .wp-make-quiz.school .wp-make-quiz-result.incorrect:before{
content: "\f158";
color: #6EADDE;
}
.wp-make-quiz.school .wp-make-quiz-result.incorrect span:after{
background: #6EADDE;
}
.wp-make-quiz.school .wp-make-quiz-result-text{
margin: 0;
padding: 0;
font-weight: normal;
}
.wp-make-quiz.school .wp-make-quiz-kaisetsu{
margin: 1em 0 0 0;
padding: 0;
} .wp-make-quiz.school .wp-make-quiz-continue-wrap{
text-align: center;
}
.wp-make-quiz.school .wp-make-quiz-continue{
background: none;
border: 1px solid #fff;
color: #fff;
padding: 10px;
text-align: center;
min-width: 200px;
margin: auto;
display: block;
border-radius: 5px;
margin-top: 40px;
max-width: 200px;
cursor: pointer;
}
.wp-make-quiz.school .wp-make-quiz-continue:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.3);
} @keyframes wp-make-quiz-school-appear {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}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;
}