.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";
} .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 {
background: #5dbce8;
font-family: "FontAwesome5 free";
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;
}
@media screen and (max-width: 480px) {
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 {
right: 20px;
font-family: FontAwesome;
content: "\f0da";
}
}
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 {
padding-right: 90%;
font-family: FontAwesome;
content: "\f0da";
}
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: 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 12px;
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);
}