@charset "UTF-8";
.kb_image{margin:0}.kb_image{width:60px;height:60px}@media only screen and (min-width: 768px){.kjk_balloon .kb_text{margin-top:10px}.kb_image{width:70px;height:70px}}.kb_image img{object-fit:contain}.kjk_balloon{margin-bottom:2em;position:relative}.kjk_balloon:before,.kjk_balloon:after{clear:both;content:"";display:block}.kb_image.kb_left{float:left;margin-right:15px!important}.kb_image.kb_right{float:right;margin-left:15px!important}.kb_image img{width:100%;height:100%;border:1px solid #aaa;border-radius:50%;margin:0}.kb_icon_name{padding:0;font-size:14px;text-align:center}.kjk_balloon p{margin:0 0 20px;line-height:1.8}.kjk_balloon p:last-child{margin-bottom:0}.kb_text.kb_left{float:left;margin-left:5px}.kb_text.kb_right{float:right;margin-right:5px}.kb_text.kb_right,.kb_text.kb_left{position:relative;padding:10px;border-radius:10px;max-width:-webkit-calc(100% - 120px);max-width:calc(100% - 120px);display:inline-block;background-color:#fafafa}.kjk_balloon.kb_border .kb_text.kb_left,.kjk_balloon.kb_border .kb_text.kb_right{border:1px solid #aaa}.kb_normal.kb_border .kb_text.kb_left:before{border:10px solid transparent;border-right:10px solid #aaa;left:-20px}.kb_normal .kb_text.kb_left:after{border:10px solid transparent;border-right:10px solid;border-right-color:#fafafa;left:-19px}.kb_normal.kb_border .kb_text.kb_right:before{border:10px solid transparent;border-left:10px solid;border-left-color:inherit;right:-20px}.kb_normal .kb_text.kb_right:after{border:10px solid transparent;border-left:10px solid #fafafa;right:-19px}.kb_text.kb_left:before{position:absolute;content:'';top:15px}.kb_text.kb_left:after{position:absolute;content:'';top:15px}.kb_text.kb_right:before{position:absolute;content:'';top:15px}.kb_text.kb_right:after{position:absolute;content:'';top:15px}.kb_think .kb_text.kb_left,.kb_think .kb_text.kb_right{border-radius:30px;border-color:#aaa}.kb_think .kb_text.kb_left:before{width:8px;height:8px;top:18px;left:-12px}.kb_think .kb_text.kb_left:after{width:4px;height:4px;top:20px;left:-19px}.kb_think .kb_text.kb_right:before{width:8px;height:8px;top:18px;right:-12px}.kb_think .kb_text.kb_right:after{width:4px;height:4px;top:20px;right:-19px}.kb_think .kb_text.kb_left:before,.kb_think .kb_text.kb_left:after,.kb_think .kb_text.kb_right:before,.kb_think .kb_text.kb_right:after{border-radius:50%;background-color:inherit}.kb_think.kb_border .kb_text.kb_left:before,.kb_think.kb_border .kb_text.kb_left:after,.kb_think.kb_border .kb_text.kb_right:before,.kb_think.kb_border .kb_text.kb_right:after{border:1px solid;border-color:inherit}.kb_line .kb_text{border-radius:1em;border:none;max-width:70%;padding:.2em 1em;position:relative;margin-top:30px}.kb_line .kb_text.kb_left{background:#f2f2f2;margin-left:5px}.kb_line .kb_text.kb_left:after{background:#fff;border-radius:2.2em 0 0 2.2em;border-width:0 0 1px;height:1.6em;margin:-2.3em -1px 0 0;right:100%;width:1.1em;top:1.4em}.kb_line .kb_text.kb_left:before{background:inherit;border-radius:1.6em 0 0 1.6em;border-width:0 0 0 1px;height:1.8em;margin:-1.8em -1px 0 0;right:100%;width:.8em;top:1.4em}.kb_line .kb_text.kb_right{background:#84e248;margin-right:5px}.kb_line .kb_text.kb_right:after{background:#fff;border-radius:0 2.2em 2.2em 0;border-width:0 0 1px;height:1.6em;left:100%;margin:-2.3em 0 0 -1px;width:1.1em;top:1.4em}.kb_line .kb_text.kb_right:before{background:inherit;border-radius:0 1.6em 1.6em 0;border-width:0 1px 1px 0;height:1.8em;left:100%;margin:-1.8em 0 0 -1px;width:.8em;top:1.4em}.kb_line.kb_border .kb_text,.kb_line.kb_border .kb_text.kb_left:after,.kb_line.kb_border .kb_text.kb_left:before,.kb_line.kb_border .kb_text.kb_right:after,.kb_line.kb_border .kb_text.kb_right:before{border:solid 1px #c5d0e4}.kb_line.kb_border .kb_text.kb_right:before{border:solid #c5d0e4}#promotion {
margin: 20px auto;
padding: 10px;
background: #f5f5f5;
border-radius: 5px;
font-size: 16px;
box-sizing: border-box;
}
.promotion-wrap {}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;
}.futo {
font-weight: bold;
} #drawer .fa-bars {
padding: 15px 0 0 12px;
}
#drawer .fa-bars:after {
content: 'MENU';
font-size: 10px;
font-weight: bold;
display: block;
margin-top: 3.5px;
} @media only screen and (max-width: 480px) {
.header-info a {
padding: 5px 10px;
font-size: 15px;
}
#breadcrumb {
padding: 5px 15px;
font-size: 15px;
}
h1, .h1 {
font-size: 1.1em;
line-height: 1.5;
}
.single-title, .page-title, .entry-title {
padding: 20px 15px 5px 15px;
}
.entry-meta {
margin: 0 0 5px;
font-size: .8em;
}
} .points p {
margin: 0;
padding: 0 1em;
}
.points {
position: relative;
display: inline-block;
margin: 1.5em 0 .9em 0;
padding: 5px 20px;
min-width: 120px;
max-width: 100%;
color: #fff;
background: #81D4FA;
border-radius: 15px;
font-size: 14px;
font-weight:bold;
text-align:center;
}
.points:before {
content: "";
position: absolute;
top: 100%;
left: 30%;
margin-left: -15px;
border: 10px solid transparent;
border-top: 10px solid #81D4FA;
} .points.p-red {background: #ef9a9a;}
.points.p-red:before{border-top: 10px solid #ef9a9a;} .points.p-orange {background: #FFCC80;}
.points.p-orange:before{border-top: 10px solid #FFCC80;} .points.p-green {background: #80CBC4;}
.points.p-green:before{border-top: 10px solid #80CBC4;} .points.p-blue {background: #7986CB;}
.points.p-blue:before{border-top: 10px solid #7986CB;} .points.p-custom {background: #7986CB; }
.points.p-custom:before{border-top: 10px solid #7986CB; } .kanren {
position: relative;
background-color: #fff;
border: 2px solid #E0E0E0;
border-radius: 5px;
margin:30px 5px 20px 7px;
padding: 25px 20px 15px 20px;
}
.kanren:before {
position: absolute;
border-radius: 15px;
background-color: #9E9E9E;
color: #fff;
font-family:"FontAwesome", "Helvetica","Yu Gothic";
content: '関連する記事';
font-size: 14px;
font-weight: bold;
padding: 5px 20px;
left: -10px;
top: -20px;
}
.kanren:after {
position: absolute;
border-top: 12px solid #9E9E9E;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
content: '';
top: 10px;
left: 15px;
}
.kanren ul {
list-style-type: none;
border:none;
margin:0;
padding:0;
}
.kanren ul li {
list-style-type: none !important;
position: relative;
padding: .2em 0 .2em 1.5em;
line-height: 1.5;
}
.kanren ul li:before {
position: absolute;
left: 0;
display: inline-block;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content:'\f05d\ ';
color: #9E9E9E;
width: 8px;
height: 8px;
margin: 0 16px 20px 0;
}
.fa5 .kanren ul li:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f058';
} .kanren.p-red { border: 2px solid #ffcdd2; }
.kanren.p-red:before { background-color: #ef9a9a; }
.kanren.p-red:after { border-top: 12px solid #ef9a9a; }
.kanren.p-red ul li:before { color: #ef9a9a; } .kanren.p-orange { border: 2px solid #FFE0B2; }
.kanren.p-orange:before { background-color: #FFCC80; }
.kanren.p-orange:after { border-top: 12px solid #FFCC80; }
.kanren.p-orange ul li:before { color: #FFCC80; } .kanren.p-green { border: 2px solid #B2DFDB; }
.kanren.p-green:before { background-color: #80CBC4; }
.kanren.p-green:after { border-top: 12px solid #80CBC4; }
.kanren.p-green ul li:before { color: #80CBC4; } .kanren.p-blue { border: 2px solid #C5CAE9; }
.kanren.p-blue:before { background-color: #7986CB; }
.kanren.p-blue:after { border-top: 12px solid #7986CB; }
.kanren.p-blue ul li:before { color: #7986CB; } .kanren.p-custom { border: 2px solid #E1BEE7; }
.kanren.p-custom:before { background-color: #CE93D8; }
.kanren.p-custom:after { border-top: 12px solid #CE93D8; }
.kanren.p-custom ul li:before { color: #CE93D8; } .p-box {
position: relative;
background-color: #fff;
border: 2px solid #CFD8DC;
border-radius: 5px;
margin:30px 5px 20px 7px;
padding: 25px 20px 15px 20px;
}
.p-box .p-box-title {
position: absolute;
left: -10px;
top: -20px;
border-radius: 15px;
background-color: #90A4AE;
color: #fff;
font-family:"FontAwesome", "Helvetica","Yu Gothic";
font-size: 14px;
font-weight: bold;
padding: 5px 20px;
}
.p-box .p-box-title:after {
position: absolute;
border-top: 12px solid #90A4AE;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
content: '';
top: 30px;
left: 25px;
}
.p-box p {
margin: 0;
padding: 0;
}
.p-box ul {
list-style-type: none;
border:none;
margin:0;
padding:0;
}
.p-box ul li {
list-style-type: none !important;
position: relative;
padding: .2em 0 .2em 1.5em;
line-height: 1.5;
}
.p-box ul li:before {
display: inline-block;
position: absolute;
left: 0;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content:'\f138\ ';
color: #90A4AE;
width: 8px;
height: 8px;
margin: 0 16px 20px 0;
}
.fa5 .p-box ul li:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
} .p-box.p-red { border: 2px solid #ffcdd2; }
div.p-box.p-red .p-box-title  { background-color: #ef9a9a; }
div.p-box.p-red .p-box-title:after { border-top: 12px solid #ef9a9a; }
.p-box.p-red ul li:before { color: #ef9a9a; } .p-box.p-orange { border: 2px solid #FFE0B2; }
div.p-box.p-orange .p-box-title { background-color: #FFCC80; }
div.p-box.p-orange .p-box-title:after { border-top: 12px solid #FFCC80; }
.p-box.p-orange ul li:before { color: #FFCC80; } .p-box.p-green { border: 2px solid #B2DFDB; }
div.p-box.p-green .p-box-title { background-color: #80CBC4; }
div.p-box.p-green .p-box-title:after { border-top: 12px solid #80CBC4; }
.p-box.p-green ul li:before { color: #80CBC4; } .p-box.p-blue { border: 2px solid #C5CAE9; }
div.p-box.p-blue .p-box-title { background-color: #7986CB; }
div.p-box.p-blue .p-box-title:after { border-top: 12px solid #7986CB; }
.p-box.p-blue ul li:before { color: #7986CB; } .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; } div.osusume-b,
div.shinchaku-b {
background: white;
width: 94%;
text-align: center;
margin: 0 8% 40px 0;
}
div.osusume-b p,
div.shinchaku-b p {
display: inline-block;
height: 44px;
line-height: 44px;
vertical-align: middle;
margin: auto;
font-weight: bold;
font-size:90%;
color: #a7a7a7;
}
@media screen and (max-width: 1029px) {
div.osusume-b,
div.shinchaku-b {
margin: 0 8% 25px 2%;
}
}
@media screen and (max-width: 450px) {
div.osusume-b ,
div.shinchaku-b{
margin: 0 0 1em 0;
width: 100%;
}
div.osusume-b p,
div.shinchaku-b p {
font-size: 14px;
height: 33px;
line-height: 33px;
}
}
@media only screen and (max-width: 480px) { .cardtype {
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
div.osusume-card a.cardtype__link {
padding-bottom: 1px;
}
.popular-posts .cardtype__article {
width: 48%;
}
.popular-posts .cardtype__article:nth-child(odd) {
margin-right: 4%;
}
.popular-posts.cardtype h2 {
margin: 8px 5px;
font-size: 15px;
}
} #new-entry p {
position: relative;
display: inline-block;
margin: 0 0em 1em 0;
padding: 0 1em;
text-align: left;
}
#new-entry p:before,
#new-entry p:after {
position: absolute;
top: 50%;
content: '';
width: 200%;
height: 2px;
background-color: #666;
}
#new-entry {
border-left:none;
background-color:transparent;
overflow: hidden;
text-align: center;
}
#new-entry p:before {
right: 100%;
}
#new-entry p:after {
left: 100%;
}
@media only screen and (min-width: 1030px) {
#new-entry {
margin: 0 6% 0 0px;
}
} .site_description { font-size:.75em;
text-align:center;
color:#fff;
}
#footerlogo {
display: table;
margin: 0;
padding: 0 0 0 5px;
width: 100%;
font-size: 6vmin;
text-align: center;
letter-spacing: 1px;
}
#footerlogo:before {
content: '';
height: 62px;
display: block;
float: left;
}
#footerlogo a {
display: table-cell;
line-height: 1.5;
vertical-align: middle;
}
#footerlogo a:hover {
opacity: .5;
}
#footerlogo img {
display: inline-block;
height: 62px;
padding: 10px 0 10px 0;
vertical-align: middle;
}
@media only screen and (min-width: 481px) {
#footerlogo {
font-size: 23px;
}
}
@media only screen and (min-width: 768px) {
#footerlogo {
display: inline-block;
height: 62px;
line-height: 62px;
margin: 0 5px 0 0;
text-align: left;
width: auto;
}
#footerlogo:before {
content: none;
}
#footerlogo a {
display: inline;
line-height: inherit;
vertical-align: baseline;
}
#footerlogo img {
vertical-align: top;
padding: 6px 6px 6px 0;
}
} .entry-content blockquote{
font-size:.8em;
border: solid 2px #BDBDBD;
} .commentlist {
font-size: .9em;
}
.comment_content {
padding: 0 1em;
} #appreach-box {
border: double 4px #dbdbdb;
background: #fff;
padding: 5px !important;
margin-bottom: 20px;
}
#appreach-appname {
font-weight: bold;
margin: 0 0 .5em 8em;
}
.appreach-links {
margin-top: 10px;
}
.appreach-footer {
margin-bottom: 0;
line-height: 0;
}
#appreach-developer,
#appreach-developerurl,
#appreach-price,
.appreach-powered,
.appreach-powered a {
color:silver;
font-size:.5em!important;
} .pochireba {
border: double 4px #dbdbdb;
background: #fff;
padding: 15px !important;
margin-bottom: 20px;
}
.pochireba .pochi_img {
box-shadow: 0 10px 20px -5px rgba(0,0,0,.38), 0 0 2px rgba(0,0,0,.15);
margin-right: 25px !important;
margin-top: 20px !important;
margin-left: 10px !important;
}
.pochireba .pochi_info {
margin-left: 5px;
}
.pochireba .pochi_name {
text-align: center;
}
.pochireba .pochi_name a {
display: block;
color:#fff;
font-size: 18px;
text-decoration: none;
text-align: center;
margin: 0 10px 10px 0;
padding: 6px;
border-radius: 8px;
line-height: 26px;
background: #e57373; box-shadow: 0 2px 3px rgba(0,0,0,.28);
}
.pochireba .pochi_name a::after {
font-family: FontAwesome;
content: '\f0da\  AppStore';
display: block;
font-size: 16px;
color: #fff;
font-weight: bold;
}
.pochireba .pochi_name a:hover {
box-shadow: 0 12px 15px -5px rgba(0,0,0,.25);
}
.pochireba .pochi_price,
.pochireba .pochi_time,
.pochireba .pochi_seller,
.pochireba .pochi_post {
color:silver;
font-size:.5em!important;
margin-bottom: 0;
float : left ;
}
.pochireba .pochi_price {
margin-left:.5em;
}
.pochireba .pochi_time::after,
.pochireba .pochi_seller::after {
font-family: FontAwesome;
content: '/ ';
}
div .pochi_seller a,
div .pochi_post a {
color:silver;
}  .hidden_box {
margin: 2em 0; padding: 0;
} .hidden_box label {
padding: 15px;
font-weight: bold;
border: solid 2px black;
cursor :pointer;
} .hidden_box label:hover {
background: #efefef;
} .hidden_box input {
display: none;
} .hidden_box .hidden_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
} .hidden_box input:checked ~ .hidden_show {
padding: 10px 0;
height: auto;
opacity: 1;
} #main .ninkiid {
display: inline-block;
overflow: hidden;
position: absolute;
top: 13px;
left: 13px;
height: 22px;
margin: 0;
padding: 0 10px;
border-radius: 14px;
color: #fff;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
line-height: 22px;
}  .my-widget.show_num {
counter-reset: wpp-ranking;
}
.my-widget.show_num li {
position: relative;
} .my-widget.show_num li:before {
content: counter(wpp-ranking, decimal);
counter-increment: wpp-ranking;
display: inline-block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 25px;
height: 25px;
border-radius: 50%;
text-align: center;
line-height: 25px;
} .my-widget.show_num li:nth-child(1):before {
background: #ffe368; color: #fff;
} .my-widget.show_num li:nth-child(2):before {
background: #ffe368; color: #fff;
} .my-widget.show_num li:nth-child(3):before {
background: #ffe368; color: #fff;
} .my-widget.show_num li:nth-child(n + 4):before{
background: #f3f3f3;
color: #9a9a9a;
} p.wpp_cat {
padding: 0 0 .5em 0;
margin: 0;
} .caption-spaceasam {
position: relative;
}
.caption-spaceasam p {
position:absolute;
bottom: 1%;
left: 2%;
background: #EAEDF2; color: #b0b0b0; font-size: 8px;
font-weight: bold;
border-radius: 20px;
line-height: 1.3;
letter-spacing: 1px;
padding: 7px 13px;
z-index: 1;
}
.caption-spaceasam img {
width:100%;
}
a.samune:link { color: #b0b0b0; }
a.samune:visited { color: #b0b0b0; }
a.samune:hover { color: #b0b0b0; }
a.samune:active { color: #b0b0b0; } .ad-name {
display: inline-block;
overflow: hidden;
height: 22px;
padding: 0 10px;
border-radius: 14px;
font-size: 11px;
font-weight: bold;
vertical-align: middle;
line-height: 22px;
}
.adblock {
margin-top: 10px;
} .viral { position: relative; margin: 0;
background: #000;
z-index: 0;
}
.v-box {
text-align: center;
}
.viral p {
position: absolute;
color: #a9a9a9; top: 6%;
left: 5%;
margin: 0;
padding: 0;
z-index: 1;
}
.viral h1 {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin: 0;
padding: 0;
color: white; font-weight: bold; font-size:1.4em; z-index: 1;
}
.viral img {
width: 100%;
display: block;
opacity: .3;
}
@media only screen and (max-width: 480px) { .viral p {
position: absolute;
color: #a9a9a9; top: 5%;
left:5%;
margin:0;
padding:0;
z-index: 1;
font-size:.8em;
}
.viral h1 {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin: 0;
padding: 0;
color: white; font-weight: bold; z-index: 1;
font-size:1.1em;
}
} .count-btn {
position: absolute;
color: #b5b5b5;
font-size: 13px;
font-weight: bold;
right: 1em;
bottom: .3em;
margin: 0;
}
.count-btn:before {
margin:0 .4em 0 .6em;
font-family: FontAwesome;
content: "\f1e0 ";
}
.fa5 .count-btn:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
} div.pingback {
padding: 1em;
margin-top: 1em;
background: #f8f9fa;
}
div.pingback a {
font-style: normal;
}  .memo.note {
background: #f6f6f6;
}
.memo.note .memo_ttl {
color: #777777;
}
.memo.note .memo_ttl:before {
background: #777777;
font-family:"FontAwesome";
content: "\f02d";
}
.fa5.memo.note .memo_ttl:before{
font-family:"Font Awesome 5 free";
font-weight:900;
content: "\f02d";
} .memo.safe {
background: #e8f4ff;
}
.memo.safe .memo_ttl {
color: #5dbce8;
}
.memo.safe .memo_ttl:before {
background: #5dbce8;
font-family:"FontAwesome";
content: "\f2b4";
}
.fa5 .memo.safe .memo_ttl:before{
font-family: "Font Awesome 5 free";
font-weight:900;
content: "\f024";
} .wpcf7 input[type="submit"],
.pushbutton-wide {
display: inline-block;
border: 0;
font-weight: bold;
background-color: #BDBDBD;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
color: #fff;
text-decoration: none;
vertical-align: middle;
transition: .3s ease-in-out;
}
.wpcf7 input[type="submit"] {
margin: .5em .5em .5em 1.7em;
padding:.5em 8em;
}
.pushbutton-wide {
margin: .5em .5em .5em 0;
padding:.5em 5em;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus,
.pushbutton-wide:hover,
.pushbutton-wide:focus {
box-shadow: 0 13px 20px -3px rgba(0,0,0,.24);
text-decoration: none;
-webkit-tap-highlight-color: transparent;
} div.pr p {
margin: 8px 13px 0;
font-size: 18px;
line-height: 1.56;
font-weight: bold;
} .cstmreba .kaerebalink-link1 .shoplinkyahoo,
.booklink-link2 .shoplinkyahoo {
background: #FF8A65;
} div.yyi-rinker-contents {
border: double 4px #dbdbdb;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
background: #ffb36b;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
background: #ea7373;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
background: #ff8a65;
}
div.yyi-rinker-contents ul.yyi-rinker-links li{
position:relative;  
}
div.yyi-rinker-contents ul.yyi-rinker-links li:before {
position:absolute;
right: 10px;
font-family: FontAwesome;
content: "\f0da";
color:#fff;
}
.fa5 div.yyi-rinker-contents ul.yyi-rinker-links li:before {
font-family: "Font Awesome 5 free";
font-weight:900;
content: "\f105";
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover{
box-shadow: 0 12px 15px -5px rgba(0,0,0,.25);
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
height: 37px;
line-height: 37px;
font-size: 0.95em;
padding-left: 10px;
padding-right: 0;
border-radius: 3px;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
display: inline-block;
height: 37px;
margin: 5px 10px 5px 0;
padding: 0 25px 0 10px;
border-radius: 3px;
background: #73c1ea;
box-shadow: 0 8px 15px -5px rgba(0,0,0,.25);
font-size: .95em;
font-weight: bold;
vertical-align: middle;
line-height: 37px;
transition: .3s ease-in-out;
}
div.yyi-rinker-contents div.yyi-rinker-image {
width: 100px;
min-width: 100px;
padding:0;
}
.yyi-rinker-title {
font-size: 1.05em;
}
div.yyi-rinker-contents div.yyi-rinker-title a {
font-weight: bold;
color: #555;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
margin: 0;
}
div.yyi-rinker-info {
padding-left: 15px;
}
div.yyi-rinker-contents img.yyi-rinker-main-img {
width:100px;
}
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
width: calc(100% - 100px);
} .saysprp {
width: 100%;
margin: 1.5em 0;
overflow: hidden;
}
.saysprp .faceicon {
padding-right:0;
}
.saysprp .faceicon img {
width: 100px;
border-radius: 50%;
}
.saysprp .fuki {
background-color: #fff;
border: 2px solid #BDBDBD;
border-radius: 12px;
position: relative;
margin:.5em .5em 1.5em .5em;
padding: 1em;
font-size: .95em;
width: 98%;
}
.saysprp .fuki:before {
border: 10px solid transparent;
border-bottom-color: #fff;
border-top-width: 0;
top: -8px;
content: "";
display: block;
left: 30px;
position: absolute;
width: 0;
z-index: 1;
}
.saysprp .fuki:after {
border: 10px solid transparent;
border-bottom-color: #BDBDBD;
border-top-width: 0;
top: -10.5px;
content: "";
display: block;
left: 30px;
position: absolute;
width: 0;
}
@media only screen and (min-width: 481px) {
.saysprp .faceicon {
width: 110px;
}
}
@media only screen and (max-width: 480px) {
.saysprp .faceicon {
width: 80px;
}
.saysprp .fuki {
margin:1em 0 1.5em 0;
}
} .item_ranking_widget .strong.dfont:before,
.item_ranking_widget .widgettitle.dfont:before,
.item_ranking_widget .ft_title:before,
.item_ranking_content .dfont:before,
.item_ranking_content .ads-title:before,
.item_ranking_content .related_title:before {
padding-right: 4px;
display: inline-block;
width: 30px;
height: 24px;
background: url(//nexer.co.jp/career-bible/wp-content/themes/sango-theme-poripu/library/images/crown_gold.png);
background-repeat: no-repeat;
background-size: 30px 24px;
background-position: 0 0px;
content: ' ';
vertical-align: text-bottom;
}
.item_score i {
color: #ffb36b;
}
.item_link {
border-radius: 5px;
background: #5ba9f7;
color: #ffffff !important;
font-size: 13px;
}
.item_link a {
padding-left: 0 !important;
color: #ffffff !important;
}
.item_link a:before {
display: none;
}
.item_link a:after {
display: inline-block;
float: right;
padding-right: 4px;
font-family: "FontAwesome";
font-weight: 900;
content: "\f0da";
color: #ffffff !important;
}
.fa5 .item_link a:after{
font-family:"Font Awesome 5 free";
font-weight: 900;
}
.item_link.blue { background: #5ba9f7; }
.item_link.blue:hover { background: #2a8ff4; }
.item_link.yellow { background: #ffb36b; }
.item_link.yellow:hover { background: #ff9734; }
.item_link.pink { background: #f87f80; }
.item_link.pink:hover { background: #f5494b; }
.item_link.green { background: #90d581; }
.item_link.green:hover { background: #6ec85a; }
.item_link > img {
position: absolute;
}
.item_image img[width="1"] {
position: absolute !important;
z-index: 0 !important;
} .item_ranking_widget .strong.dfont,
.item_ranking_widget .widgettitle.dfont,
.item_ranking_widget .ft_title {
margin: 0;
padding: 7px 13px;
border: 0;
background: #303229;
color: #ffffff;
}
.item_ranking_widget .item_ranking_list {
padding: 16px !important;
background: #ffffff;
list-style: none !important;
}
.item_ranking_widget .item {
margin: 0 0 16px;
padding: 16px 0 0;
border-top: dotted 1px #e8eaf1;
}
.item_ranking_widget .item:first-child {
padding-top: 0;
border-top: none;
}
.item_ranking_widget .item .item_detail {
position: relative;
}
.item_ranking_widget .item .item_detail:before {
position: absolute;
top: -10px; left: -10px;
display: block;
width: 24px;
height: 24px;
border-radius: 12px;
font-size: 12px;
text-align: center;
line-height: 24px;
content: ' ';
}
.item_ranking_widget .item .item_detail.rank1:before {
z-index: 1;
background: #fbb03b;
color: #ffffff;
}
.item_ranking_widget .item .item_detail.rank1.icon:before {
background-image: url(//nexer.co.jp/career-bible/wp-content/themes/sango-theme-poripu/library/images/crown_white.png);
background-repeat:  no-repeat;
background-size: 14px 11.2px;
background-position: 50% 50%;
}
.item_ranking_widget .item .item_detail.rank1.number:before {
content: '1';
}
.item_ranking_widget .item .item_detail.rank2:before {
z-index: 1;
background: #a9bec7;
color: #ffffff;
}
.item_ranking_widget .item .item_detail.rank2.icon:before {
background-image: url(//nexer.co.jp/career-bible/wp-content/themes/sango-theme-poripu/library/images/crown_white.png);
background-repeat:  no-repeat;
background-size: 14px 11.2px;
background-position: 50% 50%;
}
.item_ranking_widget .item .item_detail.rank2.number:before {
content: '2';
}
.item_ranking_widget .item .item_detail.rank3:before {
z-index: 1;
background: #a17041;
color: #ffffff;
}
.item_ranking_widget .item .item_detail.rank3.icon:before {
background-image: url(//nexer.co.jp/career-bible/wp-content/themes/sango-theme-poripu/library/images/crown_white.png);
background-repeat:  no-repeat;
background-size: 14px 11.2px;
background-position: 50% 50%;
}
.item_ranking_widget .item .item_detail.rank3.number:before {
content: '3';
}
.item_ranking_widget .item .item_detail .item_info .item_image {
float: left;
margin: 0 0 16px;
width: 120px;
height: 100px;
}
.item_ranking_widget .item .item_detail .item_info .item_image a,
.item_ranking_widget .item .item_detail .item_info .item_image img {
display: inline-block;
padding: 0;
}
.item_ranking_widget .item .item_detail .item_info .item_image a:before {
display: none;
}
.item_ranking_widget .item .item_detail .item_info .item_name,
.item_ranking_widget .item .item_detail .item_info .item_score {
margin: 5px 0 5px 130px;
}
.item_ranking_widget .item .item_detail .item_info .item_name {
font-size: 14px;
}
.item_ranking_widget .item .item_detail .item_info .item_score {
font-size: 12px;
}
.item_ranking_widget .item .item_links {
display: -webkit-flex;
display:     -ms-flexbox;
display:         flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.item_ranking_widget .item .item_links .item_link {
margin-left: 8px;
padding: 3px 8px;
width: 50%;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.15),
0 3px 3px -2px rgba(0,0,0,.15);
text-align: center;
}
.item_ranking_widget .item .item_links .item_link:first-child {
margin-left: 0;
}
.item_ranking_widget .item .item_links .item_link a {
color: #ffffff;
text-decoration: none;
}
.item_ranking_widget .item .item_links .item_link a:hover {
background: none;
} .item_ranking_content {
padding: 30px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.15),
0 3px 3px -2px rgba(0,0,0,.15);
}
.entry-content .item_ranking_content,
.footer-contents .item_ranking_content {
margin-right: -15px;
margin-left: -15px;
}
@media only screen and (min-width: 481px) {
.entry-content .item_ranking_content,
.footer-contents .item_ranking_content {
margin-right: -25px;
margin-left: -25px;
}
}
@media only screen and (min-width: 1030px) {
.entry-content .item_ranking_content,
.footer-contents .item_ranking_content {
margin-right: -40px;
margin-left: -40px;
}
}
.item_ranking_content .strong.dfont,
.item_ranking_content .ads-title,
.item_ranking_content .related_title {
margin: 0 !important;
padding: 8px !important;
background: #303229 !important;
color: #ffffff !important;
font-size: 107% !important;
font-weight: bold !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.15),
0 3px 3px -2px rgba(0,0,0,.15);
}
.entry-content .item_ranking_content .item_ranking_list {
border: none;
}
.item_ranking_content .item_ranking_list .item {
margin: 0 0 32px;
padding: 16px 0 0;
border-top: dotted 1px #e8eaf1;
}
.item_ranking_content .item_ranking_list .item:first-child {
padding-top: 0;
border-top: none;
}
.item_ranking_content .item .item_detail .item_info .item_image {
float: left;
margin: 0;
width: 300px;
height: 250px;
}
.item_ranking_content .item_ranking_list {
margin-top: 0;
margin-bottom: 0;
padding: 10px 20px 20px;
background: #ffffff;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.15),
0 3px 3px -2px rgba(0,0,0,.15);
list-style-type: none;
}
.item_ranking_content .item .item_detail .item_name {
margin: 0;
padding: 10px 0;
color: #626262;
font-weight: 900;
vertical-align: baseline;
}
.item_ranking_content .item .item_detail.icon .item_name:before {
display: inline-block;
margin-top: -10px;
padding-right: 10px;
width: 30px;
height: 24px;
content: ' ';
vertical-align: text-bottom;
}
.item_ranking_content .item .item_detail.number .item_name:before {
display: inline-block;
margin-top: -10px;
margin-right: 10px;
width: 30px;
height: 30px;
border-radius: 15px;
background: #fbb03b;
color: #ffffff;
text-align: center;
line-height: 30px;
}
.item_ranking_content .item .item_detail.rank1.icon .item_name:before {
background-image: url(//nexer.co.jp/career-bible/wp-content/themes/sango-theme-poripu/library/images/crown_gold.png);
background-repeat:  no-repeat;
background-size: 30px 24px;
background-position: 50% 50%;
}
.item_ranking_content .item .item_detail.rank1.number .item_name:before {
background: #fbb03b;
content: '1';
}
.item_ranking_content .item .item_detail.rank2.icon .item_name:before {
background-image: url(//nexer.co.jp/career-bible/wp-content/themes/sango-theme-poripu/library/images/crown_silver.png);
background-repeat:  no-repeat;
background-size: 30px 24px;
background-position: 50% 50%;
}
.item_ranking_content .item .item_detail.rank2.number .item_name:before {
background: #a9bec7;
content: '2';
}
.item_ranking_content .item .item_detail.rank3.icon .item_name:before {
background-image: url(//nexer.co.jp/career-bible/wp-content/themes/sango-theme-poripu/library/images/crown_copper.png);
background-repeat:  no-repeat;
background-size: 30px 24px;
background-position: 50% 50%;
}
.item_ranking_content .item .item_detail.rank3.number .item_name:before {
background: #a17041;
content: '3';
}
.item_ranking_content .item .item_detail .item_image {
margin: 0 0 16px;
}
.item_ranking_content .item .item_detail .item_image a,
.item_ranking_content .item .item_detail .item_image img {
display: inline-block;
}
.item_ranking_content .item .item_info {
margin: 0 0 1.5em;
font-size: 13px;
}
.item_ranking_content .item .item_detail1 {
margin-left: 320px;
margin-bottom: 20px;
}
.item_ranking_content .item .item_detail1 p {
position: relative;
margin: 0;
padding: 8px;
background: #f5f5f5;
color: #808080;
font-weight: 900;
}
.item_ranking_content .item .item_detail1 p:before {
position: absolute;
top: 50%; left: -24px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 12px solid #f5f5f5;
content: ' ';
}
.item_ranking_content .item .item_points {
margin-left: 320px;
width: auto;
border-collapse: collapse;
border: none;
}
@media screen and (min-width: 1030px) {
.item_ranking_content .item .item_points {
width: 217px;
width: calc(100% - 320px);
}
}
.item_ranking_content .item .item_points th,
.item_ranking_content .item .item_points td {
padding: 8px;
border: none;
}
.item_ranking_content .item .item_points tr {
border: solid 1px #e8eaf1;
border-style: solid;
}
.item_ranking_content .item .item_points th {
background: #f5f5f5;
font-weight: normal;
text-align: center;
}
.item_ranking_content .item .item_detail2 {
font-size: 13px;
}
.item_ranking_content .item .item_detail2 p {
margin: 0 0 1.5em;
}
.item_ranking_content .item .item_links {
display: -webkit-flex;
display:     -ms-flexbox;
display:         flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.item_ranking_content .item .item_links .item_link {
margin-left: 10px;
width: 50%;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.15),
0 3px 3px -2px rgba(0,0,0,.15);
font-weight: 900;
text-decoration: none;
text-align: center;
}
.item_ranking_content .item .item_links .item_link a {
display: inline-block;
padding: 12px 16px;
width: 100%;
}
.item_ranking_content .item .item_links .item_link:first-child {
margin-left: 0;
} .btn_anime_action {
position: relative;
z-index: 2;
overflow: hidden;
-webkit-transition: .25s linear;
-moz-transition: .25s linear;
transition: .25s linear;
}
.btn_anime_action:before {
display: block;
content: ' ';
position: absolute;
top: -50%;
left: -30%;
z-index: -1;
width: 70px;
height: 100px;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
transform: rotate(30deg);
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
background-image:    -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
background-image:         linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
-webkit-animation: action_anime 2s infinite linear;
-moz-animation: action_anime 2s infinite linear;
animation: action_anime 2s infinite linear;
}
@keyframes action_anime {
0% { left: -30%; }
20% { left: 120%; }
100% { left: 120%; }
}
@-webkit-keyframes action_anime {
0% { left: -30%; }
20% { left: 120%; }
100% { left: 120%; }
}
@-moz-keyframes action_anime {
0% { left: -30%; }
20% { left: 120%; }
100% { left: 120%;}
}
@media only screen and (max-width: 480px) {
.item_ranking_content .item .item_image {
margin-bottom: 16px !important;
float: none !important;
width: 100% !important;
height: auto !important;
}
.item_ranking_content .item .item_detail1 {
margin-left: 0;
}
.item_ranking_content .item .item_detail1 p:before {
top: -24px; left: 50%;
margin-top: 0;
margin-left: -12px;
border: 12px solid transparent;
border-bottom: 12px solid #f5f5f5;
}
.item_ranking_content .item .item_points {
margin-left: 0;
width: 100%;
}
.item_ranking_content .item .item_links {
display: -webkit-flex;
display:     -ms-flexbox;
display:         flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.item_ranking_content .item .item_links .item_link {
margin-top: 10px;
margin-left: 0;
width: 80%;
}
.item_ranking_content .item .item_links .item_link:first-child {
margin-top: 0;
}
}
 .widget {
border-radius: 3px;
}
.widgettitle {
border-radius: 3px 3px 0 0;
}  body {
color: #333;
overflow-wrap: break-word;
word-break: normal;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "Yu Gothic", Verdana, Meiryo, sans-serif !important;
font-weight: normal;
letter-spacing: 0.4px;
}
.entry-content p {
font-size: 16px;
line-height: 1.7;
}
.entry-content a {
font-weight: bold;
}
.entry-content p a {
text-decoration: none;
}
.entry-content p a:hover {
text-decoration: underline;
}
#inner-content .btn {
margin: 0.5em 0.5em 1em 0;
text-decoration: none;
} .home #container .header,
#divheader,
.cardtype__article:first-child,
.cardtype__article:nth-child(2),
.sidelong__article:first-child,
.sidelong__article:nth-child(2) {
animation: none;
} .single-title,
.page-title,
.entry-title {
color: #222222;
font-weight: 600;
} @media screen and (max-width: 767px) {
.single-title,
.page-title {
margin: 8px 0 0;
}
.single-title,
.page-title,
.entry-title {
padding: 0 15px 3px !important;
}
} label.fab-btn {
background-color: #ffb36b;
}
.fab-btn .fa-share-alt,
.fab-btn i:after {
color: #fff;
}
.widget ul li a {
color: #007FC3;
} p.hh.hh5 { margin: 0em auto 0.5em auto !important;
letter-spacing: 0.1em;
font-weight: bold;
font-size: 100% !important;
padding: 0.3em 0.4em;
color: #fff !important;
background: #007FC3 !important;
border-radius: 2px;
}
div.picup a.c_linkto img { margin: 0em !important;
padding: 3px;
height: 170px;
}
div.picup a.c_linkto {
margin: 0em;
}
div.picup .c_linkto .c_linkto_text {
margin-top: -0.5px;
padding: 1em 0.5em;
color: #222222 !important;
letter-spacing: 1px;
font-size: 14px;
}
span.c_linkto_text { font-size: 75%;
letter-spacing: 0.1em;
}
div.newpst .c_linkto .c_linkto_text { font-size: 85%;
color: #222;
}
div.newpst time { font-weight: normal;
font-size: 12px;
color: #aaa;
}
div.picup .shtb2 .cell:first-of-type { padding-right: 0%;
}
div.newpst a.c_linkto.longc_linkto:first-of-type:before { position: absolute;
content: " NEW"; display: inline-block;
width: 75px;
height: 27px;
text-align: center;
vertical-align: middle;
background: yellow; font-size: 11px;
line-height: 28px;
color: #222; letter-spacing: 3px;
padding-left: 3px;
border-radius: 0px;
}
.topblue-bc { background: #00B0FF !important;
color: #fff !important;
font-size: 90% !important;
}
div.top-kanren .longc_img { width: 35%;
}
div.top-kanren a.c_linkto.longc_linkto img { height: 100px;
width: 100%;
padding: 2px;
background: #fff;
-o-object-fit: cover;
object-fit: cover;
}
div.top-kanren .sng-link-time { display: none;
}
div.top-kanren .longc_title {
color: #333;
letter-spacing: 0.5px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
div.picup a.c_linkto img {
height: 120px;
}
div.picup .shtb2 .cell:first-of-type { padding-right: 2%;
}
div.picup .c_linkto .c_linkto_text {
font-size: 75%;
}
div.top-kanren .c_linkto {
display: flex;
}
div.top-kanren .c_linkto .c_linkto_text {
max-width: 60%;
font-size: 85%;
padding-top: 8px;
}
div.top-kanren .longc_img { width: 40% !important;
}
}
.space-between {
justify-content: space-between;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex {
display: flex;
} ul.popcate {
background: none !important; padding: 0px !important;
border: none !important;
display: flex;
margin: 0 auto 0.5em 0 !important;
}
ul.popcate li {
margin: 0.5em;
background: none !important; border: none !important;
list-style: none;
flex-basis: 30%;
text-align: center !important;
letter-spacing: 0.1em;
font-weight: bold;
}
ul.popcate a {
height: 150px;
width: 100px !important;
color: #333 !important;
font-size: 75%;
}
ul.popcate a:hover {
opacity: 0.5;
background: none; }
ul.popcate img {
-o-object-fit: cover;
object-fit: cover;
height: 100px;
width: 100% !important;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
} #inner-content .entry-content h3.top-title {
border-left: none;
color: #545454;
overflow: hidden;
text-align: center;
font-size: 20px;
margin-top: 1.5em;
}
#inner-content .entry-content h3.top-title span {
position: relative;
display: inline-block;
margin: 0 2.5em;
padding: 0 1em;
text-align: left;
font-weight: 400;
}
#inner-content .entry-content h3.top-title span:before,
#inner-content .entry-content h3.top-title span:after {
position: absolute;
top: 50%;
content: "";
width: 400%;
height: 2px;
background-color: #545454;
}
#inner-content .entry-content h3.top-title span:before {
right: 100%;
}
#inner-content .entry-content h3.top-title span:after {
left: 100%;
}  .entry-content h2 {
background: #fafafa;
border-left: solid #007FC3 5px;
padding: 14px 12px;
border-bottom: solid 3px #dadada;
clear: both;
}
@media screen and (max-width: 480px) {
.entry-content h2 {
margin-top: 40px;
font-size: 16px;
line-height: 1.5em;
font-weight: 700;
}
} .entry-content h3 {
border-left-color: #007FC3;
}
@media screen and (max-width: 480px) {
.entry-content h3 {
font-size: 16px !important;
margin: 2em 0 0.7em;
padding: 8px 0 10px 8px;
line-height: 1.5em;
}
} .entry-content h4 {
font-size: 18px !important;
padding-left: 23px !important;
position: relative;
}
.entry-content h4:before {
content: "\f13a";
font-family: "Font Awesome 5 Free";
left: 0;
position: absolute;
color: #007FC3;
}
@media screen and (max-width: 480px) {
.entry-content h4 {
font-size: 16px !important;
}
} #breadcrumb li a {
font-size: 0.9em;
}
#breadcrumb {
font-size: 16px;
font-weight: bold;
color: #ffffff !important;
}
#breadcrumb li:first-child a:before {
padding-right: 5px;
font-family: "Font Awesome 5 Free";
color: #5ba9f7;
font-size: 1.33em;
content: "\f3c5";
line-height: 1em;
vertical-align: -10%;
}
#breadcrumb ul {
letter-spacing: 0.2em;
}
#breadcrumb li:after {
color: #c8e4ff;
content: "\f105";
}
#breadcrumb li:last-child:after {
display: none;
}
@media only screen and (max-width: 767px) {
#breadcrumb {
padding: 0 15px !important;
text-align: center !important;
}
} .post-thumbnail {
padding: 10px;
background: #fff;
}
@media screen and (max-width: 767px) {
.post-thumbnail {
margin: 0;
}
} .entry-content h2 span,
.entry-content h3 span {
display: block;
padding-top: 70px;
margin-top: -70px;
} .p-box.p-custom {
border: 2px solid #6bb6ff; }
div.p-box.p-custom .p-box-title {
background-color: #58a9ef; }
div.p-box.p-custom .p-box-title:after {
border-top: 12px solid #58a9ef; }
.p-box.p-custom ul li:before {
color: #58a9ef; }
.p-orange {
background-color: #ffb36b !important;
}
.points.p-orange:before {
border-top: 10px solid #ffb36b;
}
.p-box.p-blue {
border: 2px solid #c8e4ff !important;
}
.p-blue .p-box-title {
background-color: #6bb6ff !important;
}
.p-blue .p-box-title:after {
border-top: 12px solid #6bb6ff !important;
}
.p-box.p-blue ul li:before {
color: #6bb6ff;
} #agentrv .kuchikomibox {
position: relative;
margin: 20px 0;
padding: 0;
font-size: 16px;
color: #333333;
border: solid 1px #5c9ee7;
border-radius: 4px;
background: #fff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
text-align: left;
}
#agentrv .kuchikomibox h3.reviewtitle {
font-size: 1.2em;
font-weight: bold;
padding: 0;
margin-top: 1em;
margin-right: 1em;
margin-left: 1em;
border-left: none;
color: #333333;
}
#agentrv .kuchikomibox .kuchikomi_info {
display: block;
font-size: 0.9em;
font-weight: bold;
border: dotted #c4c4c4;
border-width: 1px 0;
margin: 1em;
padding: 0.5em 0;
}
#agentrv .kuchikomibox .kuchikomi_label {
display: inline-block;
margin: 2px 0;
}
#agentrv .kuchikomibox .kuchikomi_label .hoshi {
display: block;
margin-right: 1em;
margin-bottom: 0.5em;
font-size: 1.2em;
}
#agentrv .kuchikomibox .kuchikomi_label .gender {
display: inline-block;
padding: 0.2em 0.3em;
margin-right: 0.3em;
text-decoration: none;
color: #6bb6ff;
border: solid 2px #6bb6ff;
border-radius: 3px;
}
#agentrv .kuchikomibox .kuchikomi_label .job {
display: inline-block;
padding: 0.2em 0.3em;
text-decoration: none;
color: #ffb36b;
border: solid 2px #ffb36b;
border-radius: 3px;
}
#agentrv .kuchikomibox .kuchikomi_label .income {
display: inline-block;
padding: 0.2em 0.3em;
margin-right: 0.3em;
text-decoration: none;
color: #40ce9a;
border: solid 2px #40ce9a;
border-radius: 3px;
}
#agentrv .kuchikomibox .reviewtext {
margin: 1em 1em 0;
font-size: 0.9em;
}
@media only screen and (max-width: 768px) {
#agentrv .kuchikomibox .kuchikomi_info {
font-size: 12px;
}
} #agentrv .kuchikomibox .review_footer {
display: table;
color: #f8f8f8;
font-size: 0.8em;
width: 100%;
margin: 0;
padding: 0.5em;
border-spacing: 0;
background: #f8f8f8;
border-radius: 0px 0px 4px 4px;
} .bf-click-counter {
border: 1px solid #ccc;
border-radius: 4px;
padding: 2px;
background: linear-gradient(to bottom, #FFF 0%, #EEE 100%);
font-weight: normal !important;
}
.review_footer .btn {
color: #007FC3 !important;
}
#agentrv .kuchikomibox .review_footer a {
color: #444 !important;
padding: 4px;
}
.review_footer a {
color: #666 !important;
padding: 0.3em;
font-size: 11px;
}
.review_footer a:hover {
cursor: pointer;
} .more {
position: relative;
color: #fff;
display: table;
width: 400px;
border: none;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 15px 0;
background: #007fc3 linear-gradient(180deg, rgba(245, 245, 245, 0.2) 0%, rgba(245, 245, 245, 0) 100%);
color: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
border-radius: 4px;
margin: 0 auto;
margin-bottom: 20px;
transition: none;
opacity: 1 !important;
font-size: 1em;
min-width: 60%;
}
.more:hover {
text-decoration: none;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.more:after {
font-family: "Font Awesome 5 Free";
font-size: 1.5em;
font-weight: 900;
content: " \f4ad";
}
@media only screen and (max-width: 768px) {
.more:active,
.more:visited,
.more {
width: 90%;
font-size: 80%;
}
} a.kckbtn {
position: relative;
background: #57a800 linear-gradient(180deg, rgba(245, 245, 245, 0.2) 0%, rgba(245, 245, 245, 0) 100%);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
color: #fff !important;
display: table;
width: 400px;
border: none;
font-weight: bold;
text-align: center;
text-decoration: none !important;
padding: 15px 0;
border-radius: 4px;
margin: 0 auto;
margin-bottom: 50px;
transition: none;
opacity: 1 !important;
min-width: 60%;
font-size: 16px;
}
a.kckbtn:hover {
text-decoration: none;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
a.kckbtn:after {
font-family: "Font Awesome 5 Free";
font-size: 16px;
content: " \f13a";
font-weight: 900;
}
@media only screen and (max-width: 768px) {
a.kckbtn:active,
a.kckbtn:visited,
a.kckbtn {
width: 90%;
font-size: 100%;
}
} .kuchikomi {
padding: 5px 10px 10px;
border: 2px solid #e5e5e5;
border-radius: 10px;
margin: 20px 0;
}
.kuchikomi a {
color: #007fc3;
}
.kuchikomi h5 {
color: #424242;
margin: 10px;
padding-bottom: 5px;
border-bottom: 2px dotted #e5e5e5;
border-radius: 0;
font-size: 1em;
}
.kuchikomi-heading {
color: #424242;
font-size: 14px;
line-height: 1.4;
font-weight: bold;
}
.kuchikomi-highlight {
margin-top: 5px !important;
}
.kuchikomi-username,
.kuchikomi-highlight,
.kuchikomi-comment {
margin-left: 96px;
}
.kuchikomi-comment {
margin-top: 14px;
font-size: 13px;
}
.kuchikomi-image {
float: left;
width: 85px;
margin-right: 10px;
}
.hoshi {
color: #B49724;
font-size: 14px;
}
.kuchikomi p {
margin-bottom: 5px !important;
font-size: 14px;
}
@media screen and (max-width: 768px) {
.kuchikomi p {
margin-bottom: 5px !important;
font-size: 13px;
}
.kuchikomi-heading {
font-size: 13px;
}
.hoshi {
color: #B49724;
font-size: 13px;
}
}  .tabs {
margin-top: 50px;
background-color: #fff;
width: 100%;
margin: 0 auto;
}
.tabs li {
position: relative;
font-size: 0;
margin: 0;
width: 20%;
display: inline-block;
vertical-align: top;
} .tab_item {
width: 25%;
height: auto;
background-color: #f4f4f4;
line-height: 50px;
text-align: center;
color: #565656;
display: block;
float: left;
font-weight: bold;
transition: all 0.2s ease;
padding: 8px 8px 8px;
border-right: 2px solid #fff;
font-size: 14px;
}
.tab_item:hover {
opacity: 0.75;
cursor: pointer;
cursor: hand;
} input[name=tab_item] {
display: none;
} .tab_content {
display: none;
clear: both;
padding: 20px 0;
overflow: hidden;
} #all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#quolity:checked ~ #quolity_content {
display: block;
}
#sales:checked ~ #sales_content {
display: block;
} .tabs input:checked + .tab_item {
background-color: #007FC3;
color: #fff;
} .sectiontitle {
font-size: 16px;
font-weight: bold;
text-align: center !important;
}
.tab_item i { display: block;
text-align: center;
font-weight: normal;
font-size: 24px;
padding-top: 10px;
margin-bottom: -10px;
}
@media screen and (max-width: 767px) { .tabs {
margin-top: 50px;
background-color: #fff;
box-shadow: none;
width: 100%;
margin: 0 auto;
font-size: 14px;
}
.tab_item { font-size: 11px;
min-height: 88px;
}
.sectiontitle {
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
}
.tab_content {
display: none;
clear: both;
overflow: hidden;
}
}  .tab_item2 {
width: 25%;
height: auto;
background-color: #f6f6f6;
line-height: 50px;
text-align: center;
color: #565656;
display: block;
float: left;
font-weight: bold;
transition: all 0.2s ease;
padding: 4px 4px 4px;
border-right: 2px solid #fff;
font-size: 14px;
}
.tab_item2 i {
display: block;
text-align: center;
font-weight: normal;
font-size: 24px;
padding-top: 10px;
margin-bottom: -10px;
}
.tab_item2:hover {
opacity: 0.75;
cursor: pointer;
cursor: hand;
}
input[name=tab_item2] {
display: none;
} .tabs input:checked + .tab_item2 {
background-color: #007FC3;
color: #fff;
}
@media screen and (max-width: 767px) { .tab_item2 {
font-size: 11px;
min-height: 88px;
}
} .rank-normal,
.rank-op {
margin: 2em 0;
padding: 120px 1em 0;
border: 1px solid #e6e6e6;
position: relative;
}
.rank-normal .box-title {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
line-height: 1em;
background: #007FC3;
text-align: center;
color: #ffffff;
font-weight: bold;
padding: 1em 0;
}
.rank-normal .box-title:before {
content: "\f521";
font-family: "font awesome 5 free";
font-weight: 600;
display: block;
font-size: 3.5em;
line-height: 1em;
padding-bottom: 15px;
color: #ffffff;
}
.rank-normal ol {
list-style-type: none !important;
padding: 0.7em;
counter-reset: number;
margin: 0;
}
.rank-normal li {
position: relative;
padding: 0.5em 0 0.5em 38px;
line-height: 30px;
}
.rank-normal li a {
color: #007fc3;
font-weight: bold;
}
.rank-normal li:before {
display: inline-block;
position: absolute;
left: 0;
width: 30px;
height: 30px;
border-radius: 50%;
background: #797979;
color: #fff;
font-size: 15px;
font-weight: 700;
text-align: center;
vertical-align: middle;
line-height: 30px;
content: counter(number);
counter-increment: number;
}
.rank-normal li:first-child:before,
.rank-normal li:nth-child(2):before,
.rank-normal li:nth-child(3):before {
content: "\f521";
font-family: "font awesome 5 free";
}
.rank-normal li:first-child:before {
background: #e1a625;
}
.rank-normal li:nth-child(2):before {
background: #a9b5bb;
}
.rank-normal li:nth-child(3):before {
background: #cf8129;
} .rank-op {
margin: 2em 0;
padding: 50px 0.5em 0;
position: relative;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.rank-op .box-title {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
line-height: 1em;
background: #007FC3;
text-align: center;
color: #ffffff;
font-weight: bold;
padding: 1em 0;
}
.rank-op ol {
list-style-type: none !important;
padding: 0.7em;
counter-reset: number;
margin: 0;
}
.rank-op li {
position: relative;
padding: 0.5em 0 0.5em 38px;
line-height: 30px;
font-size: 16px;
}
.rank-op li a {
color: #007fc3;
font-weight: bold;
}
.rank-op li:before {
display: inline-block;
position: absolute;
left: 0;
width: 30px;
height: 30px;
border-radius: 50%;
background: #007FC3;
color: #fff;
font-size: 15px;
font-weight: 700;
text-align: center;
vertical-align: middle;
line-height: 30px;
content: counter(number);
counter-increment: number;
}
@media screen and (max-width: 767px) {
.rank-op li {
font-size: 14px;
}
} .rank-pic {
padding: 50px 0.5em 0;
position: relative;
border-radius: 10px;
width: 100%;
}
.rank-pic .box-title {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
line-height: 1em;
background: #6bb6ff;
text-align: center;
color: #ffffff;
font-weight: bold;
padding: 1em 0;
border-radius: 10px;
}
.rank-pic ol {
list-style-type: none !important;
padding: 0.7em;
counter-reset: number;
margin: 0;
}
.rank-pic li {
position: relative;
padding: 0.5em 0 0.5em 38px;
line-height: 30px;
font-size: 16px;
}
.rank-pic li a {
color: #007fc3;
font-weight: bold;
}
.rank-pic li:before {
display: inline-block;
position: absolute;
left: 0;
width: 30px;
height: 30px;
border-radius: 50%;
background: #6bb6ff;
color: #fff;
font-size: 15px;
font-weight: 700;
text-align: center;
vertical-align: middle;
line-height: 30px;
content: counter(number);
counter-increment: number;
}
.rank-pic li:first-child:before,
.rank-pic li:nth-child(2):before,
.rank-pic li:nth-child(3):before {
content: "\f521";
font-family: "font awesome 5 free";
}
.rank-pic li:first-child:before {
background: #e1a625;
}
.rank-pic li:nth-child(2):before {
background: #a9b5bb;
}
.rank-pic li:nth-child(3):before {
background: #cf8129;
}
@media screen and (max-width: 767px) {
.rank-pic li {
font-size: 14px;
}
}  .rankh3.rank-no1,
.rankh3.rank-no2,
.rankh3.rank-no3,
.rankh3.rank-no4,
.rankh3.rank-no5,
.rankh3.rank-no6,
.rankh3.rank-no7,
.rankh3.rank-no8,
.rankh3.rank-no9,
.rankh3.rank-no10,
.rankh3.rank-no11,
.rankh3.rank-no12,
.rankh3.rank-no13,
.rankh3.rank-no14,
.rankh3.rank-no15 {
position: relative;
color: #222222 !important;
font-size: 20px !important;
text-align: left;
line-height: 28px;
padding-top: 15px;
padding-left: 80px;
padding-bottom: 13px;
border-left: none;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
background-color: transparent;
}
h3.rankh3.rank-no1:before,
h3.rankh3.rank-no1:after,
h3.rankh3.rank-no2:before,
h3.rankh3.rank-no2:after,
h3.rankh3.rank-no3:before,
h3.rankh3.rank-no3:after,
h3.rankh3.rank-no4:before,
h3.rankh3.rank-no4:after,
h3.rankh3.rank-no5:before,
h3.rankh3.rank-no5:after,
h3.rankh3.rank-no6:before,
h3.rankh3.rank-no6:after,
h3.rankh3.rank-no7:before,
h3.rankh3.rank-no7:after,
h3.rankh3.rank-no8:before,
h3.rankh3.rank-no8:after,
h3.rankh3.rank-no9:before,
h3.rankh3.rank-no9:after,
h3.rankh3.rank-no10:before,
h3.rankh3.rank-no10:after,
h3.rankh3.rank-no11:before,
h3.rankh3.rank-no11:after,
h3.rankh3.rank-no12:before,
h3.rankh3.rank-no12:after,
h3.rankh3.rank-no13:before,
h3.rankh3.rank-no13:after,
h3.rankh3.rank-no14:before,
h3.rankh3.rank-no14:after,
h3.rankh3.rank-no15:before,
h3.rankh3.rank-no15:after {
content: "";
position: absolute;
display: block;
}
h3.rankh3.rank-no1:before,
h3.rankh3.rank-no2:before,
h3.rankh3.rank-no3:before,
h3.rankh3.rank-no4:before,
h3.rankh3.rank-no5:before,
h3.rankh3.rank-no6:before,
h3.rankh3.rank-no7:before,
h3.rankh3.rank-no8:before,
h3.rankh3.rank-no9:before,
h3.rankh3.rank-no10:before,
h3.rankh3.rank-no11:before,
h3.rankh3.rank-no12:before,
h3.rankh3.rank-no13:before,
h3.rankh3.rank-no14:before,
h3.rankh3.rank-no15:before {
font-size: 18px;
font-weight: bold;
color: #fff;
border: 0;
top: 0;
left: 5px;
width: 60px;
height: 30px;
padding: 14px 0 2px;
text-align: center;
z-index: 2;
}
h3.rankh3.rank-no1:after,
h3.rankh3.rank-no2:after,
h3.rankh3.rank-no3:after,
h3.rankh3.rank-no4:after,
h3.rankh3.rank-no5:after,
h3.rankh3.rank-no6:after,
h3.rankh3.rank-no7:after,
h3.rankh3.rank-no8:after,
h3.rankh3.rank-no9:after,
h3.rankh3.rank-no10:after,
h3.rankh3.rank-no11:after,
h3.rankh3.rank-no12:after,
h3.rankh3.rank-no13:after,
h3.rankh3.rank-no14:after,
h3.rankh3.rank-no15:after {
top: 36px;
left: 5px;
width: 0;
height: 0;
border: 30px solid;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
z-index: 1;
}
@media screen and (max-width: 767px) {
.rankh3.rank-no1,
.rankh3.rank-no2,
.rankh3.rank-no3,
.rankh3.rank-no4,
.rankh3.rank-no5,
.rankh3.rank-no6,
.rankh3.rank-no7,
.rankh3.rank-no8,
.rankh3.rank-no9,
.rankh3.rank-no10,
.rankh3.rank-no11,
.rankh3.rank-no12,
.rankh3.rank-no13,
.rankh3.rank-no14,
.rankh3.rank-no15 {
font-size: 15px !important;
}
}  h3.rankh3.rank-no1:before {
content: "No.1";
background: #D4B200;
}
h3.rankh3.rank-no1:after {
border-color: transparent #D4B200;
} h3.rankh3.rank-no2:before {
content: "No.2";
background: #CBCBCB;
}
h3.rankh3.rank-no2:after {
border-color: transparent #CBCBCB;
} h3.rankh3.rank-no3:before {
content: "No.3";
background: #ac6b25;
}
h3.rankh3.rank-no3:after {
border-color: transparent #ac6b25;
} h3.rankh3.rank-no4:before {
content: "No.4";
background: #73BCF3;
}
h3.rankh3.rank-no4:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no5:before {
content: "No.5";
background: #73BCF3;
}
h3.rankh3.rank-no5:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no6:before {
content: "No.6";
background: #73BCF3;
}
h3.rankh3.rank-no6:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no7:before {
content: "No.7";
background: #73BCF3;
}
h3.rankh3.rank-no7:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no8:before {
content: "No.8";
background: #73BCF3;
}
h3.rankh3.rank-no8:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no9:before {
content: "No.9";
background: #73BCF3;
}
h3.rankh3.rank-no9:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no10:before {
content: "No.10";
background: #73BCF3;
}
h3.rankh3.rank-no10:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no11:before {
content: "No.11";
background: #73BCF3;
}
h3.rankh3.rank-no11:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no12:before {
content: "No.12";
background: #73BCF3;
}
h3.rankh3.rank-no12:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no13:before {
content: "No.13";
background: #73BCF3;
}
h3.rankh3.rank-no13:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no14:before {
content: "No.14";
background: #73BCF3;
}
h3.rankh3.rank-no14:after {
border-color: transparent #73BCF3;
} h3.rankh3.rank-no15:before {
content: "No.15";
background: #73BCF3;
}
h3.rankh3.rank-no15:after {
border-color: transparent #73BCF3;
} .fa-gray {
color: gray;
}
.fa-skyblue {
color: #5ba9f7;
}
.fa-red {
color: #F77475;
}
.fa-orange {
color: #fecb81;
}
.fa-arrow-circle-right {
color: skyblue;
}
.fa-times {
color: #F77475;
}
.fa-circle-o {
color: #5ba9f7;
}
.y-star .fa-star,
.w-star .fa-star-half-o,
.w-star .fa-star-o {
color: #D4B200;
} .uchikeshi {
text-decoration: line-through;
background-position: 0 50%;
background-size: 100% 2px;
background-repeat: repeat-x;
color: #424242;
}
.bigyellow {
background: none !important;
margin: 35px 0 10px 0 !important;
font-weight: bold;
font-size: 24px;
color: 0;
border: none !important;
}
.bigyellow span {
background: linear-gradient(transparent 90%, #fff100 90%) !important;
display: inline !important;
}
@media screen and (max-width: 767px) {
.bigyellow span {
background: linear-gradient(transparent 95%, #fff100 90%) !important;
}
}
.maincolor {
color: #5ba9f7;
font-size: 1.5em;
}
.huto {
font-weight: bold;
}
.keiko_yellow {
font-weight: bold;
background-image: linear-gradient(transparent 40%, #fff099 40%);
background-position: 0% 94%;
background-repeat: no-repeat;
background-size: 200% 5px;
}
.red {
font-weight: bold;
color: #ea545d;
}
.yubiyoko {
font-size: 1em;
color: #808080;
}
.yubiyoko a {
text-decoration: underline !important;
}
.yubiyoko:before {
content: "\f0a4";
font-family: "Font Awesome 5 Free";
padding-right: 0.5em;
}
.yubishita {
color: #222222;
font-weight: bold;
font-size: 14px;
}
.yubishita:after {
content: "\f0a7";
font-family: "Font Awesome 5 Free";
padding-left: 5px;
font-weight: 500;
}
.small {
font-size: 13px !important;
}  .double-button {
font-size: 0;
padding: 0;
border: none !important;
}
.double-button ul {
list-style: none;
padding-left: 0;
margin: 0 0 2em;
}
.double-button li {
display: inline-block;
width: 50%;
vertical-align: top;
font-weight: bold;
}
.double-button li:first-child a {
margin-right: 16px;
}
.double-button li.detail a {
background: #fff;
color: #1D2743;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
transition: 0.3s ease-out;
}
.double-button li.detail a:hover,
.double-button li.official a:hover {
text-decoration: none;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.double-button li a {
font-size: 14px;
letter-spacing: 1px;
border-radius: 4px;
display: block;
padding: 15px 16px;
padding-left: 3em;
text-align: center;
position: relative;
box-sizing: border-box;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
padding-right: 2em;
transition-duration: 0.3s;
}
.double-button li.official a {
background: linear-gradient(#fd8331, #f60);
color: #fff !important;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
transition: 0.3s ease-out;
}
@media screen and (max-width: 767px) {
.double-button li {
width: 100%;
display: block;
margin: 6px 0;
}
.double-button li:first-child a {
margin-right: 0;
}
} .cv-btn {
background-color: #f37006;
}  .raised {
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), 0 3px 4px -3px rgba(0, 0, 0, 0.15);
}
.orange {
color: #f89174;
font-weight: bold;
} .now-plus-btn { text-align: center; margin: 1em 0 1.5em 0; }
.now-plus-btn .btn { width: 80%; padding: 0.2em 1.3em; font-size: 18px; font-weight: bold; }
.now-btn a,
.now-plus-btn a,
.top-btn a {
color: #fff !important;
}
.now-btn a:after { content: "\f13a"; font-family: "Font Awesome 5 Free";
margin-left: 20px; }
.top-btn a:after { content: "\f139"; font-family: "Font Awesome 5 Free";
margin-left: 20px; }
.nowbtn {
background: #57a800 linear-gradient(180deg, rgba(245, 245, 245, 0.2) 0%, rgba(245, 245, 245, 0) 100%);
}
@media screen and (max-width: 480px) {
.now-plus-btn .btn { width: 100%; padding: 1em 1.3em; font-size: 13px; font-weight: bold; }
.now-btn a:after { margin-left: 10px; }
}
.now-btn a:after { content: "\f13a"; font-family: "Font Awesome 5 Free";
margin-left: 20px; }
.nowbtn {
background: #57a800 linear-gradient(180deg, rgba(245, 245, 245, 0.2) 0%, rgba(245, 245, 245, 0) 100%);
} .mc-plus-btn { text-align: center; margin: 1em 0 1.5em 0; }
.mc-plus-btn .btn { width: 80%; padding: 0.2em 1.3em; font-size: 1.3em; font-weight: bold; }
.mc-top-text,
.mc-btn { margin-bottom: -0.2em !important; }
.mc-top-text { font-weight: bold; }
.mc-under-text { font-size: 0.8em !important; }
.mc-btn a {
color: #fff !important;
}
.mc-btn a:after { content: "\f138"; font-family: "Font Awesome 5 Free";
margin-left: 20px; } @media screen and (max-width: 500px) { .mc-plus-btn .btn { width: 100%; padding: 1em 1.3em; font-size: 1em; font-weight: bold; }
.mc-btn a:after { font-family: "Font Awesome 5 Free";
content: "\f138"; font-weight: 900;
margin-left: 10px; }
} div#toc_container {
border-color: #f6f6f6;
}
#toc_container {
margin: 2em 0;
padding: 5px 15px;
border-top: solid 2px;
border: solid 2px;
font-size: 0.9em;
background: white;
box-shadow: none;
}
@media only screen and (min-width: 481px) {
#toc_container {
padding: 10px 30px;
}
}
#toc_container .toc_title {
margin: 0;
padding: 10px 20px 10px 50px;
font-size: 1.4em;
font-weight: bold;
width: 100%;
}
#toc_container .toc_title:before {
display: none;
}
#toc_container .toc_title:before {
display: inline-block;
position: absolute;
content: "\f02d";
font-family: "Font Awesome 5 Free";
left: 0;
vertical-align: middle;
height: 40px;
width: 40px;
line-height: 40px;
top: 50%;
margin-top: -20px;
}
#toc_container .toc_list {
margin-bottom: 10px;
margin-top: 10px;
margin-left: 0;
}
#toc_container ul {
list-style-type: none;
}
#toc_container .toc_list li:last-child {
border-bottom: none;
}
#toc_container .toc_list li {
font-weight: 500;
border-bottom: solid 1px #f6f6f6;
padding: 0;
}
#toc_container .toc_list li a {
color: #007FC3;
display: inline-block;
padding: 5px 0 5px;
width: 100%;
text-indent: -1.85em;
padding-left: 1.85em;
}
#toc_container .toc_list li a:before {
content: "\f22d";
font-family: "Font Awesome 5 Free";
color: #007FC3;
margin-right: 8px;
margin-left: 8px;
font-weight: 900;
}
#toc_container .toc_list li a:hover {
background: #f3fcff;
text-decoration: none;
}
.toc_toggle {
background: none;
}
#toc_container .toc_toggle a {
display: inline-block;
position: absolute;
color: #fff !important;
background: #3bb1e8;
line-height: 24px;
width: 60px;
right: 0;
top: 50%;
margin-top: -12px;
border-radius: 6px;
}  .sidebar .widgettitle:before {
padding-right: 0.7em;
padding-left: 0.3em;
} .sidebar .widget_categories .widgettitle:before {
content: "\f0b1";
} .yourprofile .profile-img img {
border: solid 3px #f8f8f8;
border-radius: 40px;
overflow: hidden;
}
.yourname {
padding: 0 10px;
font-size: 1.3em;
font-weight: bold;
text-align: center;
color: #545454;
}
.profile-content {
padding: 0 15px;
font-size: 0.95em;
color: #545454;
} .prof-sns {
text-align: center; padding-top: 5%; border-top: 2px dotted rgba(66, 66, 66, 0.1254901961); font-size: 0.6em; } .prof-sns .pf-tw { display: inline-block; width: 43%; height: 60px; margin: 0% 1.5% 5%; padding-top: 6px; border-radius: 5px; text-align: center; letter-spacing: 0.05em; background: rgba(29, 161, 242, 0.5647058824); color: #fff; }
.pf-tw:hover { background: #1DA1F2; text-decoration: none; transition: all ease-in-out 0.3s; } .prof-sns .pf-pf {
display: inline-block;
width: 43%;
height: 60px;
margin: 0% 1.5% 5%;
padding-top: 6px;
border-radius: 5px;
text-align: center;
letter-spacing: 0.05em;
background: #828282; color: #fff;
}
.pf-pf:hover {
background: #424242; text-decoration: none;
transition: all ease-in-out 0.3s;
} .prof-sns .pf-fd {
display: inline-block;
width: 43%;
height: 60px;
margin: 0% 1.5% 5%;
padding-top: 6px;
border-radius: 5px;
text-align: center;
letter-spacing: 0.05em;
background: #80CF93; color: #fff;
}
.pf-fd:hover {
background: #2BB24C; text-decoration: none;
transition: all ease-in-out 0.3s;
} .prof-sns .pf-pei {
display: inline-block;
width: 43%;
height: 60px;
margin: 0% 1.5% 5%;
padding-top: 6px;
border-radius: 5px;
text-align: center;
letter-spacing: 0.05em;
background: rgba(255, 0, 0, 0.6); color: #fff;
}
.pf-pei:hover {
background: #FF0000; text-decoration: none;
transition: all ease-in-out 0.3s;
} .prof-sns .pf-line {
display: inline-block;
width: 90%;
height: 60px;
margin: 0% 1.5% 5%;
padding-top: 6px;
border-radius: 5px;
text-align: center;
letter-spacing: 0.05em;
background: rgba(0, 195, 0, 0.6); color: #fff;
}
.pf-line:hover {
background: #00C300; text-decoration: none;
transition: all ease-in-out 0.3s;
} .prof-sns i {
font-size: 3em; } .ofbtn {
background: linear-gradient(#fd8331, #f60);
}
.bluebtn {
background-color: #4EBDF1;
} #fixed_sidebar .widget h4 + * {
max-height: 250px; overflow-y: auto;
} ul::-webkit-scrollbar {
width: 10px; }
ul::-webkit-scrollbar-track {
background: #fff; border-radius: 0px; box-shadow: inset 0 0 1px #999; }
ul::-webkit-scrollbar-thumb {
background: rgba(255, 179, 107, 0.3803921569); border-radius: 0px; box-shadow: none; } #fixed_sidebar .widgettitle {
text-align: center; }
#fixed_sidebar .toc_widget .widgettitle:before {
display: block;
content: url(https://creative-bible.com/wp-content/uploads/2018/09/ec6df0f333f8730d2ae94457823feaae-e1535796175524.png);
margin-bottom: -5px; } .entry-header .updated:before { display: inline-block; padding: 3px; margin-right: 6px; color: #fff; background: #007fc3; width: 25px; height: 25px; border-radius: 50%; line-height: 24px; text-align: center; }
.entry-meta {
text-align: right;
font-weight: 700;
}
@media (max-width: 767px) {
.entry-meta {
font-size: 0.9em;
}
} .linkto {
position: relative;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
border-radius: 6px;
border: none;
}
.linkto .tbimg {
width: 50px;
}
.linkto:after {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 16px;
width: 8px;
height: 8px;
margin: auto 0;
border-top: 2px solid #007fc3;
border-right: 2px solid #007fc3;
transform: rotate(45deg);
content: "";
}
.linkto:hover {
background: #c8e4ff;
}
.linkto img {
box-shadow: none;
}
.linkto .tbtext {
font-size: 0.9em;
position: relative;
font-weight: bold;
color: #007fc3;
}
@media (max-width: 767px) {
.linkto .tbtext {
padding: 0px 55px 0px 14px !important;
vertical-align: top;
font-size: 0.8em;
width: 300px;
}
.linkto .tbtext:before {
content: none !important;
}
} .cardtype__img img {
padding: 0.25em 0.25em 0 0.25em;
} .osusume-card .cardtype__link { padding-bottom: 15px; text-align: center; } .newmark {
right: 1.05em; top: 1.05em; } div.yyi-rinker-contents {
border: solid 1px rgba(66, 66, 66, 0.1882352941);
border-radius: 10px;
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
}
div.yyi-rinker-contents div.yyi-rinker-box {
padding: 1em 0;
}
div.yyi-rinker-contents div.yyi-rinker-image {
margin-left: 3%;
width: 30%;
}
div.yyi-rinker-info {
padding: 0 3%;
width: 100%;
}
.yyi-rinker-title {
font-size: 0.9em;
}
div.yyi-rinker-contents div.yyi-rinker-title p {
margin: 0;
}
div.yyi-rinker-contents div.yyi-rinker-title a {
color: rgba(66, 66, 66, 0.5647058824);
}
div.yyi-rinker-contents div.yyi-rinker-detail {
font-size: 0.8em;
color: rgba(66, 66, 66, 0.5019607843);
padding-left: 0;
margin-top: 0;
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
margin: 0.5em 0;
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
letter-spacing: 0.1em;
font-size: 1.2em;
margin-right: 0.5em;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
width: 45%;
padding: 0 0.7em;
margin: 0.5em 1.5em 0.4em 0;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
font-size: 0.8em;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:before,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:before,
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:before {
display: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
background: #FFC266 !important;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a,
.rakutenlink a,
.yahoolink a,
.amazonkindlelink a {
color: #ffffff !important;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
background: #D95656 !important;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
background: #FF4D4D !important;
}
div.yyi-rinker-contents ul.yyi-rinker-links li:hover {
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.25);
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover,
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover,
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover {
box-shadow: none;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {
opacity: 1;
}
@media screen and (max-width: 500px) {
div.yyi-rinker-contents div.yyi-rinker-box {
display: block;
}
div.yyi-rinker-contents div.yyi-rinker-image {
width: auto;
}
div.yyi-rinker-info {
padding: 0;
margin: auto;
width: 87%;
text-align: center;
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
display: block;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
width: 100%;
margin: 0.5em 0;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0;
}
}
@media screen and (min-width: 501px) and (max-width: 1239px) {
div.yyi-rinker-contents ul.yyi-rinker-links li {
width: 80%;
}
} .kjk_balloon figure img { border: solid 3px #eee; }
.kb_text { color: #444; }
.kb_icon_name { font-weight: 700;
font-size: 10px;
color: #333;
}
.kb_text.kb_right,
.kb_text.kb_left { max-width: calc(100% - 100px); padding: 8px 10px;
font-size: 15px;
border: 3px solid #eee !important;
}
.kb_normal.kb_border .kb_text.kb_left:before {
border: none;
border-right: 8px solid #eee;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
left: -11px !important;
top: 14px !important;
}
.kb_normal.kb_border .kb_text.kb_left:after {
border: none;
border-right: 8px solid #eee;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
left: -7px !important;
top: 14px !important;
}
@media only screen and (min-width: 768px) { .kb_text.kb_right,
.kb_text.kb_left { max-width: calc(100% - 130px); line-height: 1.8;
padding: 16px 20px;
}
} .widget_categories ul li a {
color: #222;
font-weight: 700;
font-size: 15px;
}
.widget_categories ul li li a {
padding: 5px 0 5px 24px;
color: #8a8a8a;
position: relative;
font-weight: 400;
}
.widget_categories .cat-item-122 > a:before {
content: "\f815";
}
.widget_categories .cat-item-3 > a:before {
content: "\f02d";
}
.widget_categories .cat-item-137 > a:before {
content: "\f303";
}
.widget_categories .cat-item-138 > a:before {
content: "\f19d";
}
.widget_categories .cat-item-139 > a:before {
content: "\f508";
}
.widget_categories .cat-item-136 > a:before {
content: "\f02d";
}
.widget_categories .cat-item-135 > a:before {
content: "\f5a0";
}
.widget_categories .cat-item-134 > a:before {
content: "\f0f0";
}
.widget_categories .cat-item-130 > a:before {
content: "\f82f";
}
.widget_categories .cat-item-131 > a:before {
content: "\f484";
}
.widget_categories .cat-item-133 > a:before {
content: "\f4ad";
}
.widget_categories .cat-item-144 > a:before {
content: "\f481";
}
.widget_categories .cat-item-141 > a:before {
content: "\f57d";
}
.widget_categories .cat-item-102 > a:before {
content: "\f15b";
}
.widget_categories .cat-item-109 > a:before {
content: "\f5fc";
}
.widget_categories .cat-item-110 > a:before {
content: "\f11b";
}
.widget_categories .cat-item-143 > a:before {
content: "\f1ad";
}
.widget_categories .cat-item-143 > a:before {
content: "\f1ad";
}
.widget_categories .cat-item-142 > a:before {
content: "\f0c0";
}
.widget_categories .cat-item-111 > a:before {
content: "\f518";
}
.widget_categories .cat-item-145 > a:before {
content: "\f674";
}
.widget_categories .cat-item-146 > a:before {
content: "\f4be";
}
.widget_categories ul li a:before {
color: #007FC3;
font-family: "Font Awesome 5 Free";
padding-right: 6px;
} li.cat-item .children {
padding-left: 24px;
}
.side-widget ul.children li:last-child {
padding-bottom: 3px;
}  #drawer__content .widgettitle {
background-color: #007FC3;
text-align: center;
padding: 9px 13px 7px;
margin: 0 auto;
font-size: 1em;
color: #ffffff;
} #drawer__content #categories-4 .widgettitle:before {
font-family: "Font Awesome 5 Free";
content: "\f0ca";
padding-right: 4px;
}
#drawer__content #categories-4 ul {
font-size: 0.9em;
}
#drawer__content #categories-4 ul li:not(:last-child) {
border-bottom: 1px solid #f6f6f6;
}
#drawer__content #categories-4 ul li a:before {
padding-right: 5px;
color: #007FC3;
font-family: "Font Awesome 5 Free";
content: "\f0da";
} .footer-meta { padding: 10px 5% 10px; font-size: 0.9em; font-weight: 500; background: #f4f4f5; margin-bottom: 15px; }
.footer-meta_title { display: inline-block; width: 100px; padding-right: 0px; background: white; text-align: center; margin-right: 5px; }
.meta-tag { margin-top: 8px; }
@media only screen and (min-width: 768px) { .meta-tag { margin-top: 0px; display: inline-block; margin-left: 20px; }
}  .stitch-red ul {
display: flex;
position: relative;
background: linear-gradient(90deg, #ff9a91 0%, #ff9a91 50px, #fff 50px, #fff 100%);
border: none;
box-shadow: none;
list-style: none;
border-radius: 0;
margin: 1em 0;
padding: 0;
line-height: 1.6em;
align-items: center;
}
.stitch-red ul:before {
content: "関連";
color: #fff;
min-width: 60px;
padding-left: 7px;
letter-spacing: 3px;
}
.stitch-red ul:after {
content: "\f0da";
font-family: "Font Awesome 5 Free";
position: absolute;
left: 56px;
color: #ffc0c0;
font-weight: 600;
}
.stitch-red a {
color: #007FC3 !important;
}
.stitch-red a:hover {
text-decoration: underline;
}
.stitch-red ul li {
padding: 0 !important;
}
.stitch-red li {
width: 100% !important;
font-size: 14px !important;
} .stitch-blue {
position: relative;
}
.stitch-blue ul {
margin: 10px 10px 2em 10px;
border: none;
border-radius: 0px;
background: white;
box-shadow: 0 0 0 10px #f3fcff;
color: #333333;
padding: 1em 1em 1em 3.5em;
}
.stitch-blue li:before {
position: absolute;
left: 2.5em;
color: #007FC3;
font-family: "Font Awesome 5 Free";
content: "\f0b1";
font-weight: 900;
}
.stitch-blue li {
list-style-type: none !important;
padding: 8px 0;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.stitch-blue ul {
padding: 1em 1em 1em 2.5em;
}
.stitch-blue li,
.stitch-red li {
font-size: 0.9em;
}
.stitch-blue li:before {
left: 2em;
}
} @media screen and (max-width: 767px) { .sns-btn__title {
font-size: 16px;
}
} #inner-content .hh8 {
border-left: none;
background: none;
color: #222;
}
.recom {
color: #222;
font-weight: bold;
line-height: 30px !important;
margin-bottom: 0 !important;
} .li-check {
font-weight: bold;
}
.li-check ul {
position: relative;
padding: 1em 0.5em 1em 2.5em;
border: solid 2px #6bb6ff;
}
.li-check li:before {
color: #6bb6ff;
font-family: "Font Awesome 5 Free";
content: "\f058";
}
.ol-circle {
font-weight: bold;
color: #333;
} .box2 {
display: table-cell;
vertical-align: middle;
position: relative;
border: 2px solid #eaedf2;
border-radius: 10px;
}
.box2:before {
border-right: 23px solid #eaedf2;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
top: 30%;
content: "";
position: absolute;
left: -23px;
}
.box2:after {
content: "";
position: absolute;
border-right: 24px solid white;
border-bottom: 20px solid transparent;
border-top: 20px solid transparent;
top: 30%;
left: -20px;
}
@media screen and (max-width: 500px) {
.box2:before {
border-bottom: 20px solid #eaedf2;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
top: -40px;
content: "";
position: absolute;
left: 40%;
}
.box2:after {
border-bottom: 20px solid white;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
top: -37px;
content: "";
position: absolute;
left: 40%;
}
}
.shtb2 .cell {
vertical-align: middle;
} .box1 {
margin: 2em 0;
padding: 1.5em 1em;
border: solid 2px #c8e4ff;
font-weight: 700;
color: #424242;
}
@media screen and (max-width: 500px) {
.box1 {
margin: 1em 0;
padding: 1em 1em;
font-size: 0.9em;
}
}
.box6 {
border: dashed 2px #ffb36b;
background-color: #fff;
margin-top: 0;
font-weight: bold;
}
.box1-blue {
margin: 2em auto; background: #f2fcff; border-radius: 4px; max-width: 600px; padding: 3.5em 2em 1.5em; position: relative; }
.box1-blue .box-title {
background: #007fc3; color: #fff; font-weight: bold; font-size: 20px; padding: 5px; text-align: center; border-radius: 4px 4px 0px 0px; position: absolute; top: 0; left: 0; width: 100%; }
.box1-blue p {
margin: 0; padding: 0; }
@media screen and (max-width: 500px) {
.box1-blue .box-title {
font-size: 17px; }
.box1-blue p {
font-size: 13px;
}
} .box25 {
border: none;
background: #f3f5f6;
margin: 1em 0;
padding: 10px 15px;
box-shadow: 0 0 0 5px #f3f5f6;
font-size: 14px;
}
.box25:after {
border-color: #FFF #FFF #e7e7e7;
} .box26 {
border: solid 2px rgba(0, 127, 195, 0.8705882353);
border-radius: 3px;
margin-bottom: 2em;
padding: 1.2em 1em 1em 1em;
}
.box26 .box-title {
color: #007FC3;
font-size: 1.1em;
background: white;
padding: 0 0.5em;
top: -1.9em;
line-height: 1;
margin: 0;
left: 0;
}
.box26 .box-title:before {
font-family: "Font Awesome 5 Free";
content: "\f0f4" !important;
}
.box26 ul li:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.box26 ul li:last-of-type {
border-bottom: none;
}
.list-des li {
border-bottom: #eaeaea solid 1px;
}
.list-des ul {
margin-top: -2em;
border: none !important;
padding: 0 1em 0 1.4em;
margin-bottom: 0;
list-style: none !important;
}
.list-des li:before {
content: "\f14a";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: -20px;
margin-right: 10px;
color: #ff6e6e;
}
@media screen and (max-width: 480px) {
.list-des li {
font-size: 14px; }
}
.box31 {
background-color: rgba(107, 182, 255, 0.1254901961);
}
.box31.box-title {
background-color: #6bb6ff;
} .box32 {
border-radius: 6px;
}
.box32 .box-title {
border-radius: 6px 6px 0 0;
}
@media screen and (max-width: 767px) { .box32 .box-title {
font-size: 16px !important;
border-radius: 6px 6px 0 0;
}
} .box28 .box-title {
display: inline-block;
line-height: 1.5;
padding: 5px 9px 3px;
border-radius: 5px 5px 0 0;
background-color: #007FC3 !important;
color: #fff;
font-size: 17px;
}
.box28 .box-content {
padding: 1.3em 1em;
border: solid 2px #007FC3 !important;
}
@media screen and (max-width: 500px) {
.box28 .box-title {
font-size: 15px;
}
.box28 .box-content {
padding: 1em 1em;
}
} .box28red {
position: relative;
margin: 3em 0 2em;
padding: 1.5em 1em;
border: solid 3px #F77475;
}
.box28red .box-title {
display: inline-block;
position: absolute;
top: -30px;
left: -3px;
height: 28px;
padding: 0 9px;
border-radius: 5px 5px 0 0;
background-color: #F77475;
color: #fff;
font-size: 17px;
vertical-align: middle;
line-height: 28px;
}
.box28red .ol-circle li:before {
display: inline-block;
position: absolute;
left: 0;
width: 25px;
height: 25px;
border-radius: 50%;
background: #F77475;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
vertical-align: middle;
line-height: 25px;
content: counter(number);
counter-increment: number;
} .meritto .box28 .box-title {
background: #4ebdf1 !important;
line-height: 32px;
padding: 5px 13px 3px;
}
.meritto .box28 .box-content {
border-color: #4ebdf1 !important;
padding: 0.8em 1em;
}
.meritto .box28 .box-title:before {
content: "\f599";
font-family: "Font Awesome 5 Free";
margin-right: 10px;
font-size: 1.2em;
}
.meritto li:before {
content: "\f164";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: -20px;
margin-right: 10px;
color: #4ebdf1;
}
.meritto li,
.demeritto li {
padding: 0.5em 0;
font-weight: 500;
}
.meritto ul,
.demeritto ul {
list-style: none;
}
.demeritto .box28 .box-title {
background: #ff6e6e !important;
line-height: 32px;
padding: 5px 13px 3px;
}
.demeritto .box28 .box-content {
border-color: #ff6e6e !important;
padding: 0.8em 1em;
}
.demeritto .box28 .box-title:before {
content: "\f119";
font-family: "Font Awesome 5 Free";
margin-right: 10px;
font-size: 1.2em;
}
.demeritto li:before {
content: "\f165";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left: -20px;
margin-right: 10px;
color: #ff6e6e;
}
@media screen and (max-width: 500px) {
.demeritto li,
.meritto li {
padding: 0.3em 0;
font-size: 15px;
}
} .tejun {
background: #f6f6f6;
padding: 1em 0em 0.7em 1em;
margin: 2em 0;
}
.tejun p {
display: inline-block;
background: #fff;
color: #424242;
position: relative;
padding: 4px 8px;
margin: 0 20px 8px 0;
font-size: 0.9em;
}
.tejun p:after {
content: "▶";
position: absolute;
font-size: 0.8em;
right: -15px;
top: 7px;
color: #007FC3;
}
.tejun p:last-child:after {
content: none;
}
.tejun .box-title {
color: #007FC3;
font-weight: bold;
margin-bottom: 4px;
} .memo {
background: none;
border: 2px solid #FEECD3;
margin-top: 2em;
font-size: 14px;
padding: 10px 15px;
border-radius: 5px;
margin-bottom: 10px;
margin-top: 2em;
color: #5a5a5a;
}
.memo_ttl {
color: #FC9E21;
margin-bottom: 10px;
font-size: 15px;
}
.memo_ttl:before {
background: none;
color: #FC9E21;
font-family: "FontAwesome";
content: "\f1fc";
line-height: 26px;
}
@media screen and (max-width: 500px) {
.memo {
font-size: 0.9em;
}
.memo_ttl {
font-size: 1em;
}
.memo ul {
padding: 0 0 0 1em !important;
}
} .memo.note {
background: none;
border: 2px solid #CCE5F1;
margin-top: 2em;
}
.memo.note .memo_ttl {
color: #007CB7;
}
.memo.note .memo_ttl:before {
background: none;
color: #007CB7;
font-family: "FontAwesome";
content: "\f19d";
}
.memo.note ul {
list-style: none;
font-size: 14px;
font-weight: 700;
}
.memo.note ul a {
color: #222222 !important;
}
.memo.note li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f303";
padding-right: 5px;
color: #007CB7;
} .memo.safe {
background: none;
border: 2px solid rgba(107, 182, 255, 0.6);
margin-top: 2em;
}
.memo.safe .memo_ttl {
color: #6bb6ff;
}
.memo.safe .memo_ttl:before {
background: none !important;
color: #6bb6ff;
font-family: "Font Awesome 5 Free";
content: "\f5a0" !important;
}
.memo.safe {
background: none;
border: 2px solid rgba(107, 182, 255, 0.6);
margin-top: 2em;
}
.memo.safe ul {
list-style: none;
}
.memo.safe li:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f239";
padding-right: 5px;
color: rgba(107, 182, 255, 0.6);
}
.memo.safe .memo_ttl:before {
background: none !important;
color: #6bb6ff;
font-family: "Font Awesome 5 Free";
content: "\f5a0" !important;
} .memo.alert {
background: none;
border: 2px solid rgba(229, 89, 130, 0.5019607843);
margin-top: 2em;
}
.memo.alert .memo_ttl {
color: #E55982;
}
.memo.alert .memo_ttl:before {
background: none;
color: #E55982;
font-family: "FontAwesome";
content: "\f071";
}
.memo.alert li {
color: #E55982;
font-weight: bold;
} .entry-content table {
border: 2px solid #e6e6e6;
border-collapse: separate;
border-spacing: 0;
border-radius: 15px 15px 0 0;
overflow: hidden;
text-align: center;
}
caption {
caption-side: bottom;
} .entry-content table th {
border-radius: 10px 10px 0 0;
background-color: #007fc3;
color: #fff;
letter-spacing: 0.15em;
text-align: center;
border-bottom: none;
font-size: 1.1em;
padding: 10px 0;
} .entry-content table tr {
text-align: center;
}
.entry-content table tr:last-child td {
border-bottom: none;
}
.entry-content tr:not(:last-child) {
border-bottom: 1px solid #e6e6e6;
} .entry-content table td {
padding: 1em 0.8em;
border: none;
border-bottom: 1px solid #e6e6e6;
}
.entry-content table td:not(last-child) {
border-right: 1px solid #e6e6e6;
}
.entry-content table td:last-child {
border-right: 0 !important;
} .entry-content tr:hover td {
background-color: #fffdf2;
transition: 0.3s ease-in-out;
} @media (max-width: 500px) {
.entry-content th {
font-size: 4vw !important;
}
.entry-content td {
font-size: 14px;
}
} .tl_main {
margin-top: 0;
margin-bottom: 1em;
padding: 1em;
border-bottom: none;
box-shadow: 0 0 3px rgba(42, 42, 42, 0.1);
}
.entry-content .tl_main > * {
margin: 0.7em 0;
color: #5a5a5a;
}
.tl_label {
padding-top: 0;
color: #333333;
font-weight: 500;
opacity: 0.54;
display: inline-block;
}
.tl_title {
display: inline-block;
font-size: 1em;
font-weight: bold;
color: #5a5a5a;
margin-left: 10px;
margin-bottom: 0.5em;
}
.tl_marker {
top: 9px;
}
.tl-content:before {
top: 32px;
} .reference {
width: 100%;
background: #fff;
box-shadow: none;
border: 2px solid rgba(107, 182, 255, 0.3803921569);
padding: 6px;
position: relative;
max-width: 700px;
}
.reference:before {
content: "新しいタブで開く";
color: rgba(66, 66, 66, 0.54);
position: absolute;
right: 10px;
font-size: 12px;
bottom: 6px;
display: inline-block;
background: rgba(66, 66, 66, 0.1);
padding: 2px 25px 2px 10px;
border-radius: 15px;
}
.reference:after {
content: "\f35d";
font-family: "Font Awesome 5 Free";
color: rgba(66, 66, 66, 0.54);
position: absolute;
right: 17px;
font-size: 14px;
bottom: 6px;
}
.reference .refttl {
width: 89px;
border-right: none;
background: rgba(107, 182, 255, 0.2196078431);
padding: 13px;
}
.reference .refttl:before {
display: block;
color: rgba(107, 182, 255, 0.6);
font-family: "Font Awesome 5 Free";
font-size: 1.5em;
content: "\f0eb";
}
.reference .refcite {
padding-left: 15px;
line-height: 1.8;
}
.reference .refcite span {
color: rgba(66, 66, 66, 0.38);
font-size: 0.95em;
}
@media screen and (max-width: 500px) {
.reference {
width: 100%;
}
.reference .refcite {
padding-left: 10px;
font-size: 0.8em;
padding-bottom: 25px;
}
}
.reference:hover {
box-shadow: none;
color: rgba(66, 66, 66, 0.87);
background: rgba(66, 66, 66, 0.07);
} .accordion {
margin: 1em 0;
}
.accordion label {
display: block;
position: relative;
padding: 13px 37px 13px 14px;
font-weight: 700;
cursor: pointer;
border: none;
transition: 0.3s;
border-radius: 5px;
color: #007fc3;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.accordion label:after {
content: "+";
position: absolute;
right: 14px;
top: 17px;
top: calc(50% - 7.5px);
line-height: 15px;
font-size: 23px;
font-weight: 400;
color: #007fc3;
}
.accordion label:hover {
background-color: #f3fcff;
} .p-nav {
margin: 2em 0; padding: 0; }
.p-nav ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
margin: 0;
padding: 0;
border: none;
}
.p-nav ul li { flex-basis: 25%; margin: 0;
padding: 0;
text-align: center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1; display: flex;
align-items: center;
flex-direction: column-reverse;
min-height: 100px; cursor: pointer;
background: #fff; }
.p-nav ul li:hover {
z-index: 2;
background-color: #f3fcff;
}
.p-nav ul li:before {
content: unset !important;
}
.p-nav ul li a {
display: block;
padding: 0.5em 1em; text-decoration: none;
width: 100%;
}
.p-nav ul li a:hover {
background: none;
opacity: 1;
}
.p-nav ul li a img {
max-width: 50% !important; height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.1)); display: inline-block;
}
.p-nav .p-nav-title {
display: block;
color: #222; font-size: 0.7em; letter-spacing: 1px;
font-weight: 600; text-align: center;
line-height: 1.5; } .sidebar .p-nav ul li { flex-basis: 50%; } @media screen and (max-width: 559px) {
.p-nav ul li { flex-basis: 50%; }
} .p-nav ul li a i,
.p-nav ul li a svg {
font-size: 40px; padding: 10px 0; color: #e1a625; display: inline-block;
} .p-nav ul li:nth-of-type(2) a i,
.p-nav ul li:nth-of-type(2) a svg {
color: #007fc3; } .p-nav ul li:nth-of-type(3) a i,
.p-nav ul li:nth-of-type(3) a svg {
color: #ffcd3c; } .p-nav ul li:nth-of-type(4) a i,
.p-nav ul li:nth-of-type(4) a svg {
color: #007fc3; } .cbtw {
display: inline-block;
position: relative;
font-size: 12px;
line-height: 20px;
color: #1c94e0;
border: 1px solid #1c94e0;
border-radius: 3px;
padding-right: 3px;
margin: 0 2px;
background: linear-gradient(to right, #1c94e0 20px, #fff 20px);
}
.cbtw i {
display: inline-block;
line-height: 20px;
width: 20px;
color: #fff;
text-align: center;
margin-right: 3px;
} .cbline {
display: inline-block;
position: relative;
font-size: 12px;
line-height: 20px;
color: #1dcd00;
border: 1px solid #1dcd00;
border-radius: 3px;
padding-right: 3px;
margin: 0 2px;
background: linear-gradient(to right, #1dcd00 20px, #fff 20px);
}
.cbline i {
display: inline-block;
line-height: 20px;
width: 20px;
color: #fff;
text-align: center;
margin-right: 3px;
} .comparison-table-wrap {
width: 100%;
max-width: 600px;
margin: 0 auto 2em;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.comparison-table-title {
background-color: #007FC3;
text-align: center;
color: #fff;
font-weight: bold;
padding: 1em;
letter-spacing: 1px;
margin: 0;
font-size: 18px;
box-shadow: 0 2px 5px rgba(100, 100, 100, 0.1);
}
.comparison-table {
background: #f9fafb;
margin: 0;
padding: 0.3em 1em;
}
.comparison-table table {
border-collapse: separate;
border-spacing: 5px 10px;
border: none;
margin-bottom: 0;
}
.comparison-table table th,
.comparison-table table td {
width: 50%;
}
.comparison-table table thead th {
background: #f3fcff;
border: none;
color: #222;
box-shadow: 0 2px 5px rgba(100, 100, 100, 0.1);
padding: 0.8em 0.5em;
line-height: 1.5;
border-radius: 3px;
font-size: 18px;
}
.comparison-table table tbody th {
background: #007FC3;
text-align: center;
color: #fff;
border: none;
border-radius: 30px;
padding: 0.4em 1em;
font-size: 16px;
line-height: 1.3;
}
.comparison-table table tbody td {
background: #fff;
box-shadow: 0 2px 5px rgba(100, 100, 100, 0.1);
border-radius: 3px;
border: none;
padding: 1.2em;
color: #555;
line-height: 1.8;
text-align: justify;
vertical-align: top;
}
.comparison-table table tbody td p {
margin: 0;
padding: 0;
margin-bottom: 1em;
font-size: 15px;
}
.comparison-table table tbody td .td-h {
text-align: center;
font-weight: bold;
color: #1565c0;
font-size: 16px;
margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
.comparison-table {
padding: 7px;
}
.comparison-table table {
border-spacing: 3px 10px;
}
.comparison-table table thead th {
position: sticky;
top: 0px;
z-index: 100;
}
} @media screen and (max-width: 768px) {
.no-sticky .comparison-table table thead th {
position: static;
}
.comparison-table-title {
font-size: 14px;
}
.comparison-table table tbody td p {
font-size: 12px;
}
} .compare-box {
margin: 2em auto;
background: #fef9ed;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
max-width: 100%;
}
.compare-box .compare-box-head {
font-size: 1em;
background: #fdc44f;
text-align: center;
color: #FFF;
font-weight: bold;
letter-spacing: 0.05em;
display: flex;
border-radius: 4px 4px 0 0;
line-height: 1.5;
}
.compare-box p {
padding: 0;
margin: 0 0 20px 0;
}
.compare-box .compare-box-head div {
padding: 1.2em 1em;
font-size: 1em;
line-height: 1.1;
}
.compare-box .compare-box-content {
display: flex;
font-size: 0.9em;
line-height: 2;
text-align: justify;
text-justify: inter-ideograph;
}
.compare-box .compare-box-content div {
padding: 1em 1.6em;
}
.compare-head-left,
.compare-head-right,
.compare-left,
.compare-right {
flex: 1;
}
@media screen and (max-width: 480px) {
.compare-box .compare-box-content div {
padding: 1em 0.8em;
}
.compare-box .compare-box-head {
font-size: 0.9em;
}
}
.box-head-separate .compare-head-left {
background: #1e88e5;
}
.box-head-separate .compare-head-right {
background: #ff6e6e;
}
.box-separate .compare-left {
background: #f0f9fc;
}
.box-separate .compare-right {
background: #fff6f2;
}
.box-separate .compare-left .list-4 li:before {
color: #6fc7e1;
}
.box-separate .compare-right .list-4 li:before {
color: #ffa883;
}
.list-4 {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.list-4 li {
border-bottom: 2px dashed;
border-color: #c4c4c4; color: #545454;
position: relative;
margin: 0.5em 0 !important;
max-width: 500px; padding: 0 0 0.5em 1.4em;
font-weight: bold;
}
.list-4 li:last-child {
border: none;
}
.list-4 li:before {
font-family: "font awesome 5 free";
content: "\f058";
position: absolute;
left: 0;
}
.compare-box-title-3 {
text-align: center;
padding: 0.6em 0 0.5em;
color: #333333;
font-weight: bold;
letter-spacing: 1px;
margin: 0 0 -1.8em 0;
font-size: 1em;
}
.compare-box-title-3:before {
content: "− ";
}
.compare-box-title-3:after {
content: "  −";
}
@media screen and (max-width: 480px) {
.compare-box-title-3 {
font-weight: bold;
font-size: 0.9em;
}
} .center .shtb2 .cell:first-of-type {
padding-right: 0;
}
.center .shtb2 .cell:last-of-type {
padding-left: 0;
}
.vs-left,
.vs-right {
padding: 1em;
position: relative;
}
.vs-left {
background: #ceead6; }
.vs-right {
background: #fad2cf; }
.vs-left .box-title,
.vs-right .box-title {
position: absolute;
color: white;
padding: 0.5em 1em;
top: 1.75em;
}
.vs-left .box-title {
background: #4eb369; left: 0;
}
.vs-right .box-title {
background: #ed5b4f; right: 0;
}
.vs-left .box-content,
.vs-right .box-content {
padding: 4em 1em 1em;
background: white;
box-shadow: 0 0 4px 2px rgba(42, 42, 42, 0.05);
text-align: left;
} .maru2 {
background: linear-gradient(#fd8331, #f60);
color: white;
border-radius: 30px;
display: inline-block;
font-size: 12px;
width: 34px;
line-height: 34px;
text-align: center;
margin-right: 10px;
font-weight: 600;
} #rankheader {
background: #c8e6ff;
padding: 30px 0 70px;
}
.headd {
display: table;
width: 100%;
margin: 0 auto;
max-width: 767px;
}
.table-right {
width: 367px;
}
.tab-right p {
font-weight: bold;
font-size: 18px;
margin: 0 !important;
}
.tab-left {
width: 400px;
}
.tab-c {
display: table-cell;
vertical-align: middle;
}
.annai {
position: relative;
color: #59616d;
line-height: 1.8;
padding: 10px 10px 20px;
max-width: 824px;
margin: -60px auto 2.5em;
background: #FFF;
box-shadow: 0 3px 17px rgba(0, 0, 0, 0.1);
}
.gensen {
font-weight: bold;
color: #66b8ff;
letter-spacing: 0.05em;
font-size: 17px;
padding: 12px 0;
}
span.koushin {
display: inline-block;
color: #66b8ff;
background: #ddefff;
margin: 10px 0 0;
border-radius: 17px;
padding: 2px 13px;
font-size: 14px;
}
.nonmain {
margin: 50px auto 2em;
max-width: 824px;
padding: 10px 1px 0;
}
span.bango {
font-weight: bold;
font-size: 90px;
display: inline-block;
line-height: 1.2;
letter-spacing: 3px;
color: #66b8ff;
}
@media screen and (max-width: 600px) {
.tab-right {
width: 250px;
}
.table-left {
width: 200px;
}
}
@media screen and (max-width: 767px) {
#rankheader {
padding-top: 35px;
}
.tab-right {
width: 300px;
}
.tab-left {
width: 250px;
}
}
@media screen and (max-width: 450px) {
.tab-c,
.headd {
width: 100%;
display: block;
text-align: center;
}
} .hosi {
text-align: center;
padding-bottom: 5px;
background: #fffbf2;
}
.hosi .rate-thing {
display: none;
}
.hosi .rate-star {
font-size: 1.5em;
width: 100%;
}  .kckcards {
display: inline-block;
width: 45%;
margin: 0.5em 2% 2em;
border: solid 1px #d3d3d3;
border-radius: 10px;
vertical-align: top;
padding: 1em;
}
.kckcards p {
margin: 0;
}
p.agname {
font-weight: 700;
font-size: 1.2em !important;
padding: 0.5em;
text-align: center;
line-height: 1.5;
margin: 0 0 0.5em;
}
a.aglink {
display: inline-block;
padding: 0.5em 1em;
background: linear-gradient(#fd8331, #f60);
color: #fff !important;
line-height: 1.5;
font-weight: 700;
border-radius: 3px;
text-decoration: none;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
}
a.aglink:hover {
cursor: pointer;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
transform: translateY(-0.1875em);
}
p.aglogo {
margin: 0 0 1em;
padding: 0 13px;
}
.each-lineup {
text-align: center;
padding: 20px 10px;
margin: 30px 0 1.5em;
color: #fff;
}
.com {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 12px;
}
.hashtag { display: inline-block;
padding: 3px 8px; font-size: 11px !important; font-weight: 700; background: #f4f4f4; margin: 5px 5px 5px 0;
border-radius: 15px;
}
h2.lineup-title {
margin: 10px 0px 0px 0;
padding: 0;
background: 0 0;
border: 0;
}
.redback {
background: #ff5f69;
}
.blueback {
background: #73c8ff;
}
.greenback {
background: #8ccd0c;
}
@media screen and (max-width: 767px) {
.kckcards {
width: 96%;
margin: 1em 2%;
}
.hosi .rate-star {
font-size: 15px;
width: 100%;
}
.nonmain {
margin: 30px auto 2em;
}
.each-lineup {
margin: 30px 0px 0px 0;
}
} p.question {
font-size: 20px;
line-height: 1.4;
padding: 20px 10px;
margin: 2em 0 0.8em 0;
border: 0;
font-weight: bold;
background: #e8f4ff;
}
p.question:before,
p.answer:before {
content: "Q";
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
background: #75bbff;
margin-right: 10px;
color: #fff;
font-size: 23px;
font-family: Arial, sans-serif;
border-radius: 50%;
left: 12px;
top: 50%;
}
p.answer {
margin: 1.5em 0 0.8em;
padding: 0 0 17px 10px;
font-weight: 700;
}
p.answer:before {
content: "A";
background: #ff8d8d;
top: 0;
left: 0;
margin-top: -5px;
}
@media screen and (max-width: 767px) {
p.question {
font-size: 15px;
padding: 10px 10px;
}
}
.summary {
padding: 24px 40px 24px;
position: relative;
background: #edf4fb;
border-radius: 10px;
margin-top: 54px;
font-size: 15px;
}
.summary-tit {
position: absolute;
background: #2d5a83;
color: white;
top: -20px;
left: 20px;
padding: 12px 15px 12px 40px;
font-weight: bold;
font-size: 15px;
line-height: 1;
text-align: center;
margin: 0;
display: inline-block;
border-radius: 50px;
border: none;
z-index: 3;
box-shadow: 0 0 0px 5px #fff;
}
.summary .inner {
margin-top: 16px;
} .koko {
position: relative;
border-radius: 5px;
padding: 50px 4px 4px 4px;
}
.koko .sgb-box-simple__title {
position: absolute;
left: 45px;
line-height: 30px;
padding: 0;
top: 10px;
border-bottom: none;
}
.koko .sgb-box-simple__body {
border-radius: 8px;
padding: 0 1.5em;
}
body .koko .sgb-box-simple__body ul {
padding: 0;
list-style: none;
margin: auto;
border: none;
}
.koko li {
padding-left: 1.5em;
position: relative;
}
.koko li:before {
content: "\f058";
position: absolute;
font-family: "font awesome 5 free";
left: 0;
}
.koko ul li:not(:last-child) {
border-bottom: dotted 2px #f2f2f2;
}
.koko1 {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.koko2 {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-bottom: 20px;
}
@media (min-width: 1030px) {
.koko {
padding: 6px 4px 4px 200px;
}
.koko .sgb-box-simple__title {
top: calc(50% - 15px);
border-bottom: 5px solid #fff100;
}
.koko1 .sgb-box-simple__title:before,
.koko2 .sgb-box-simple__title:before {
font-family: "font awesome 5 free";
font-weight: 900;
position: absolute;
font-size: 4em;
left: 20px;
top: -50px;
}
.koko1 .sgb-box-simple__title,
.koko2 .sgb-box-simple__title {
top: calc(50% + 20px);
}
} .margin-top-none {
margin-top: 0;
} .margin-bottom-none {
margin-bottom: 0;
}  .koko {
background: #4ebdf1;
} .koko li:before {
color: #4ebdf1;
} .koko2 {
background: #f88080;
} .koko2 li:before {
color: #f88080;
}  .koko1 li:before {
content: "\f580";
} .koko2 li:before {
content: "\f5c8";
} @media (min-width: 1030px) {
.koko1 .sgb-box-simple__title:before {
content: "\f580";
} .koko2 .sgb-box-simple__title:before {
content: "\f5c8";
} } #mobile-toc-widget-wrap .menu-trigger,
#mobile-toc-widget-wrap .menu-trigger span {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
}
#mobile-toc-widget-wrap .menu-trigger {
position: relative;
width: 25px;
height: 35px;
}
#mobile-toc-widget-wrap .menu-trigger span {
position: absolute;
left: 10px;
width: 100%;
height: 3px;
background-color: #fff; border-radius: 4px;
}
#mobile-toc-widget-wrap .menu-trigger span:nth-of-type(1) {
top: 13px;
}
#mobile-toc-widget-wrap .menu-trigger span:nth-of-type(2) {
top: 20px;
}
#mobile-toc-widget-wrap .menu-trigger span:nth-of-type(3) {
top: 27px;
}
#mobile-toc-widget-wrap .menu-trigger.active {
transform: rotate(360deg);
}
#mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(1) {
transform: translateY(20px) rotate(-45deg);
top: 0;
}
#mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(2) {
transform: translateY(0) rotate(45deg);
}
#mobile-toc-widget-wrap .menu-trigger.active span:nth-of-type(3) {
opacity: 0;
}
#mobile-toc-widget-wrap {
position: fixed;
bottom: 30px;
right: 20px;
margin: 0;
padding: 0;
z-index: 100;
counter-reset: mobile-toc;
}
#mobile-toc-widget-wrap label .mobile-toc-button {
width: 58px;
height: 58px;
border-radius: 50%;
background: #58a9ef; opacity: 0.8;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
transition: ease-out 0.3s;
text-align: center;
position: relative;
z-index: 3;
}
#mobile-toc-widget-wrap label .mobile-toc-button .mobile-toc-button-title {
color: #fff; font-size: 0.65em;
letter-spacing: 0;
position: absolute;
bottom: 7px;
left: 0;
right: 0;
margin: auto;
}
#mobile-toc-widget-wrap label:hover {
background: #efefef;
}
#mobile-toc-widget-wrap input {
display: none;
}
#mobile-toc-widget-wrap .mobile-toc-show {
display: none;
}
#mobile-toc-widget-wrap input:checked ~ .mobile-toc-show {
background: #fff;
position: absolute;
top: 0;
left: 0;
padding: 2.5em 1em;
opacity: 0.97;
position: fixed;
width: 100%;
height: 100%;
display: block;
animation: 0.5s fade-in;
-webkit-animation: 0.5s fade-in;
overflow-y: scroll;
}
@keyframes fade-in {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 0.93;
}
}
#mobile-toc-widget-wrap .widgettitle {
text-align: center;
margin: 0 0 1em;
color: #58a9ef;
font-size: 1.1em;
letter-spacing: 2px;
background: none;
font-weight: 600;
} #mobile-toc-widget-wrap .toc_widget_list {
font-size: 0.8em;
padding: 0 !important;
}
#mobile-toc-widget-wrap .toc_widget_list a {
text-decoration: none;
color: #555; font-weight: 600; }
#mobile-toc-widget-wrap .toc_widget_list > li {
list-style-type: none !important;
position: relative;
margin-left: 13px;
margin-right: 25px;
padding-left: 32px;
margin-bottom: 15px;
padding-bottom: 0px;
font-size: 1.1em;
line-height: 1.6; }
#mobile-toc-widget-wrap .toc_widget_list > li:before {
counter-increment: mobile-toc;
content: counter(mobile-toc);
position: absolute;
left: 5px;
top: -1px;
background: none;
font-size: 1.1em;
color: #58a9ef; }
#mobile-toc-widget-wrap .toc_widget_list > li ul {
margin-top: 5px;
padding-left: 20px;
list-style: none;
}
#mobile-toc-widget-wrap .toc_widget_list > li > ul > li a {
position: relative;
text-decoration: none !important;
font-weight: 500; }
#mobile-toc-widget-wrap .toc_widget_list > li ul li a:before {
position: absolute;
content: "・";
font-size: 1.4em;
left: -20px;
top: -10px;
color: #58a9ef; } .p-twitter-box {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
margin: 2rem auto;
max-width: 500px;
width: 100%;
}
.p-twitter-box .p-twitter-title {
color: #fff;
font-weight: 600;
letter-spacing: 1px;
padding: 0 2em 0;
font-size: 12px;
}
.p-twitter-box .twitter-tweet {
margin: 0 !important;
}
.p-twitter-box p {
display: none;
} .p-twitter-box .p-twitter-blue {
background: #1da1f2;
} .p-2ch-box {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
margin: 2rem auto;
max-width: 500px;
width: 100%;
}
.p-2ch-box .p-2ch-title {
color: #fff;
font-weight: 600;
letter-spacing: 1px;
padding: 0 2em 0;
font-size: 12px;
}
.p-2ch-box .p-2ch-color {
background: #2cab9f;
}
.p-2ch-box p {
padding: 1em;
}
@media screen and (max-width: 767px) { .p-2ch-box p {
font-size: 14px !important;
}
} .entry-content #nekokun-box { width: 80%; margin: 0 auto;
padding: 0.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); border-radius: 6px; margin-top: 0;
margin-bottom: 2rem;
position: relative;
}
.fl {
display: flex !important;
}
.entry-content #nekokun-box .nekokun-img img { width: 80px;
border-radius: 50%; border: 2px solid #c4c4c4 !important; margin-top: 0.7em;
margin-left: 10px; }
.nekokun-img {
display: inline-block;
width: 150px;
height: auto;
margin: 0;
vertical-align: middle;
}
.entry-content #nekokun-box .nekokun-info {
margin-left: 0.5rem;
color: #000;
padding: 0;
width: 100% !important;
margin: 0 !important;
}
.entry-content #nekokun-box .nekokun-info .nekokun-title { color: #222222; border-bottom: 2px dotted #c4c4c4; font-size: 13px; font-weight: 700; margin-bottom: 5px !important;
padding-left: 4px;
}
.entry-content #nekokun-box .nekokun-info .occupation {
font-size: 12px;
color: #007FC3;
margin-bottom: 3px;
line-height: 1.5;
font-weight: 700;
padding-left: 4px;
}
.entry-content #nekokun-box .nekokun-info .onamae {
font-weight: 700;
color: #222222;
font-size: 18px;
margin-bottom: 0;
padding-left: 4px;
}
.entry-content #nekokun-box .story-title {
display: block;
color: #333;
padding-left: 4px;
line-height: 1.5rem;
font-weight: 700;
border-bottom: 2px dotted #c4c4c4;
margin-bottom: 0.5rem;
font-size: 13px;
text-align: left;
}
.entry-content #nekokun-box .nekokun-story {
font-size: 14px;
text-align: left;
}
.entry-content #nekokun-box .att {
font-size: 11px;
margin-bottom: 0 !important;
margin: 0px !important;
}
.entry-content #nekokun-box .article {
font-size: 13px;
text-align: left;
}
.entry-content #nekokun-box p {
margin: 0 0 0.3em;
}
.kakushi_box {
margin: 0;
padding: 0;
text-align: right; }
.kakushi_box label {
padding: 8px;
font-weight: 700;
background: #007FC3;
border: none;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 5px; cursor: pointer; transition: 0.5s;
font-size: 10px;
color: #ffffff; }
.kakushi_box label:before {
display: inline-block;
content: "\f067";
font-family: "Font Awesome 5 Free";
padding-right: 5px;
transition: 0.2s;
}
.kakushi_box label:hover {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
background-color: #007FC3;
}
.kakushi_box input:checked ~ label:before {
content: "\f068";
transform: rotate(360deg);
color: #ffffff;
}
.kakushi_box input:checked ~ label {
background: rgba(0, 127, 195, 0.6);
}
.kakushi_box input {
display: none;
}
.kakushi_box .kakushi_show {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
.kakushi_box input:checked ~ .kakushi_show {
padding: 0 0 15px;
height: auto;
opacity: 1;
}
.entry-content #nekokun-box .nekokun-info .supervisor-sns {
font-size: 12px;
margin-bottom: 3px;
line-height: 1.5;
font-weight: 700;
padding-left: 4px;
}
@media screen and (max-width: 767px) { .entry-content #nekokun-box { width: 100%; }
.entry-content #nekokun-box .nekokun-info .nekokun-title {
margin-bottom: 0.5rem;
}
.entry-content #nekokun-box .nekokun-img img { margin-left: 0px; }
.entry-content #nekokun-box .nekokun-img {
width: 60px;
margin-right: 5px; }
} .official-wrap {
border-radius: 5px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
display: flex;
justify-content: space-between;
margin: 8px 13px auto;
position: relative;
}
.official-link.ofdetail {
align-items: center;
background-color: #fff;
border-radius: 5px 0 0 5px;
color: #ffa621;
display: flex;
font-size: 12px;
justify-content: center;
position: relative;
text-decoration: none;
width: 30%;
}
.official-link.ofmove {
align-items: center;
background: linear-gradient(#fd8331, #f60);
border-radius: 0 3px 3px 0;
color: #fff !important;
display: flex;
font-size: 16px;
font-weight: bold;
justify-content: center;
padding: 5px 0;
position: relative;
text-decoration: none;
width: 70%;
}
.official-link.ofmove a {
padding: 0.5em 1em;
}
.com {
font-size: 15px !important;
}
@media screen and (max-width: 767px) {
.official-link.ofmove {
font-size: 15px;
}
.com {
font-size: 14px !important;
}
} .ppcmain {
margin: 0 auto 2em;
max-width: 824px;
padding: 10px 15px 0;
}
.services-cta {
margin: 24px 0 auto;
text-align: center;
font-size: 13px;
}
.official-wrap2 {
border-radius: 5px;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
display: flex;
justify-content: space-between;
position: relative;
margin: 8px 0 auto;
}
.official-link2.ofdetail {
align-items: center;
background-color: #fff;
border-radius: 5px 0 0 5px;
color: #ffa621;
display: flex;
font-size: 16px;
font-weight: 500;
justify-content: center;
position: relative;
text-decoration: none;
width: 30%;
height: 50px;
}
.official-link2.ofmove {
align-items: center;
background: linear-gradient(#fd8331, #f60);
border-radius: 0 3px 3px 0;
color: #fff !important;
display: flex;
font-size: 20px;
font-weight: bold;
justify-content: center;
padding: 10px 0;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
position: relative;
text-decoration: none;
width: 70%;
height: 50px;
}
.official-link2.ofmove i {
padding-left: 10px;
}
@media screen and (max-width: 767px) {
.services-cta {
margin: 12px 0 auto;
text-align: center;
font-size: 12px;
}
.official-link2.ofmove {
font-size: 15px;
}
.official-link2.ofdetail {
font-size: 13px;
}
.official-link2.ofmove i {
padding-left: 5px;
}
} .kansobox {
box-shadow: 0 1px 4px rgba(128, 128, 128, 0.49);
border-radius: 3px;
margin: 20px 0;
overflow: hidden;
padding: 0 0 10px;
}
.kansobox .kansotitle {
margin-top: 0;
background: #f3fcff;
color: #007FC3;
text-align: center;
padding: 8px 5px;
font-weight: 600;
font-size: 17px;
}
.kansobox .read {
color: #007FC3;
font-size: 1.07em;
margin: 20px 0 0;
font-weight: 700;
padding: 0 15px;
}
.kansobox p {
padding: 0 15px 0 38px;
margin: 4px 0 22px;
font-size: 15px;
} .youtube {
margin-top: 0 !important;
} @media only screen and (min-width: 1030px) {
.d-5of7 {
padding-right: 2em !important;
}
#archive_header {
padding: 20px 40px;
margin: 0 0% 0em 0%;
}
.cardtype__article {
width: 48%;
margin: 0 1% 20px 1%;
}
.sidelong__article {
width: 48%;
margin: 0 1% 20px 1%;
}
} .list04 {
border: solid 2px #4EBDF1;
border-radius: 5px;
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
}
.list04 li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important;
}
.list04 li:before {
font-family: "Font Awesome 5 Free";
content: "\f138"; font-weight: 900;
position: absolute;
left: 1em; color: #4EBDF1; } #inner-content .entry-content h3.rank {
border-left: none;
margin: 0 0 30px 0;
position: relative;
overflow: hidden;
padding: 1rem 1rem 1rem 100px;
word-break: break-all;
border-top: 4px solid #007FC3;
border-radius: 12px 0 0 0;
}
#inner-content .entry-content h3.rank span {
font-size: 10px;
font-size: 2rem;
position: absolute;
top: 0;
left: 0;
display: block;
padding: 35px 25px;
margin: 0;
color: #fff;
border-radius: 10px 0 10px 10px;
background: #007FC3;
} .p-sticky-table {
white-space: nowrap;
line-height: 1.6;
}
.p-sticky-table table {
border: none;
border: 1px solid #dedede;
border-bottom: none;
border-collapse: collapse;
word-break: break-all;
table-layout: fixed;
display: block;
overflow: scroll;
max-height: 80vh;
border-radius: 0 !important;
}
.p-sticky-table thead th:first-child {
position: sticky;
top: 0;
left: 0;
z-index: 3;
border-radius: 0 !important;
}
.p-sticky-table thead th {
position: sticky;
top: 0;
z-index: 2;
text-align: center;
}
.p-sticky-table tbody th:first-child {
position: sticky;
left: 0;
z-index: 1;
border: none;
white-space: normal;
min-width: 130px;
border-radius: 0 !important;
}
.p-sticky-table th,
.p-sticky-table td {
min-width: 50px;
text-align: left;
font-size: 16px !important;
position: relative;
padding: 13px !important;
color: #333;
border: none !important;
z-index: 0;
vertical-align: middle !important;
background: #fff;
border-radius: 0 !important;
}
.p-sticky-table th {
background: #f0f9ff !important;
letter-spacing: 1px;
font-weight: 500 !important;
color: #555 !important;
}
.p-sticky-table tr {
border-bottom: none !important;
}
.p-sticky-table img {
margin: 10px auto;
display: block;
padding: 0;
max-width: 80% !important;
}
.p-sticky-table table th::before,
.p-sticky-table table td::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
z-index: -1;
} @media screen and (max-width: 560px) {
.p-sticky-table table {
max-height: 60vh;
}
.p-sticky-table thead th:first-child,
.p-sticky-table tbody th:first-child {
min-width: 25vw;
}
.p-sticky-table th,
.p-sticky-table td {
font-size: 12px !important;
padding: 7px !important;
}
} .pst-center td {
text-align: center;
} .scroll table {
width: 100%;
}
.scroll {
overflow: auto;
white-space: nowrap;
} @media only screen and (min-width: 1030px) {
#archive_header {
padding: 20px 20px;
}
}
@media only screen and (min-width: 1030px) {
#archive_header {
margin: 0 2% 1.5em 2%;
}
}
@media only screen and (min-width: 1030px) {
.cardtype__article {
width: 45%;
margin: 0 4% 25px 0;
}
}
@media only screen and (min-width: 1030px) {
.cardtype__article {
margin: 0 2% 25px 2.5%;
}
}
h2.list-title {
padding: 0.8em;
background: #333333;
color: #fff;
font-size: 1.143em;
font-weight: bold;
margin: 0 2% 1.5em;
}
.cardtype h3 {
font-size: 17px;
margin: 8px 13px 0;
color: #353535;
} .footer #footer-menu a,
.footer .copyright {
font-size: 10px;
}
#footer-menu h4 {
text-align: left;
font-size: 12px;
color: #fff;
}
#footer-menu ul {
text-align: left;
margin-left: 0;
}
#footer-menu li {
display: block;
padding: 0;
}
#footer-menu li a {
display: block;
}
#footer-menu .fblock.first,
#footer-menu .fblock.second,
#footer-menu .fblock.third,
#footer-menu .fblock.fourth,
#footer-menu .fblock.last { width: 98%;
margin: 1%;
}
@media screen and (max-width: 768px) {
#footer-menu .fblock.first,
#footer-menu .fblock.second,
#footer-menu .fblock.third,
#footer-menu .fblock.fourth,
#footer-menu .fblock.last {
width: 98%;
}
} html {
scroll-behavior: smooth;
} #exam1 table {
font-size: 15px;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
border: 1px #999 solid;
border-collapse: separate;
border-radius: 0;
line-height: 18px;
}
#exam1 table td {
border: 1px #999 solid;
}
.entry-content ul.supervisor {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
border: 0;
}
.entry-content .supervisor * {
box-sizing: border-box;
}
.entry-content .supervisor-card {
border: 1px solid #f5f5f5;
width: 25%;
padding: 10px;
}
@media screen and (max-width: 600px) {
.entry-content .supervisor-card {
width: 50%;
}
}
.entry-content .supervisor-job {
font-size: 12px;
line-height: 1.3;
color: #007FC3;
}
.entry-content .supervisor-img {
overflow: hidden;
border-radius: 500px;
margin-bottom: 8px;
}
.entry-content .supervisor-txt {
line-height: 1.4;
font-weight: 700;
font-size: 14px;
}
div.picup .c_linkto .c_linkto_text {
min-height: 92.5px;
}
#footer-menu ul.sub-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#footer-menu ul.menu {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#footer-menu li a {
display: inline-block;
}
#footer-menu li.menu-item-has-children {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.fblock {
float: none;
}
.footer .ft_widget,
.footer .my_popular_posts {
margin: 1.5em 0 2em;
}
.menu-item a {
margin-left: 15px;
} .nxrc-list *,
.nxrc-search-form * {
list-style: none;
margin: 0;
padding: 0;
color: inherit;
border: 0;
box-sizing: border-box;
transition: all 0.3s ease;
}
.nxrc-title {
display: block;
font-size: 1.2em;
}
.nxrc-search-form table,
.nxrc-title {
margin-bottom: 20px;
}
.nxrc-excerpt {
margin-bottom: 10px;
}
.nxrc-search-form table {
margin-bottom: 0;
}
.nxrc-list li,
.nxrc-search-form {
margin-bottom: 0px;
}
.nxrc-search-form input,
.nxrc-search-form select {
vertical-align: middle;
}
.nxrc-fields th,
.nxrc-links,
.nxrc-search-button,
.nxrc-search-form th {
text-align: center;
}
.nxrc-fields th,
.nxrc-links,
.nxrc-search-button,
.nxrc-search-form caption,
.nxrc-search-form th,
.nxrc-title {
font-weight: 700;
}
.nxrc-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 1rem;
}
.nxrc-links a,
.nxrc-links span {
width: 48%;
margin: 1%;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.nxrc-excerpt,
.nxrc-fields {
font-size: 0.8em;
}
.nxrc-list .nxrc-excerpt a {
color: #777;
}
.nxrc-list .nxrc-excerpt a:link,
.nxrc-list .nxrc-excerpt a:visited {
color: #777;
}
.nxrc-fields,
.nxrc-search-button button,
.nxrc-search-form table {
width: 100%;
}
.nxrc-link {
display: inline-block;
width: 40%;
}
.nxrc-fields th {
width: 20%;
background: #f5f5f5;
color: #1e1e1e;
font-size: 12px;
border: 1px solid #ddd;
}
.nxrc-search-form th {
width: 20%;
background: #dddddd;
color: #1e1e1e;
font-size: 14px;
}
.nxrc-fields td {
font-size: 12px;
border: 1px solid #ddd;
}
.nxrc-search-form td {
font-size: 14px;
}
.nxrc-search-button button {
display: flex;
justify-content: center;
align-items: center;
max-width: 500px;
width: 300px;
min-height: 68px;
margin: 0 auto;
padding: 16px 12px;
font-size: 18px;
font-weight: 700;
font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
color: #ffffff;
background-image: linear-gradient(to top, #F44336 0%, #ffa825 100%);
border-radius: 8px;
box-shadow: 0 2px 0 #ccc !important;
cursor: pointer;
}
.nxrc-link {
margin: 0 10px;
height: 60px;
line-height: 60px;
background-color: #ffa825;
color: #ffffff;
border-radius: 40px;
cursor: pointer;
}
.nxrc-link:hover,
.nxrc-search-button button:hover {
text-decoration: none;
opacity: 0.5;
}
.nxrc-link.active {
background-color: #c00;
}
.nxrc-link.disable {
background-color: #ccc;
pointer-events: none;
}
.nxrc-fields,
.nxrc-search-form table {
border-spacing: 0;
}
.nxrc-search-form td,
.nxrc-search-form th {
padding: 10px;
}
.nxrc-fields td,
.nxrc-fields th {
padding: 10px;
}
.nxrc-search-form select {
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px;
-moz-appearance: menulist;
-webkit-appearance: menulist;
}
.nxrc-search-form input[type=checkbox],
.nxrc-search-form input[type=radio] {
width: 1em;
}
.nxrc-list li {
position: relative;
padding: 16px;
background: rgba(255, 255, 255, 0.9);
border-radius: 4px;
overflow: hidden;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
.nxrc-list li:first-child .search-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 6px solid #FFCA28;
z-index: 1;
box-sizing: border-box;
pointer-events: none;
}
.nxrc-list li:first-child .search-wrap:before {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background: url(//nexer.co.jp/career-bible/wp-content/themes/sango-theme-poripu/search/img/recommend.svg) center no-repeat;
background-size: 100%;
content: "";
}
.nxrc-title {
position: relative;
margin-bottom: 20px;
padding: 0 12px 20px 12px;
color: #333 !important;
font-size: 22px;
}
.nxrc-title:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
content: "";
background-image: repeating-linear-gradient(-45deg, #ccc, #ccc 1px, transparent 2px, transparent 5px);
background-size: 7px 7px;
backface-visibility: hidden;
}
.nxrc-title:before {
position: absolute;
bottom: 0;
top: 0;
left: 5px;
width: 12px;
height: 12px;
background: url(//nexer.co.jp/career-bible/wp-content/themes/img/angles-right.svg) center no-repeat;
background-size: 100%;
margin: auto;
content: "";
}
.nxrc-fields {
background: #ffffff;
}
.nxrc-fields tr:not(:first-child) th {
border-top: dotted 1px #ddd;
}
.nxrc-search-form {
padding: 0;
margin: 0 auto;
box-sizing: border-box;
}
.nxrc-search-form tr:not(:first-child) th {
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.nxrc-search-form caption { font-size: 20px;
margin: 0 auto 10px;
padding: 1rem 2rem;
color: #333;
background: linear-gradient(180deg, #f9f9f9, #f1f1f1);
border-bottom: 3px solid #335599;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.nxrc-search-form caption span,
.nxrc-search-form caption img {
display: inline-block;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.nxrc-search-form caption img {
margin-right: 6px;
}
.flexin {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.search-img {
display: block;
width: 320px;
position: relative;
overflow: hidden;
}
.search-txt {
width: calc(100% - 340px);
}
@media screen and (max-width: 768px) {
.search-img {
width: 100%;
height: auto;
margin-bottom: 10px;
}
.search-img img {
width: 100%;
height: auto;
position: static;
}
.search-txt {
width: 100%;
}
.nxrc-list li {
width: 90%;
margin: auto;
}
.nxrc-title {
font-size: 18px;
}
}
.kensaku-space {
margin-top: 60px;
}
.formWrapper {
display: flex;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.nxrc-search-form td label {
margin-right: 10px;
}
.nxrc-search-form {
position: relative; background: repeating-linear-gradient(-45deg, #f5f5f5, #f5f5f5 2px, #f1f1f1 0, #f1f1f1 4px);      }
.nxrc-search-form a:link {
color: #ffffff;
}
.nxrc-search-form td {
padding: 10px;
}
.nxrc-search-form caption {
border-radius: 0;
font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
}
.nxrc-search-form select {
max-width: 320px;
}
.nxrc-search-form label {
display: inline-block;
margin: 4px !important;
}
.nxrc-search-form input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
opacity: 0;
width: 1px;
position: absolute;
height: 1px;
}
.nxrc-search-form input[type=radio] + span {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
padding: 10px 11px 8px 30px;
border-radius: 4px;
font-weight: 500;
font-size: 12px;
background: #f9f9f9;
}
.nxrc-search-form input[type=radio] + span::before,
.nxrc-search-form input[type=radio] + span::after {
position: absolute;
content: "";
display: block;
border-radius: 50%;
top: 0;
bottom: 0;
margin: auto 10px auto 0;
box-sizing: border-box;
}
.nxrc-search-form input[type=radio] + span::before {
width: 16px;
height: 16px;
background: #ffffff;
border: 2px solid #999999;
left: 9px;
}
.nxrc-search-form input[type=radio]:checked + span::before {
border: 2px solid #0070bd;
}
.nxrc-search-form input[type=radio] + span::after {
width: 8px;
height: 8px;
background: #999999;
left: 13px;
opacity: 0;
}
.nxrc-search-form input[type=radio]:checked + span::after {
background: #0070bd;
}
.nxrc-search-form input[type=radio]:checked + span::after {
opacity: 1;
}
@media (max-width: 650px) {
.nxrc-search-form input[type=radio] + span {
padding: 10px 11px 8px 30px;
}
}
.nxrc-search-form table {
background: #ffffff;
}
.nxrc-search-form-content { }
.nxrc-search-form .checknox-wrap {
display: inline-block;
position: relative;
padding: 10px 11px 8px 30px;
background: #f9f9f9;
margin-bottom: 12px;
cursor: pointer;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-weight: 400;
border-radius: 4px;
}
.nxrc-search-form .checknox-wrap input {
display: none;
font-weight: 400;
}
.nxrc-search-form .checknox-wrap .checkmark {
position: absolute;
top: 13px;
left: 9px;
height: 14px;
width: 14px;
background: #ffffff;
border: 2px solid #999999;
box-sizing: border-box;
border-radius: 4px;
}
.nxrc-search-form .checknox-wrap .checkmark:after {
content: "";
position: absolute;
display: none;
left: 2px;
top: -3px;
width: 5px;
height: 10px;
border: 2px solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.nxrc-search-form .checknox-wrap input:checked + .checkmark {
background-color: #0070bd;
border: 2px solid #0070bd;
}
.nxrc-search-form .checknox-wrap input:checked + .checkmark:after {
display: block;
}
.nxrc-list a:link,
.nxrc-list a:hover,
.nxrc-list a:active,
.nxrc-list a:visited {
color: #ffffff;
}
.nxrc-list li {
margin-bottom: 30px;
}
.nxrc-search-button img {
margin-left: 8px;
}
.nxrc-search-form { }
@media screen and (max-width: 768px) {
.nxrc-search-form {
width: auto;
}
}
@media screen and (max-width: 480px) {
.nxrc-link {
display: inline-block;
width: 85%;
margin: 10px;
}
.nxrc-search-form th,
.nxrc-search-form td {
display: block;
width: 100%;
padding: 4px;
}
.nxrc-list li {
border-width: 2px;
}
}
.nxrc-title a {
color: #333 !important;
}
.search-block {
background: #eee;
}
.search-result {
max-width: 900px;
margin: 0 auto;
}
.search-result--header {
font-size: 20px;
font-weight: 700;
line-height: 1.2;
}
.search-result--header span {
font-size: 150%;
color: #d00;
}
.search-result th,
.search-result td {
padding: 1rem;
font-size: 1.6rem;
}
.search-result .nxrc-fields th {
background: #444444;
color: #ffffff;
}
.search-totop {
width: 100%;
display: block;
max-width: 320px;
margin: auto;
padding: 1rem 0;
text-align: center;
background: #444;
color: #ffffff;
box-sizing: border-box;
border-radius: 40px;
border: 2px solid #444;
position: relative;
transition: 0.2s;
}
.search-totop:hover {
background: #ffffff;
color: #444;
transition: 0.2s;
}
@media screen and (max-width: 768px) {
.nxrc-fields th,
.nxrc-fields td {
width: auto;
font-size: 12px;
}
.nxrc-fields th {
width: 40%;
}
.nxrc-fields td {
width: 60%;
}
.nxrc-search-form caption {
font-size: 18px;
}
}
.nxrc-list li th {
width: auto;
}
.nxrc-fields {
table-layout: fixed;
}
.nxrc-search-form-content .search-th {
justify-content: center;
align-items: center;
max-width: 500px;
width: 320px;
min-height: 68px;
margin: 16px auto;
padding: 16px 12px;
font-size: 18px;
font-weight: 700;
font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
color: #333;
background: linear-gradient(0deg, #ffffff, #e6e6e6);
border-radius: 8px;
box-shadow: 0 2px 0 #ccc !important;
border: 1px solid #ccc;
cursor: pointer;
text-align: center;
box-sizing: border-box;
}
.nxrc-search-form-content .search-th i {
color: #007fc3;
}
.nxrc-search-form-content .search-td {
display: none;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 16px 12px;
font-size: 18px;
font-weight: 700;
font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
color: #333;
border-radius: 8px;
box-shadow: 0 2px 0 #ccc !important;
border: 1px solid #ccc;
cursor: pointer;
box-sizing: border-box;
}
.search-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1024px;
margin: 0 auto;
align-items: center;
}
.search-inner b {
font-size: 30px;
}
.search-head {
font-size: 24px;
font-weight: 700;
text-align: center;
background: #fafafa;
padding: 8px;
}
.search-head i {
margin-right: 5px;
color: #007fc3;
}
.search-lead {
text-align: center;
}
.search-lead i {
margin-right: 5px;
color: #007fc3;
}
.review-title {
margin-top: 0;
}
.catch {
margin-top: 15px;
font-weight: 700;
color: #888;
}
.single-review #entry {
background: transparent;
}
.single-review #entry header {
margin: 0;
}
.single-review .entry-content {
padding: 30px 20px;
background: rgba(255, 255, 255, 0.9);
}
.glsr-form-wrap,
.glsr-summary-wrap,
.glsr-review {
border: 1px solid #e6e6e6 !important;
background: #fff;
border-radius: 10px;
padding: 20px;
margin: 0 0 20px;
}
.glsr-reviews,
.glsr-reviews-wrap {
display: block !important;
}
.review-ttl {
margin-top: 0 !important;
margin-bottom: 20px;
border-bottom: 2px solid #007fc3;
}
.search-card {
margin-bottom: 30px;
background: #fff;
border: 1px solid #e6e6e6;
padding: 30px;
border-radius: 10px;
box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}
.review-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
}
.review-list--img {
position: relative;
width: 200px;
height: 200px;
margin-right: 20px;
overflow: hidden;
}
.review-list--img img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
display: block;
height: 100%;
width: auto;
-o-object-fit: cover;
object-fit: cover;
}
.review-list .glsr {
width: calc(100% - 220px);
}
@media screen and (max-width: 600px) {
.review-list .glsr {
width: 100%;
}
}
.review-list .glsr-summary-wrap {
border: 0 !important;
margin: 0;
padding: 0;
}
.review-table {
width: 100%;
margin-bottom: 20px;
}
.review-table th,
.review-table td {
border-bottom: 1px dashed #888;
padding: 10px;
font-weight: 700;
}
.review-table td:first-child {
color: #007fc3;
}
.review-btn {
display: block;
width: 100%;
max-width: 420px;
font-size: 16px;
margin: 0 auto;
font-weight: 700;
padding: 16px;
border: 1px solid #007fc3;
color: #007fc3;
text-align: center;
border-radius: 500px;
}
.review-btn:hover {
background: #007fc3;
color: #fff;
text-decoration: none;
}
.search-inner .nxrc-search-button {
margin: 15px auto;
}
@media screen and (max-width: 768px) {
.search-inner .nxrc-search-button {
margin: 0 auto 10px;
}
.nxrc-search-form-content .search-th {
width: 90%;
min-height: 48px;
margin: 10px auto;
padding: 10px 12px;
}
b {
width: 100%;
text-align: center;
line-height: 1;
}
.search-head {
font-size: 16px;
}
#inner-content2 {
padding: 30px 20px;
}
}
.modal {
z-index: 100 !important;
}
.review-table {
background: transparent !important;
border: 0 !important;
}
.entry-content table.review-table td:not(last-child) {
border-right: 0;
}
.entry-content table.review-table td {
border-bottom: 1px dashed #888;
text-align: left;
}
@media screen and (max-width: 1024px) {
.single-review .entry-content {
padding: 20px;
}
}
@media screen and (max-width: 768px) {
.review-table td {
display: block;
width: 100%;
}
.review-table td :first-child {
text-align: center;
}
}
@media screen and (max-width: 600px) {
.review-list--img {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.review-list--img img {
position: static;
width: 100%;
height: auto;
}
.single-review .entry-header {
padding: 0 20px;
}
}
.glsr-summary-text {
flex: auto;
}
.flex-box {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
} .l-footer ol,
.l-footer ul {
list-style: none;
}
.l-section--inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 4rem;
box-sizing: border-box;
}
.rel-footer,
.rel-section--inner,
.rel-section {
position: relative;
}
.rel-section--inner,
.rel-section {
background: #fff;
}
.rel-section--inner {
max-width: 100%;
}
.l-footer .col1-3 {
margin-bottom: 0;
width: auto;
}
.l-footer .l-section {
padding: 0;
}
.l-footer .l-section--inner {
max-width: 80%;
}
.page-template-template-seo2 .l-footer .l-section--inner {
max-width: 1400px;
}
.page-template-template-seo2 .l-footer .l-section--inner p {
color: #1e1e1e;
}
.page-template-template-seo2 .l-footer .l-section--inner.flex-box {
flex-wrap: nowrap;
}
.page-template-template-seo2 .l-footer--social a img {
width: auto;
}
.f-menu-block {
padding: 160px 0rem;
}
.f-csr-block {
padding: 20px 0 0;
}
.l-footer .f-media-ttl {
font-size: 30px;
font-weight: bold;
margin-bottom: 30px;
}
.l-footer .f-media-ttl span {
font-size: 13px;
color: #fff;
opacity: 0.5;
padding-left: 2rem;
}
.l-media ul {
display: flex;
flex-flow: wrap row;
justify-content: space-between;
align-items: center;
}
.l-media li {
width: 30%;
position: relative;
padding-left: 1.4rem;
}
.l-media li a:before {
position: absolute;
left: 0px;
top: 4px;
}
#menu-footernav8 li:first-child a {
font-weight: normal;
}
.l-footer #menu-footernav8.menu li:first-child {
line-height: normal;
}
.l-footer #menu-footernav8.menu li:first-child a {
border-bottom: 0;
padding-bottom: 0;
font-size: 14px;
}
.l-footer #menu-footernav8.menu li:first-child a:before {
display: inline-block;
margin-right: 1rem;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
}
.l-footer--inner {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: wrap;
}
.l-footer .l-section--inner.copy-right {
border-bottom: none;
padding: 3rem 0;
border-top: 1px solid #ddd;
}
.l-footer.recruit_footer .l-section--inner {
border-bottom: none;
}
.f-subMenu ul {
display: flex;
flex-flow: wrap row;
justify-content: flex-end;
align-items: center;
margin:0;
}
.f-subMenu ul li {
padding-left: 2rem;
align-items: center;
display: flex;
}
.f-subMenu ul li:first-child {
padding-left: 0rem;
}
.f-subMenu ul li a {
opacity: 0.6;
transition: 0.5s;
}
.f-subMenu ul li a:hover {
color: #fff;
opacity: 1;
}
.f-subMenu ul li.sns_block a {
padding: 0 0.5rem;
}
.sns_block img {
width: 18px;
}
.l-footer--info .st0 {
fill: #fff !important;
}
.l-footer--info {
width: 40%;
}
.l-footer--menu {
width: 54%;
display: flex;
flex-flow: wrap row;
justify-content: flex-start;
gap: 40px;
}
.l-footer--info .custom-logo {
display: block;
margin-bottom: 1rem;
}
.l-footer .custom-logo {
margin-bottom: 1rem;
}
@media screen and (max-width: 1400px) {
.l-footer--info {
width: 34%;
}
.l-footer--menu {
width: 54%;
gap: 30px;
}
}
@media screen and (max-width: 768px) {
.l-footer--info {
width: 100%;
text-align: center;
}
.l-footer--info .custom-logo {
margin: 0 0 3rem;
}
}
.flex-footer {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
@media screen and (max-width: 768px) {
.flex-footer {
justify-content: center;
}
}
.flex-footer a {
margin-left: 2rem;
}
@media screen and (max-width: 768px) {
.flex-footer.mb-4 a {
display: block;
width: 100%;
text-align: center;
padding: 1rem;
margin-left: 0;
border-bottom: 1px solid #eee;
}
}
.footer-nav01 {
width: calc(100% - 400px);
}
@media screen and (max-width: 768px) {
.footer-nav01 {
width: 100%;
}
.l-footer .col1-3 div {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.l-footer .l-section--inner {
padding: 5rem 2rem 4rem;
}
.l-footer--menu {
width: 100%;
gap: 2rem;
justify-content: space-between;
border-bottom: solid 1px #ddd;
padding-bottom: 6rem;
margin-bottom: 6rem;
}
}
.f-subMenu ul {
justify-content: center;
gap: 1rem 1.6rem;
}
.f-subMenu ul li {
padding-left: 0;
}
.l-media li {
width: 100%;
}
}
.l-footer .menu li:first-child a {
display: block;
padding-bottom: 6px;
border-bottom: 1px solid #fff;
}
.l-footer p {
font-size: 14px;
color: #fff;
line-height: 24px;
}
.l-footer a {
font-size: 14px;
transition: 0.3s;
color: #fff;
}
.l-footer a:hover {
opacity: 0.7;
}
.l-footer a img {
opacity: 1;
transition: 0.3s;
}
.l-footer a:hover img {
opacity: 1;
}
.l-footer--social {
margin-top: 20px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.l-footer--social a.no-click {
cursor: default;
pointer-events: none;
}
@media screen and (max-width: 600px) {
.l-footer--social {
margin-top: 10px;
margin-left: 0;
}
}
@media screen and (max-width: 480px) {
.l-footer--social {
display: flex;
flex-flow: wrap row;
justify-content: space-between;
}
.l-footer .menu {
margin-bottom: 0;
}
.l-footer .l-section--inner {
max-width: 100%;
flex-direction: column-reverse;
}
.l-footer .l-section--inner .menu li {
padding-left: 0;
}
.l-footer .l-section--inner .menu li a {
border-bottom: 1px solid #6d6d6d;
}
.l-footer .nav9-13 div:last-child .menu-item a {
border-bottom: none;
}
.l-footer .menu li.menu-item-168 a {
border-bottom: 0;
}
}
.l-footer--social a {
margin: 2.5px;
}
.l-footer--social a img {
display: inline-block;
width: 180px;
margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
.l-footer--info {
margin: 0;
text-align: left;
border-bottom: 1px solid #ddd;
padding-bottom: 40px;
}
.l-footer--social a img {
width: 170px;
}
.l-footer--social a {
margin: 0;
}
}
.l-copyright {
width: 100%;
padding: 10px 0;
border-top: 1px solid #eee;
}
.l-copyright address {
width: 100%;
max-width: 1200px;
margin: 0 auto;
color: #1e1e1e;
font-size: 12px;
font-style: normal;
text-align: right;
}
@media screen and (max-width: 1200px) {
.l-copyright address {
padding: 0 10px;
box-sizing: border-box;
}
.l-footer .l-section--inner.copy-right {
padding: 20px 20px 40px;
}
}
@media screen and (max-width: 480px) {
.l-copyright address {
text-align: center;
}
.l-footer .l-section--inner.copy-right {
justify-content: center;
flex-direction: row;
border-top: none;
padding: 0rem 20px 40px;
}
.l-footer .l-section--inner.copy-right .f-subMenu {
margin-bottom: 20px;
}
}
.custom-logo {
display: block;
width: 210px;
height: auto;
margin: 15px 0;
z-index: 2;
}
@media screen and (max-width: 768px) {
.custom-logo {
width: 170px;
height: auto;
}
}
.l-footer li {
color: #fff;
}
.l-footer .l-section--inner .menu li a {
display: block;
border-bottom: none;
} .recruit-footer-menu .l-footer--menu {
width: 49%;
}
.recruit-footer-menu .l-footer--info {
width: 40%;
}
.recruit-footer-menu .f-csr-block {
border-bottom: none;
max-width: 100%;
}
.recruit-footer-menu .bg-dark {
background: rgb(0 35 69);
}
.recruit-footer-menu .menu:first-child li {
margin-bottom: 12px;
}
.recruit-footer-menu .menu li:first-child a {
font-size: 16px;
font-weight: bold;
}
.recruit-footer-menu .recruit_menu li:nth-child(n+2) a::before {
display: inline-block;
margin-right: 10px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
}
.l-footer--menu .menu-item a {
margin-bottom: 12px;
}
.l-footer .l-section--inner.l-media {
max-width: 100%;
}
@media screen and (max-width: 768px) {
.recruit-footer-menu .l-footer--info {
width: 100%;
}
.l-footer .l-section--inner.l-media {
padding: 20px 0 0;
}
.l-footer .l-footer--menu {
width: 100%;
justify-content: space-between;
gap: 6%;
}
.l-footer .l-footer--menu .col1-3 {
width: 47%;
margin-bottom: 20px;
}
.l-footer.recruit-footer-menu .col1-3 a {
padding: 0;
}
.recruit-footer-menu .recruit_menu li:first-child {
font-size: 16px;
font-weight: bold;
}
}
.menu-item.no-click>a {
cursor: default;
pointer-events: none;
}
@media screen and (min-width: 1600px) {
.l-copyright address {
max-width: 1500px;
}
}
@media screen and (max-width: 480px) {
.custom-logo {
margin: 10px;
}
} #menu-mainnav {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
width: 500px;
}
#menu-item-847 a,
#menu-item-2654 a {
pointer-events: none;
}
@media screen and (max-width: 768px) {
#menu-mainnav {
display: none;
}
}
#menu-footernav1 li,
#menu-footernav2 li,
#menu-footernav3 li,
#menu-footernav4 li,
#menu-footernav5 li,
#menu-footernav6 li,
#menu-footernav7 li,
#menu-footernav8 li,
#menu-footernav9 li,
#menu-footernav10 li,
#menu-footernav11 li,
#menu-footernav12 li,
#menu-footernav13 li,
#menu-footernav14 li,
#menu-footernav15 li,
#menu-footernav16 li,
#menu-footernav17 li,
#menu-footernav18 li,
#menu-footernav19 li,
#menu-footernav20 li,
#menu-footernav21 li,
#menu-footernav22 li,
#menu-footernav23 li,
#menu-footernav24 li,
#menu-footernav26 li,
#menu-footernav27 li,
#menu-footernav28 li,
#menu-footernav29 li,
#menu-footernav30 li,
#menu-footernav31 li,
#menu-footernav25 li,
#menu-footernav32 li,
{
margin-bottom: 12px;
}
.nav9-13 {
display: none;
}
@media screen and (max-width: 480px) {
#menu-footernav1 li,
#menu-footernav2 li,
#menu-footernav3 li,
#menu-footernav4 li,
#menu-footernav5 li,
#menu-footernav6 li,
#menu-footernav7 li,
#menu-footernav8 li,
#menu-footernav9 li,
#menu-footernav10 li,
#menu-footernav11 li,
#menu-footernav12 li,
#menu-footernav13 li,
#menu-footernav14 li,
#menu-footernav15 li,
#menu-footernav16 li,
#menu-footernav17 li,
#menu-footernav18 li,
#menu-footernav19 li,
#menu-footernav20 li,
#menu-footernav21 li,
#menu-footernav22 li,
#menu-footernav23 li,
#menu-footernav24 li,
#menu-footernav26 li,
#menu-footernav27 li,
#menu-footernav28 li,
#menu-footernav29 li,
#menu-footernav30 li,
#menu-footernav31 li,
#menu-footernav25 li,
#menu-footernav32 li {
margin-bottom: 0;
}
.nav9-13 {
display: block;
}
}
#menu-footernav1 li a:before,
#menu-footernav2 li a:before,
#menu-footernav3 li a:before,
#menu-footernav4 li a:before,
#menu-footernav5 li a:before,
#menu-footernav6 li a:before,
#menu-footernav7 li a:before,
#menu-footernav8 li a:before,
#menu-footernav9 li a:before,
#menu-footernav10 li a:before,
#menu-footernav11 li a:before,
#menu-footernav12 li a:before,
#menu-footernav13 li a:before,
#menu-footernav14 li a:before,
#menu-footernav15 li a:before,
#menu-footernav16 li a:before,
#menu-footernav17 li a:before,
#menu-footernav18 li a:before,
#menu-footernav19 li a:before,
#menu-footernav20 li a:before,
#menu-footernav21 li a:before,
#menu-footernav22 li a:before,
#menu-footernav23 li a:before,
#menu-footernav24 li a:before,
#menu-footernav26 li a:before,
#menu-footernav27 li a:before,
#menu-footernav28 li a:before,
#menu-footernav29 li a:before,
#menu-footernav30 li a:before,
#menu-footernav31 li a:before,
#menu-footernav25 li a:before,
#menu-footernav32 li a:before {
display: inline-block;
margin-right: 10px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
}
.l-footer .menu .menu-item-object-custom:first-child a {
border: none;
}
@media screen and (max-width: 480px) { }
#menu-footernav1 li:first-child a,
#menu-footernav2 li:first-child a,
#menu-footernav3 li:first-child a,
#menu-footernav4 li:first-child a,
#menu-footernav5 li:first-child a,
#menu-footernav6 li:first-child a,
#menu-footernav7 li:first-child a,
#menu-footernav8 li:first-child a,
#menu-footernav8 li:first-child a,
#menu-footernav9 li:first-child a,
#menu-footernav10 li:first-child a,
#menu-footernav15 li:first-child a,
#menu-footernav11 li:first-child a,
#menu-footernav12 li:first-child a,
#menu-footernav13 li:first-child a,
#menu-footernav14 li:first-child a,
#menu-footernav15 li:first-child a,
#menu-footernav16 li:first-child a,
#menu-footernav17 li:first-child a,
#menu-footernav18 li:first-child a,
#menu-footernav19 li:first-child a,
#menu-footernav20 li:first-child a,
#menu-footernav21 li:first-child a,
#menu-footernav22 li:first-child a,
#menu-footernav23 li:first-child a,
#menu-footernav24 li:first-child a,
#menu-footernav25 li:first-child a,
#menu-footernav27 li:first-child a,
#menu-footernav28 li:first-child a,
#menu-footernav29 li:first-child a,
#menu-footernav30 li:first-child a,
#menu-footernav31 li:first-child a,
#menu-footernav26 li:first-child a,
#menu-footernav32 li:first-child a {
color: #fff;
font-size: 16px;
font-weight: 700;
}
#menu-footernav1 li:first-child a:before,
#menu-footernav2 li:first-child a:before,
#menu-footernav3 li:first-child a:before,
#menu-footernav4 li:first-child a:before,
#menu-footernav5 li:first-child a:before,
#menu-footernav6 li:first-child a:before,
#menu-footernav7 li:first-child a:before,
#menu-footernav8 li:first-child a:before,
#menu-footernav9 li:first-child a:before,
#menu-footernav10 li:first-child a:before,
#menu-footernav15 li:first-child a:before,
#menu-footernav11 li:first-child a:before,
#menu-footernav12 li:first-child a:before,
#menu-footernav13 li:first-child a:before,
#menu-footernav14 li:first-child a:before,
#menu-footernav15 li:first-child a:before,
#menu-footernav16 li:first-child a:before,
#menu-footernav17 li:first-child a:before,
#menu-footernav18 li:first-child a:before,
#menu-footernav19 li:first-child a:before,
#menu-footernav20 li:first-child a:before,
#menu-footernav21 li:first-child a:before,
#menu-footernav22 li:first-child a:before,
#menu-footernav23 li:first-child a:before,
#menu-footernav24 li:first-child a:before,
#menu-footernav25 li:first-child a:before,
#menu-footernav27 li:first-child a:before,
#menu-footernav28 li:first-child a:before,
#menu-footernav29 li:first-child a:before,
#menu-footernav30 li:first-child a:before,
#menu-footernav31 li:first-child a:before,
#menu-footernav26 li:first-child a:before,
#menu-footernav32 li:first-child a:before {
margin: 0;
content: "";
}
@media screen and (max-width: 480px) {
#menu-footernav1 li:first-child a,
#menu-footernav2 li:first-child a,
#menu-footernav3 li:first-child a,
#menu-footernav4 li:first-child a,
#menu-footernav5 li:first-child a,
#menu-footernav6 li:first-child a,
#menu-footernav7 li:first-child a,
#menu-footernav8 li:first-child a,
#menu-footernav9 li:first-child a,
#menu-footernav10 li:first-child a,
#menu-footernav15 li:first-child a,
#menu-footernav11 li:first-child a,
#menu-footernav12 li:first-child a,
#menu-footernav13 li:first-child a,
#menu-footernav14 li:first-child a,
#menu-footernav15 li:first-child a,
#menu-footernav16 li:first-child a,
#menu-footernav17 li:first-child a,
#menu-footernav18 li:first-child a,
#menu-footernav19 li:first-child a,
#menu-footernav20 li:first-child a,
#menu-footernav21 li:first-child a,
#menu-footernav22 li:first-child a,
#menu-footernav23 li:first-child a,
#menu-footernav24 li:first-child a,
#menu-footernav25 li:first-child a,
#menu-footernav27 li:first-child a,
#menu-footernav28 li:first-child a,
#menu-footernav29 li:first-child a,
#menu-footernav30 li:first-child a,
#menu-footernav31 li:first-child a,
#menu-footernav26 li:first-child a,
#menu-footernav32 li:first-child a {
display: block;
padding: 0;
font-size: 15px;
font-weight: bold;
text-align: left;
}
}
#menu-footernav1 li:first-child a, #menu-footernav2 li:first-child a, #menu-footernav3 li:first-child a, #menu-footernav4 li:first-child a, #menu-footernav5 li:first-child a, #menu-footernav6 li:first-child a, #menu-footernav7 li:first-child a, #menu-footernav8 li:first-child a, #menu-footernav8 li:first-child a, #menu-footernav9 li:first-child a, #menu-footernav10 li:first-child a, #menu-footernav15 li:first-child a, #menu-footernav11 li:first-child a, #menu-footernav12 li:first-child a, #menu-footernav13 li:first-child a, #menu-footernav14 li:first-child a, #menu-footernav15 li:first-child a, #menu-footernav16 li:first-child a, #menu-footernav17 li:first-child a, #menu-footernav18 li:first-child a, #menu-footernav19 li:first-child a, #menu-footernav20 li:first-child a, #menu-footernav21 li:first-child a, #menu-footernav22 li:first-child a, #menu-footernav23 li:first-child a, #menu-footernav24 li:first-child a, #menu-footernav25 li:first-child a, #menu-footernav27 li:first-child a, #menu-footernav28 li:first-child a, #menu-footernav29 li:first-child a, #menu-footernav30 li:first-child a, #menu-footernav31 li:first-child a, #menu-footernav26 li:first-child a, #menu-footernav32 li:first-child a {
color: #fff;
font-size: 16px;
font-weight: 700;
}
.ai-fs
{
align-items: flex-start;
}
.l-footer .l-section--inner.blank_list {
padding-top: 10px;
padding-bottom: 10px;
justify-content: flex-end;
}
.blank_menu p strong {
display: inline-block;
padding: 5px 10px;
border: 1px solid #fff;
border-radius: 50px;
line-height: 1;
}
#menu-footernav2 .sub-menu li a {
font-weight:400;
}
#menu-footernav2 .sub-menu li a:before {
display: inline-block;
margin-right: 10px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
}
.sub-menu {
padding-left:14px;	
}
.widget_categories .cat-item-133>a:before {
content: "\f4ad";
}
.widget_categories .cat-item-144>a:before {
content: "\f481";
}
.widget_categories .cat-item-134>a:before {
content: "\f0f0";
}
.widget_categories .cat-item-141>a:before {
content: "\f57d";
}
.widget_categories .cat-item-135>a:before {
content: "\f5a0";
}
.widget_categories .cat-item-137>a:before {
content: "\f303";
}
.widget_categories .cat-item-138>a:before {
content: "\f19d";
}
.widget_categories .cat-item-139>a:before {
content: "\f508";
}
.widget_categories .cat-item-109>a:before {
content: "\f5fc";
}
.widget_categories .cat-item-110>a:before {
content: "\f11b";
}
.widget_categories .cat-item-143>a:before {
content: "\f1ad";
}
.widget_categories .cat-item-142>a:before {
content: "\f0c0";
}
.widget_categories .cat-item-146>a:before {
content: "\f4be";
}
.widget_categories .cat-item-145>a:before {
content: "\f674";
}
.widget_categories .cat-item-122>a:before {
content: "\f815";
}
.widget_categories .cat-item-136>a:before {
content: "\f02d";
}
.widget_categories .cat-item-102>a:before {
content: "\f15b";
}
.widget_categories .cat-item-111>a:before {
content: "\f518";
} .bg-dark {
background: rgba(18, 36, 53, .7);
}.ofi {
width: 100%;
height: auto;
object-fit: cover;
font-family: 'object-fit: cover;';
}@font-face{font-family:TablePress;src:url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPUAA0AAAAACZAAAAN+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCUhEICoQIgnILFgABNgIkAygEIAWGcgeBARv6B8iuBzK53oAhKg2KWDsrezjalSefocfD9/uZ575PSbYEqJHAIdo6tMDGdCprFIHd+F9r+rZE46O2iHBJfoAuxwW0yfgKS8KGVFE4dHX1gPmgVhzwhcJbReQ9RWXcraeutbmNHE7T7B1sex8stfMfnkvv0XsgUZrYO1hirXme9TnUkBvQ22RGX50VAr48H54Cn9b8GD73edAAhjboBpIQ6kKOhCz7GA8V5HfzyeA6h0mnrFTJnPjxC7KCrl9caqIUg0EAYACGDBn6YGCxeIE+EkwANTWJX/brZpNfyE5o/7r9uPZjS4tESbCTExLCjxOEbxGi2dQeNEAXUMMlvADkqSV0IHXtkQXNOnI2ctJpRIPt8+HjNivx3rlQYA8FqGwdCxF2aZrdJluMnaqFvy+yngVKbBcn0fSOd1xTpnW4HTkptV8Gi2kvCeUHC0BD+D0VKMIqXniZPJyPya9D7gT6DvUpwJER6avgKDsOfW9jU+YGc/ng6MhA3VSar3NdtvrD9WHZurKVKYOi0RwlY9500YSuWDE084F+jMinu4sTudD5yBTTozA9Horpmb+M3TwIBHempnzdpu1/raWypX0JND/ki4p71CQQlFqnAvkijABrVFIq5BdNJbFncoBOF03/h3IINPQRBxJCYDoAOnkRIDR0w0BSmYiBzDinAuQ6eROg0DEGY6DUiEUYqKyILwFq2qS9GKhrpFsykdeFLmDjknYG4jKbNeNyQ1zhCoP840pdYiqu8jTW4mp6pMXH1HVJp8wRmHmQKTKiUOBVSMHrlKuBlYidxkMgw6/bMoG5RD6qfs8yO8LVqFCFa8ELrcVLEqTaS7UG5aqVq1GlWi28k3rRgCjbiU+qqOItvDEqXjkvwF/dUF595jB8LSqqgwIWAWsRmcJJ5GsHbYUqVbirBi5IpRMxLso/i2oSA6ZYDoMFCiknI7ZkGacSVYUjlLSXyG8n08nOQcXTeyzU5ozbiGRQZRt0vu/TMoEV8RLI3DiBSiVzMtNKAPgErlwLoqiAY2fJ9UbRMU/0rz38UP5FQtH3i8V3KYSHYJdSYRnwW8XazUAUop3gQY19hkEH98OA2QQ6wg0S+FjtwOwdOvF5J2VXBBLQmo2EAxsIKVJkkUcRZVRRa7NrP+my6Ns8cKszHYJf+fPPLPTq5vFcmYKZNL+fn1CZDgoYecKZHwA=) format('woff2'),url(//nexer.co.jp/career-bible/wp-content/plugins/tablepress/css/tablepress.woff) format('woff');font-weight:400;font-style:normal;font-display:block}.tablepress-table-description{clear:both;display:block}.tablepress{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:1em;border:none}.tablepress td,.tablepress th{padding:8px;border:none;background:0 0;text-align:left;float:none!important}.tablepress tbody td{vertical-align:top}.tablepress tbody td,.tablepress tfoot th{border-top:1px solid #ddd}.tablepress tbody tr:first-child td{border-top:0}.tablepress thead th{border-bottom:1px solid #ddd}.tablepress tfoot th,.tablepress thead th{background-color:#d9edf7;font-weight:700;vertical-align:middle}.tablepress .odd td{background-color:#f9f9f9}.tablepress .even td{background-color:#fff}.tablepress .row-hover tr:hover td{background-color:#f3f3f3}.tablepress img{margin:0;padding:0;border:none;max-width:none}.dataTables_wrapper{clear:both;margin-bottom:1em}.dataTables_wrapper .tablepress{clear:both;margin:0!important}.dataTables_length{float:left;white-space:nowrap}.dataTables_filter{float:right;white-space:nowrap}.dataTables_wrapper .dataTables_filter input{margin-left:.5em}.dataTables_info{clear:both;float:left;margin:4px 0 0}.dataTables_paginate{float:right;margin:4px 0 0}.dataTables_paginate a{color:#111!important;display:inline-block;outline:0;position:relative;text-decoration:underline;margin:0 5px}.dataTables_paginate a:first-child{margin-left:0}.dataTables_paginate a:last-child{margin-right:0}.paginate_button:hover{cursor:pointer;text-decoration:none}.paginate_button.disabled{color:#999!important;text-decoration:none;cursor:default}.paginate_button.current{font-weight:700;text-decoration:none;cursor:default}.dataTables_paginate.paging_simple{padding:0 15px}.paging_simple .paginate_button.next:after,.paging_simple .paginate_button.previous:before{text-align:left;font-family:TablePress;font-size:14px;font-weight:700;-webkit-font-smoothing:antialiased;content:"\f053";text-shadow:.1em .1em #666;position:absolute;top:0;right:auto;bottom:0;left:-14px;margin:auto;height:14px;width:14px;line-height:1}.paging_simple .paginate_button.next:after{text-align:right;content:"\f054";left:auto}.paginate_button:after,.paginate_button:before{color:#d9edf7}.paginate_button:hover:after,.paginate_button:hover:before{color:#049cdb}.paginate_button.disabled:after,.paginate_button.disabled:before{color:#f9f9f9}.dataTables_processing{display:none}.dataTables_scroll{clear:both}.dataTables_scrollBody{-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing{height:0;overflow:hidden;margin:0!important;padding:0!important}.tablepress .sorting,.tablepress .sorting_asc,.tablepress .sorting_desc{position:relative;padding-right:20px;cursor:pointer;outline:0}.tablepress .sorting:after,.tablepress .sorting_asc:after,.tablepress .sorting_desc:after{font-family:TablePress;font-weight:400;font-size:14px;-webkit-font-smoothing:antialiased;position:absolute;top:0;bottom:0;left:auto;right:6px;margin:auto;height:14px;line-height:1}.tablepress .sorting:after{content:"\f0dc"}.tablepress .sorting_asc:after{content:"\f0d8";padding:0 0 2px}.tablepress .sorting_desc:after{content:"\f0d7"}.tablepress .sorting:hover,.tablepress .sorting_asc,.tablepress .sorting_desc{background-color:#049cdb}.dataTables_scrollBody .tablepress thead th:after{content:""}.dataTables_wrapper:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}.dataTables_wrapper label input,.dataTables_wrapper label select{display:inline;margin:2px;width:auto}
.tablepress{table-layout:fixed;border-radius:0!important}.tablepress td:first-child{padding:4px;text-align:center;vertical-align:middle;font-size:12px;box-sizing:border-box;border:0}.tablepress td{width:152px;padding:10px;vertical-align:middle;word-break:break-all;box-sizing:border-box}.horizonal-scroll .tablepress td,.ranking-outer .tablepress td{border-left:10px solid #fff}.ranking-outer .tablepress td:first-child{display:none}.ranking-outer .tablepress td:nth-child(2){border-left:0}.tablepress tr{border:0}.column-1,.tablepress td:first-child{width:150px;border-left:0}.base_B tr.row-1 td{position:relative}.tablepress tbody td,.tablepress tfoot th{border-top:0}.base_B tr.row-1 td span{position:absolute;left:5px;top:-.25rem;width:30px;height:30px;line-height:30px;border:2px solid #fff;border-radius:50px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);background:#666;color:#fff;font-size:18px;font-style:italic;text-align:center;text-indent:-.04in}.base_B tr.row-1 td:nth-child(2) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//nexer.co.jp/career-bible/wp-content/themes/e_ver004/img/ranking-one.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.base_B tr.row-1 td:nth-child(3) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//nexer.co.jp/career-bible/wp-content/themes/e_ver004/img/ranking-two.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.base_B tr.row-1 td:nth-child(4) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//nexer.co.jp/career-bible/wp-content/themes/e_ver004/img/ranking-three.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.base_B .ranking-outer tr:last-child td a{display:block;width:100%;margin-bottom:.3rem;padding:.5rem 0;text-align:center;background:#f44336;color:#fff;box-sizing:border-box;box-shadow:0 .2rem 0 #d32f2f;border-radius:5px;transition:.15s}.base_B tr:last-child td a{display:block;width:100%;margin-bottom:.3rem;padding:.5rem 0;text-align:center;color:#fff;box-sizing:border-box;border-radius:5px;transition:.15s}.base_B tr:last-child td a:hover{margin:.2rem 0 0;box-shadow:none;opacity:.85}.row-1 td{font-weight:700}@media screen and (max-width: 768px){.tablepress{width:900px}#page .tablepress{width:100%}.tablepress td{width:calc(750px / 5)}#page .tablepress td{width:auto}.horizonal-scroll{width:100%;margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.horizonal-scroll:after{content:"※ このテーブルは横にスクロールできます。";color:red;font-size:16px}}.tablepress tbody tr:first-child td:first-child{position:static}.btn-square{display:inline-block;padding:.7em 1em;text-decoration:none;background-color:#FE781E;color:#fff!important;margin:5px 0 7px 15px;box-shadow:0 3px #FF6A07;height:35px;border-radius:6px;width:102px;text-align:center}.btn-square:hover{-ms-transform:translateY(3px);-webkit-transform:translateY(3px);transform:translateY(3px);border-bottom:none;box-shadow:none;opacity:.8}@media only screen and (max-width: 769px){.btn-square{margin:5px 0 7px 11px;width:102px}}a:hover{color:#fff}.tablepress{border:0!important}.tablepress tr.row-1 td:nth-child(2) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//nexer.co.jp/career-bible/wp-content/themes/affinger4/images/ranking-one.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.tablepress tr.row-1 td:nth-child(3) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//nexer.co.jp/career-bible/wp-content/themes/affinger4/images/ranking-two.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.tablepress tr.row-1 td:nth-child(4) span{width:50px;height:50px;top:-.5rem;border:0;background:url(//nexer.co.jp/career-bible/wp-content/themes/affinger4/images/ranking-three.svg);background-size:100%;box-shadow:none;text-indent:-9999px}.tablepress tr.row-1 td span{position:absolute;left:5px;top:-.25rem;width:30px;height:30px;line-height:30px;border:2px solid #fff;border-radius:50px;box-shadow:1px 1px 2px rgba(0,0,0,0.3);background:#666;color:#fff;font-size:18px;font-style:italic;text-align:center;text-indent:-.04in}span.says{display:none}.comment-body{clear:both;margin-top:2%;overflow:hidden}.tablepress td{border-bottom:solid 1px #e6e6e6!important;border-left:solid 0 #fff!important;background:#f3fcff;font-size:14px!important;line-height:20px!important}.tablepress img{max-width:100%}#tb-press{overflow:auto}@media screen and (max-width:480px){#tb-press{overflow:auto}}.tablepress .tablename{display:block;font-size:12px!important;font-weight:600;text-align:center;margin-top:.5rem;text-decoration:underline;transition:opacity .3s}.tablepress tbody tr:first-child td{background-color:#007fc3!important;color:#fff}body {
--glsr-white: #fff;
--glsr-gray-100: #f5f5f5;
--glsr-gray-200: #e5e5e5;
--glsr-gray-300: #d4d4d4;
--glsr-gray-400: #a3a3a3;
--glsr-gray-500: #737373;
--glsr-gray-600: #525252;
--glsr-gray-700: #404040;
--glsr-gray-800: #262626;
--glsr-gray-900: #171717;
--glsr-black: #000;
--glsr-blue: #1c64f2;
--glsr-green: #057a55;
--glsr-red: #e02424;
--glsr-yellow: #faca15;
--glsr-duration-slow: 0.3s;
--glsr-duration-fast: 0.15s;
--glsr-gap-xs: 0.25em;
--glsr-gap-sm: 0.5em;
--glsr-gap-md: 0.75em;
--glsr-gap-lg: 1em;
--glsr-gap-xl: 2em;
--glsr-leading: 1.5;
--glsr-px: 1.25em;
--glsr-py: 1.25em;
--glsr-radius: 3px;
--glsr-text-base: 1em;
--glsr-text-sm: 0.875em;
--glsr-text-md: 1em;
--glsr-text-lg: 1.25em;
--glsr-review-star: 1.25em;
--glsr-review-verified: var(--glsr-green);
--glsr-tag-label-weight: 600;
--glsr-bar-bg: var(--glsr-yellow);
--glsr-bar-leading: 1.5;
--glsr-bar-opacity: 0.1;
--glsr-max-w: 48ch;
--glsr-summary-star: 1.5em;
--glsr-summary-text: var(--glsr-text-sm);
--glsr-choice-h: 1.125em;
--glsr-choice-w: 1.125em;
--glsr-description-text: var(--glsr-text-sm);
--glsr-form-error: var(--glsr-red);
--glsr-form-star: 2em;
--glsr-form-success: var(--glsr-green);
--glsr-input-b: 1px solid var(--glsr-gray-400);
--glsr-input-bg: var(--glsr-white);
--glsr-input-color: var(--glsr-gray-900);
--glsr-input-px: 0.75em;
--glsr-input-py: 0.5em;
--glsr-input-radius: 3px;
--glsr-input-transition: border-color var(--glsr-duration-fast) ease-in-out;
--glsr-label-text: var(--glsr-text-sm);
--glsr-label-weight: 600;
--glsr-range-size: 1.75em;
--glsr-toggle-bg-0: currentColor;
--glsr-toggle-bg-1: currentColor;
--glsr-toggle-color: var(--glsr-white);
--glsr-toggle-h: 1.25em;
--glsr-toggle-opacity-0: 0.2;
--glsr-toggle-opacity-1: 1;
--glsr-toggle-p: .15em;
--glsr-toggle-radius: 999px;
--glsr-toggle-shadow-color: rgba(0, 0, 0, .1);
--glsr-toggle-size: calc(var(--glsr-toggle-h) - var(--glsr-toggle-p)*2);
--glsr-toggle-text: 1em;
--glsr-toggle-w: calc(var(--glsr-toggle-h)*2 - var(--glsr-toggle-p)*2);
--glsr-modal-bg: var(--wp--preset--color--base, var(--glsr-white));
--glsr-modal-radius: 3px;
--glsr-modal-padding: 1.5em;
--glsr-tooltip-border-radius: 4px;
--glsr-tooltip-font-size: 0.875rem;
--glsr-tooltip-font-weight: 400;
--glsr-tooltip-line-height: 1;
--glsr-tooltip-margin: 12px;
--glsr-tooltip-padding: .5em 1em;
--glsr-tooltip-size: 6px
}
@keyframes gl-fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes gl-fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes gl-spin {
0% {
transform: rotate(0deg) translateZ(0)
}
to {
transform: rotate(1turn) translateZ(0)
}
}
@keyframes gl-zoomIn {
0% {
transform: scale(.95)
}
to {
transform: scale(1)
}
}
@keyframes gl-zoomOut {
0% {
transform: scale(1)
}
to {
transform: scale(.95)
}
}
.glsr *+* {
box-sizing: border-box
}
.glsr,
.glsr-modal {
border-width: 0;
font-size: var(--glsr-text-base)
}
.glsr .screen-reader-text,
.glsr-modal .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal !important;
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.glsr-captcha-holder iframe {
margin: 0 !important
}
.glsr-captcha-holder[data-size=invisible]:not([data-badge=inline]) {
bottom: 0;
position: absolute
}
.glsr-captcha-holder>div:not([data-type=procaptcha]) {
display: flex
}
.glsr-fade-out {
opacity: 0 !important;
transition: visibility 0s cubic-bezier(0, 0, .2, 1) var(--glsr-duration-slow), opacity var(--glsr-duration-slow) !important;
visibility: hidden !important
}
.glsr-reviews,
.glsr-reviews-wrap {
grid-gap: var(--glsr-gap-xl);
display: grid;
gap: var(--glsr-gap-xl)
}
.glsr-default .glsr-loading,
.glsr-default form.glsr-form .glsr-loading {
display: inline-flex;
flex-grow: 0;
flex-shrink: 0;
height: 1em;
position: relative;
width: 1em
}
.glsr-default .glsr-loading:not(.does-not-exist):not(does-not-exist):after,
.glsr-default .glsr-loading:not(.does-not-exist):not(does-not-exist):before,
.glsr-default form.glsr-form .glsr-loading:after,
.glsr-default form.glsr-form .glsr-loading:before {
animation: gl-spin .5s linear infinite;
border: .2em solid;
border-radius: 100%;
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%
}
.glsr-default .glsr-loading:not(.does-not-exist):not(does-not-exist):before,
.glsr-default form.glsr-form .glsr-loading:before {
border-top-color: transparent;
opacity: .5
}
.glsr-default .glsr-loading:not(.does-not-exist):not(does-not-exist):after,
.glsr-default form.glsr-form .glsr-loading:after {
border-color: currentColor transparent transparent
}
.glsr-default .glsr-spinner {
animation: gl-spin .5s linear infinite;
border-radius: 50%;
height: 24px;
position: relative;
width: 24px
}
.glsr-default .glsr-spinner:after,
.glsr-default .glsr-spinner:before {
background: currentColor;
border-radius: 50%;
content: "";
height: 8px;
position: absolute;
width: 8px
}
.glsr-default .glsr-spinner:before {
left: 0;
top: 0
}
.glsr-default .glsr-spinner:after {
bottom: 0;
right: 0
}
.glsr-default .glsr-pagination {
position: relative
}
.glsr-default .glsr-pagination:not(.glsr-ajax-loadmore) {
align-items: center;
display: flex;
justify-content: center
}
.glsr-default .glsr-pagination .glsr-spinner {
position: absolute
}
.glsr-default .glsr-pagination .pagination {
flex-basis: 100%;
margin-bottom: 0;
margin-top: 0;
opacity: 1;
transition: opacity var(--glsr-duration-slow)
}
.glsr-default.glsr-hide .glsr-pagination .pagination {
opacity: 0 !important
}
.glsr-star-rating {
align-items: center;
display: flex;
position: relative
}
.glsr-stars {
justify-content: center
}
.glsr-star {
background-size: var(--glsr-review-star);
flex-shrink: 0;
font-size: inherit;
height: var(--glsr-review-star);
width: var(--glsr-review-star)
}
.glsr-summary .glsr-star {
background-size: var(--glsr-summary-star);
height: var(--glsr-summary-star);
width: var(--glsr-summary-star)
}
.glsr-star-empty {
background-image: var(--glsr-star-empty)
}
.glsr-star-full {
background-image: var(--glsr-star-full)
}
.glsr-star-half {
background-image: var(--glsr-star-half)
}
.glsr-review {
quotes: "“" "”";
word-break: break-word
}
.glsr-review,
.glsr-reviews>p {
opacity: 1;
transition: opacity .5s
}
.glsr-hide .glsr-review,
.glsr-hide .glsr-reviews>p {
opacity: 0 !important
}
.glsr-review p:first-of-type {
margin-top: 0 !important
}
.glsr-review [data-expanded=false] p.glsr-hidden-text,
.glsr-review p:last-of-type {
margin-bottom: 0 !important
}
.glsr-review-date {
white-space: nowrap
}
.glsr-review-rating {
align-items: center;
display: inline-flex;
gap: .5em;
justify-content: center
}
.glsr-review-response {
padding: var(--glsr-py) var(--glsr-px);
position: relative;
width: 100%
}
.glsr-review-response:before {
border-bottom: calc(var(--glsr-text-md)*1.5) solid;
border-left: 0 solid transparent;
border-right: calc(var(--glsr-text-md)*2) solid transparent;
border-top: 0 solid;
content: "";
height: 0;
opacity: .1;
position: absolute;
right: calc(var(--glsr-text-md)*1.5);
top: calc((var(--glsr-text-md)*1.5)*-1);
top: calc(var(--glsr-text-md)*1.5*-1);
width: 0
}
.glsr-review-response:after {
background-color: currentColor;
border-radius: var(--glsr-radius);
content: "";
height: 100%;
left: 0;
opacity: .1;
position: absolute;
top: 0;
width: 100%
}
.glsr-rtl .glsr-review-response:before {
border-left-width: calc(var(--glsr-text-md)*2);
border-right-width: 0;
left: calc(var(--glsr-text-md)*1.5);
right: auto
}
.glsr-review-response-inner {
position: relative;
z-index: 1
}
.glsr-default .glsr-review {
display: flex;
flex-wrap: wrap;
gap: var(--glsr-gap-md)
}
.glsr-default .glsr-review p {
margin-bottom: var(--glsr-text-md);
margin-top: 0;
padding: 0
}
.glsr-default .glsr-tag-label {
font-weight: var(--glsr-tag-label-weight)
}
.glsr-default .glsr-review-assigned_links,
.glsr-default .glsr-review-assigned_posts,
.glsr-default .glsr-review-assigned_terms,
.glsr-default .glsr-review-assigned_users {
width: 100%
}
.glsr-default .glsr-review-author {
align-items: center;
display: inline-flex;
gap: .5em
}
.glsr-default .glsr-review-avatar {
flex: 0 0
}
.glsr-default .glsr-review-avatar img {
border-width: 0;
display: flex;
margin: 0;
max-height: none;
max-width: none;
-o-object-fit: cover;
object-fit: cover
}
.glsr-default .glsr-review-content {
width: 100%
}
.glsr-default .glsr-review-date {
align-items: center;
display: inline-flex;
flex: 1 0;
font-style: italic;
white-space: nowrap
}
.glsr-default .glsr-review-rating {
align-items: center;
display: inline-flex;
flex-shrink: 0;
gap: .5em
}
.glsr-default .glsr-review-response,
.glsr-default .glsr-review-title {
width: 100%
}
.glsr-default .glsr-review-title h3,
.glsr-default .glsr-review-title h4,
.glsr-default .glsr-review-title h5 {
margin-bottom: 0;
margin-top: 0
}
.glsr-default .glsr-review-verified {
align-items: center;
color: var(--glsr-review-verified);
display: flex;
font-size: var(--glsr-text-sm);
gap: .25em
}
.glsr-default .glsr-read-more {
white-space: nowrap
}
.glsr-default .glsr-read-more:before {
content: "";
margin-left: 0;
margin-right: .5em
}
.glsr-default.glsr-rtl .glsr-read-more:before {
margin-left: .5em;
margin-right: 0
}
.glsr-default [data-expanded=false] .glsr-read-more:before {
content: "\2026"
}
.glsr-default [data-expanded=false] .glsr-hidden {
display: none
}
.glsr-summary {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: var(--glsr-gap-sm);
max-width: var(--glsr-max-w);
position: relative;
width: 100%
}
.glsr-summary-rating {
font-size: var(--glsr-text-lg);
font-weight: 700;
line-height: 1
}
.glsr-summary-stars,
.glsr-summary-text {
font-size: var(--glsr-summary-text)
}
.glsr-summary-text {
flex: 1 1 100%
}
.glsr-summary-percentages {
position: relative;
width: 100%
}
.glsr-summary .glsr-bar {
display: table-row;
white-space: nowrap
}
.glsr-summary .glsr-bar>span {
display: table-cell;
line-height: var(--glsr-bar-leading);
vertical-align: middle
}
.glsr-summary .glsr-bar-label {
font-size: var(--glsr-summary-text);
padding-left: 0;
padding-right: var(--glsr-gap-sm)
}
.glsr-rtl .glsr-summary .glsr-bar-label {
padding-left: var(--glsr-gap-sm);
padding-right: 0
}
.glsr-summary .glsr-bar-background {
position: relative;
width: 100%
}
.glsr-summary .glsr-bar-background:before {
background-color: currentColor;
content: "";
display: block;
height: var(--glsr-text-md);
margin-top: calc(var(--glsr-text-md)/2*-1);
opacity: var(--glsr-bar-opacity);
position: absolute;
top: 50%;
width: 100%
}
.glsr-summary .glsr-bar-background-percent {
background-color: currentColor;
color: var(--glsr-bar-bg);
display: block;
height: var(--glsr-text-md);
position: relative
}
.glsr-summary .glsr-bar-percent {
font-size: var(--glsr-summary-text);
padding-left: var(--glsr-gap-sm);
padding-right: 0;
text-align: right
}
.glsr-rtl .glsr-summary .glsr-bar-percent {
padding-left: 0;
padding-right: var(--glsr-gap-sm);
text-align: left
}
.glsr-default form.glsr-hide-form {
max-height: 0 !important;
opacity: 0;
overflow: hidden
}
.glsr-default form.glsr-form {
grid-row-gap: var(--glsr-gap-md);
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
position: relative;
row-gap: var(--glsr-gap-md)
}
.glsr-default .glsr-field {
position: relative
}
.glsr-default .glsr-field.glsr-hidden,
.glsr-default .glsr-field:not(.glsr-field-is-invalid) .glsr-field-error,
.glsr-default .glsr-form-message:not(.glsr-form-failed):not(.glsr-form-success) {
display: none
}
.glsr-default .glsr-field-error {
color: var(--glsr-form-error);
font-size: var(--glsr-text-sm)
}
.glsr-default .glsr-form-failed {
color: var(--glsr-form-error)
}
.glsr-default .glsr-form-success {
color: var(--glsr-form-success)
}
.glsr-default .glsr-is-invalid {
border-color: var(--glsr-form-error) !important
}
.glsr-default form.glsr-form label.glsr-label {
display: block;
float: none;
-webkit-hyphens: none;
hyphens: none;
margin: 0
}
.glsr-default form.glsr-form .glsr-description {
display: block;
font-weight: normal;
text-transform: none
}
.glsr-default form.glsr-form input.glsr-input:not(.wp-block-search__input),
.glsr-default form.glsr-form select.glsr-select,
.glsr-default form.glsr-form textarea.glsr-textarea {
box-sizing: border-box;
display: block;
float: none;
margin: 0;
max-height: none;
max-width: none;
min-height: auto;
min-width: auto;
width: 100%
}
.glsr-default form.glsr-form textarea.glsr-textarea {
resize: vertical
}
.glsr-default form.glsr-form .glsr-field-checkbox,
.glsr-default form.glsr-form .glsr-field-radio {
display: flex
}
.glsr-default form.glsr-form .glsr-field-checkbox label,
.glsr-default form.glsr-form .glsr-field-radio label {
align-items: flex-start;
-moz-column-gap: var(--glsr-gap-sm);
column-gap: var(--glsr-gap-sm);
display: inline-flex;
margin: 0
}
.glsr-default form.glsr-form .glsr-field-checkbox span:first-of-type,
.glsr-default form.glsr-form .glsr-field-radio span:first-of-type {
align-items: center;
display: flex
}
.glsr-default form.glsr-form input.glsr-input-radio[type=radio],
.glsr-default form.glsr-form input.glsr-input-range[type=radio],
.glsr-default form.glsr-form input[type=checkbox].glsr-input-checkbox {
box-sizing: border-box;
display: inline-block;
flex-shrink: 0;
left: 0;
margin: 0;
outline: none;
padding: 0;
top: 0;
vertical-align: middle
}
.glsr-default form.glsr-form .glsr-field-toggle {
display: flex
}
.glsr-default form.glsr-form .glsr-toggle {
align-items: flex-start;
-moz-column-gap: var(--glsr-gap-sm);
column-gap: var(--glsr-gap-sm);
display: inline-flex;
flex-direction: row-reverse
}
.glsr-default form.glsr-form .glsr-toggle label {
display: block;
margin: 0
}
.glsr-default form.glsr-form .glsr-toggle .glsr-toggle-switch {
align-items: center;
display: flex;
flex-shrink: 0;
font-size: var(--glsr-toggle-text);
position: relative;
width: var(--glsr-toggle-w)
}
.glsr-default form.glsr-form .glsr-toggle input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border-color: transparent !important;
border-radius: var(--glsr-toggle-radius);
border-width: 1px;
box-shadow: none;
box-sizing: border-box;
cursor: pointer;
display: block;
font-size: inherit;
height: var(--glsr-toggle-h);
left: auto;
margin: 0 !important;
overflow: hidden;
padding: 0 !important;
position: absolute;
top: auto !important;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: var(--glsr-toggle-w);
z-index: 0
}
.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]:after,
.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]:before {
box-sizing: border-box;
display: none
}
.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]+.glsr-toggle-track {
border-radius: var(--glsr-toggle-radius);
box-sizing: border-box;
height: var(--glsr-toggle-h);
padding: var(--glsr-toggle-p);
pointer-events: none;
position: absolute;
width: var(--glsr-toggle-w)
}
.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]+.glsr-toggle-track:before {
background-color: var(--glsr-toggle-bg-0);
border-radius: var(--glsr-toggle-radius);
box-sizing: border-box;
content: "";
display: block;
height: 100%;
left: 0;
opacity: var(--glsr-toggle-opacity-0);
position: absolute;
top: 0;
transition: background-color var(--glsr-duration-fast) ease-in-out, opacity var(--glsr-duration-fast) ease-in-out;
width: 100%
}
.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]+.glsr-toggle-track:after {
background-color: var(--glsr-toggle-color);
border-radius: calc(var(--glsr-toggle-radius) - var(--glsr-toggle-p));
box-shadow: 0 calc(var(--glsr-toggle-h)*.05) calc(var(--glsr-toggle-h)*.1) var(--glsr-toggle-shadow-color), 0 calc(var(--glsr-toggle-h)*.05) calc(var(--glsr-toggle-h)*.15) var(--glsr-toggle-shadow-color);
box-sizing: border-box;
content: "";
display: block;
height: var(--glsr-toggle-size);
pointer-events: none;
position: relative;
transition: transform var(--glsr-duration-fast) ease-in-out;
width: var(--glsr-toggle-size);
z-index: 1
}
.glsr-default form.glsr-form .glsr-field-toggle input[type=checkbox]:checked+.glsr-toggle-track:before {
background-color: var(--glsr-toggle-bg-1);
opacity: var(--glsr-toggle-opacity-1);
transition: background-color var(--glsr-duration-fast) ease-in-out, opacity var(--glsr-duration-fast) ease-in-out
}
.glsr-default form.glsr-form .glsr-field-toggle input[type=checkbox]:checked+.glsr-toggle-track:after {
transform: translateX(var(--glsr-toggle-size))
}
.glsr-default.glsr-rtl form.glsr-form .glsr-field-toggle input[type=checkbox]:checked+.glsr-toggle-track:after {
transform: translateX(calc(var(--glsr-toggle-size)*-1))
}
.glsr-default form.glsr-form .glsr-range-labels {
display: grid;
font-size: var(--glsr-text-sm);
grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
line-height: 1.5;
text-align: center
}
.glsr-default form.glsr-form .glsr-range-labels :first-child {
text-align: left
}
.glsr-default form.glsr-form .glsr-range-labels :last-child {
text-align: right
}
.glsr-default form.glsr-form .glsr-range-options {
align-items: center;
display: flex;
font-size: var(--glsr-text-base);
gap: var(--glsr-gap-lg);
justify-content: space-between;
margin-bottom: calc(var(--glsr-text-sm)*1.5);
padding-bottom: var(--glsr-gap-xs);
padding-top: var(--glsr-gap-xs);
position: relative
}
.glsr-default form.glsr-form .glsr-range-options:before {
background-color: var(--glsr-gray-400);
content: "";
display: block;
height: 1px;
position: absolute;
width: 100%
}
.glsr-default form.glsr-form .glsr-range-options:has(.glsr-is-invalid):before {
background-color: var(--glsr-form-error)
}
.glsr-default form.glsr-form .glsr-field-range {
display: flex;
z-index: 1
}
.glsr-default form.glsr-form .glsr-range-options input[type=radio].glsr-input-range {
flex-shrink: 0;
height: var(--glsr-range-size);
width: var(--glsr-range-size)
}
.glsr-default form.glsr-form .glsr-range-options label {
display: none
}
.glsr-default form.glsr-form .glsr-range-options input[type=radio]:checked+label {
display: flex;
font-size: var(--glsr-text-sm);
left: 0;
line-height: 1.5;
position: absolute;
top: 100%
}
.glsr-default form.glsr-form .glsr-range-options:not(:has(input[type=radio]:checked)):after {
content: attr(data-placeholder);
display: flex;
font-size: var(--glsr-text-sm);
left: 0;
line-height: 1.5;
position: absolute;
top: 100%
}
form.glsr-form .glsr-star-rating:not([data-star-rating]) .glsr-star-rating--stars {
display: none !important
}
form.glsr-form .glsr-star-rating>select {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px !important;
margin: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
top: 0 !important;
visibility: visible !important;
white-space: nowrap !important;
width: 1px !important
}
form.glsr-form .glsr-star-rating>select:after,
form.glsr-form .glsr-star-rating>select:before {
display: none !important
}
form.glsr-form .glsr-star-rating>select:focus+.glsr-star-rating--stars:before {
box-shadow: 0 0 0 3px -moz-mac-focusring;
box-shadow: 0 0 0 3px -webkit-focus-ring-color;
box-shadow: 0 0 0 3px Highlight;
content: "";
display: block;
height: 100%;
outline: 1px solid transparent;
pointer-events: none;
position: absolute;
width: 100%
}
form.glsr-form .glsr-star-rating--ltr>select {
left: 0 !important
}
form.glsr-form .glsr-star-rating--rtl>select {
right: 0 !important
}
form.glsr-form .glsr-star-rating--stars {
align-items: center;
cursor: pointer;
display: flex;
position: relative
}
form.glsr-form select[disabled]+.glsr-star-rating--stars {
cursor: default
}
form.glsr-form .glsr-star-rating--stars>span {
display: flex;
height: var(--glsr-form-star);
margin: 0;
width: var(--glsr-form-star)
}
form.glsr-form .glsr-star-rating--stars[class*=" s"]>span {
background-image: var(--glsr-star-empty);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain
}
form.glsr-form .glsr-field-is-invalid .glsr-star-rating--stars[class*=" s"]>span {
background-image: var(--glsr-star-error)
}
form.glsr-form .glsr-star-rating--stars[class*=" s"]>span.gl-active,
form.glsr-form .glsr-star-rating--stars[class*=" s"]>span.gl-active.gl-selected {
background-image: var(--glsr-star-full)
}
form.glsr-form .glsr-has-rating-labels .glsr-star-rating--stars[aria-label] {
margin-bottom: calc(var(--glsr-text-sm)*1.5);
padding-bottom: var(--glsr-gap-xs)
}
form.glsr-form .glsr-has-rating-labels .glsr-star-rating--stars[aria-label]:after {
content: attr(aria-label);
display: flex;
font-size: var(--glsr-text-sm);
left: 0;
line-height: 1.5;
position: absolute;
top: 100%
}
.glsr-default button.glsr-button {
align-items: center !important;
cursor: pointer;
display: inline-flex !important;
white-space: nowrap
}
.glsr-default button.glsr-button:not(.wp-block-search__button) {
margin: 0
}
.glsr-default button.glsr-button[aria-busy=true] {
gap: var(--glsr-gap-sm)
}
.glsr-default .wp-block-button {
margin: 0
}
.glsr-modal {
display: none;
font-size: var(--glsr-text-base);
line-height: var(--glsr-leading);
pointer-events: none;
position: fixed;
z-index: -1
}
.glsr-modal.is-open {
display: block;
pointer-events: auto;
z-index: 99999
}
.glsr-modal__overlay {
align-items: center;
background: rgba(0, 0, 0, .6);
display: flex;
height: 100vh;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100vw
}
.glsr-modal__dialog {
background-color: var(--glsr-modal-bg);
border-radius: var(--glsr-modal-radius);
box-shadow: 0 1px 2px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .07), 0 4px 8px rgba(0, 0, 0, .07), 0 8px 16px rgba(0, 0, 0, .07), 0 16px 32px rgba(0, 0, 0, .07), 0 32px 64px rgba(0, 0, 0, .07);
box-sizing: border-box;
display: flex;
flex-direction: column;
max-height: calc(100vh - 2em);
max-width: 700px;
min-height: 150px;
min-width: 320px;
overflow: hidden;
position: relative;
width: calc(100vw - 2em);
will-change: transform
}
.glsr-modal-small .glsr-modal__dialog {
min-height: auto;
width: 480px
}
[aria-hidden=false] .glsr-modal__dialog {
animation: gl-zoomIn var(--glsr-duration-slow) cubic-bezier(0, 0, .2, 1)
}
[aria-hidden=true] .glsr-modal__dialog {
animation: gl-zoomOut var(--glsr-duration-fast) cubic-bezier(0, 0, .2, 1)
}
.glsr-modal__header {
font-weight: 600
}
.glsr-modal__footer,
.glsr-modal__header {
align-items: center;
box-shadow: 0 0 1px 0 color-mix(in srgb, currentColor 10%, transparent), 0 0 1em 0 rgba(0, 0, 0, .1);
display: flex;
flex-shrink: 0;
gap: var(--glsr-gap-md);
padding: 0 var(--glsr-modal-padding);
position: relative;
z-index: 1
}
.glsr-modal__footer>div,
.glsr-modal__header>div {
align-items: center;
display: flex;
flex: 1;
gap: var(--glsr-gap-md);
padding: .75em 0
}
.glsr-modal__content {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
padding: var(--glsr-modal-padding);
position: relative
}
.glsr-modal button.glsr-modal__close,
.glsr-modal button.glsr-modal__close:focus,
.glsr-modal button.glsr-modal__close:hover {
align-items: center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent !important;
border: 0;
box-shadow: none;
color: currentColor !important;
cursor: pointer;
display: flex;
font-size: 1em;
height: 1.5em;
justify-content: center;
line-height: 1;
margin: .75em 1em;
outline-offset: 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
transform: scale(1);
transition: transform var(--glsr-duration-fast) ease-in;
width: 1.5em;
z-index: 10
}
.glsr-modal button.glsr-modal__close:hover {
transform: scale(1.1)
}
.glsr-modal button.glsr-modal__close:before {
all: revert;
content: "\2715";
font-family: arial;
font-size: 1.5em;
font-weight: 700;
line-height: 1
}
.glsr-modal button.glsr-modal__close:after,
.glsr-modal[aria-hidden=true] .glsr-modal__close {
display: none !important
}
.glsr-modal .glsr-modal__overlay {
animation-timing-function: cubic-bezier(0, 0, .2, 1)
}
.glsr-modal[aria-hidden=false] .glsr-modal__overlay {
animation-duration: var(--glsr-duration-slow);
animation-name: gl-fadeIn
}
.glsr-modal[aria-hidden=true] .glsr-modal__overlay {
animation-duration: var(--glsr-duration-fast);
animation-name: gl-fadeOut
}
.glsr-modal-error .glsr-modal__content,
.glsr-modal-success .glsr-modal__content {
display: flex;
gap: var(--glsr-gap-md)
}
.glsr-modal-error .glsr-modal__content:before,
.glsr-modal-success .glsr-modal__content:before {
content: "";
display: block;
flex-shrink: 0;
height: 2em;
margin-top: -.25em;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
opacity: .75;
width: 2em
}
.glsr-modal-error .glsr-modal__content:before {
background-color: var(--glsr-red);
-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 1 0 16 8 8 0 1 1 0-16zm1.13 9.38.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z'/%3E%3C/svg%3E");
mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 1 0 16 8 8 0 1 1 0-16zm1.13 9.38.35-6.46H8.52l.35 6.46h2.26zm-.09 3.36c.24-.23.37-.55.37-.96 0-.42-.12-.74-.36-.97s-.59-.35-1.06-.35-.82.12-1.07.35-.37.55-.37.97c0 .41.13.73.38.96.26.23.61.34 1.06.34s.8-.11 1.05-.34z'/%3E%3C/svg%3E")
}
.glsr-modal-success .glsr-modal__content:before {
background-color: var(--glsr-green);
-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 0 0 16 8 8 0 1 0 0-16zm-.615 12.66h-1.34l-3.24-4.54 1.341-1.25 2.569 2.4 5.141-5.931 1.34.94-5.811 8.381z'/%3E%3C/svg%3E");
mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2a8 8 0 1 0 0 16 8 8 0 1 0 0-16zm-.615 12.66h-1.34l-3.24-4.54 1.341-1.25 2.569 2.4 5.141-5.931 1.34.94-5.811 8.381z'/%3E%3C/svg%3E")
}
#glsr-modal-review .glsr-read-more {
display: none !important
}
#glsr-modal-verified .glsr-modal__footer {
box-shadow: inset 0 .5px 0 var(--glsr-review-verified);
color: var(--glsr-review-verified)
}
#glsr-modal-verified .glsr-modal__footer:after {
background: currentColor;
content: "";
height: 100%;
left: 0;
opacity: .125;
position: absolute;
top: 0;
width: 100%;
z-index: -1
}
.glsr-debug {
position: relative
}
.glsr-debug:before {
background-color: currentColor;
content: "";
height: 100%;
left: 0;
opacity: .15;
overflow: hidden;
position: absolute;
top: 0;
width: 100%
}
.glsr-debug pre {
font-family: "Fira Code", Consolas, Monaco, monospace;
font-size: 12px;
line-height: 1.25;
padding: 10px;
position: relative;
z-index: 1
}
.glsr-default {
--glsr-toggle-bg-1: var(--glsr-blue)
}
.glsr-default form.glsr-form {
font-size: var(--glsr-text-md);
line-height: var(--glsr-leading)
}
.glsr-default form.glsr-form label.glsr-label {
font-size: var(--glsr-label-text);
font-weight: var(--glsr-label-weight);
line-height: var(--glsr-leading);
margin-bottom: var(--glsr-gap-xs);
padding: 0
}
.glsr-default form.glsr-form .glsr-label+.glsr-description {
margin-bottom: var(--glsr-gap-xs)
}
.glsr-default form.glsr-form .glsr-description {
font-size: var(--glsr-description-text);
opacity: .75
}
.glsr-default form.glsr-form input.glsr-input,
.glsr-default form.glsr-form select.glsr-select,
.glsr-default form.glsr-form textarea.glsr-textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-clip: padding-box;
background-color: var(--glsr-input-bg);
border: var(--glsr-input-b);
border-radius: var(--glsr-input-radius);
color: var(--glsr-input-color);
font-family: inherit;
font-size: var(--glsr-text-md);
line-height: var(--glsr-leading);
min-height: auto !important;
padding: var(--glsr-input-py) var(--glsr-input-px) !important;
transition: var(--glsr-input-transition)
}
.glsr-default form.glsr-form input.glsr-input:focus,
.glsr-default form.glsr-form select.glsr-select:focus,
.glsr-default form.glsr-form textarea.glsr-textarea:focus {
background-color: var(--glsr-input-bg);
box-shadow: 0 0 0 3px -moz-mac-focusring;
box-shadow: 0 0 0 3px -webkit-focus-ring-color;
box-shadow: 0 0 0 3px Highlight;
outline: 1px solid transparent
}
.glsr-default form.glsr-form select.glsr-select {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m7 7 3-3 3 3m0 6-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-position: right .5em center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
height: auto;
padding-right: 3em;
-webkit-print-color-adjust: exact;
print-color-adjust: exact
}
.glsr-default form.glsr-form input.glsr-input-radio[type=radio],
.glsr-default form.glsr-form input.glsr-input-range[type=radio],
.glsr-default form.glsr-form input[type=checkbox].glsr-input-checkbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--glsr-white);
background-origin: border-box;
border: 1px solid var(--glsr-gray-400);
color: var(--glsr-blue);
font-size: var(--glsr-text-md);
height: var(--glsr-choice-h);
min-height: auto;
min-width: auto;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: var(--glsr-choice-w)
}
.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:after,
.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:before,
.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:after,
.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:before,
.glsr-default form.glsr-form input.glsr-input-range[type=radio]:after,
.glsr-default form.glsr-form input.glsr-input-range[type=radio]:before {
display: none !important
}
.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:checked,
.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:checked,
.glsr-default form.glsr-form input.glsr-input-range[type=radio]:checked {
background-color: currentColor;
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
border-color: transparent
}
.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:focus,
.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:focus,
.glsr-default form.glsr-form input.glsr-input-range[type=radio]:focus {
box-shadow: 0 0 0 3px -moz-mac-focusring;
box-shadow: 0 0 0 3px -webkit-focus-ring-color;
box-shadow: 0 0 0 3px Highlight;
outline: 1px solid transparent
}
.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:checked:focus,
.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:checked:focus,
.glsr-default form.glsr-form input.glsr-input-range[type=radio]:checked:focus {
border-color: transparent
}
.glsr-default form.glsr-form input[type=checkbox].glsr-input-checkbox {
border-radius: var(--glsr-input-radius)
}
.glsr-default form.glsr-form input.glsr-input-checkbox[type=checkbox]:checked {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E")
}
.glsr-default form.glsr-form input.glsr-input-radio[type=radio],
.glsr-default form.glsr-form input.glsr-input-range[type=radio] {
border-radius: 100%
}
.glsr-default form.glsr-form input.glsr-input-radio[type=radio]:checked,
.glsr-default form.glsr-form input.glsr-input-range[type=radio]:checked {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}
.glsr-default form.glsr-form .glsr-toggle label {
font-size: var(--glsr-text-md);
line-height: var(--glsr-leading);
padding: 0
}
.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]:focus {
outline: none
}
.glsr-default form.glsr-form .glsr-toggle input[type=checkbox]:focus+.glsr-toggle-track {
box-shadow: 0 0 0 3px Highlight;
box-shadow: 0 0 0 3px -moz-mac-focusring;
box-shadow: 0 0 0 3px -webkit-focus-ring-color;
outline: 1px solid transparent
}
.glsr-default form.glsr-form .glsr-field-error {
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
line-height: var(--glsr-leading)
}
.theme-twentytwentytwo .glsr-default .glsr-button {
border: none
}
.theme-twentytwentytwo .glsr-default .glsr-button:hover {
color: var(--glsr-white)
}
.glsr-summary-text {
flex: unset;
}
.glsr-tag-value b {
color: #007fc3;
}