@charset "utf-8";
/* tonarism (apple-hacks.com) stylesheet, served from GitHub Pages and loaded from <head> (Hatena: 詳細設定 → headに要素を追加). The Hatena design CSS field only keeps the Responsive: yes declaration.
Part 1: theme "Minimalism" by codomisu (MIT license, notice kept below; normalize.css v3.0.1 MIT). Its @charset/@import lines are dropped: inside Hatena's combined CSS they were ignored, so the page never loaded Font Awesome.
Part 2: tonarism own CSS (was the design CSS field). */
/*
Theme: Minimalism
Author: Codomisu
Description:
最小限のデザインで最大限の「美」を引き出す
※未だにコードを整理していない　2018/09/09
Licensed under the MIT license.
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 600;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 600;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.clearfix {
display: block;
*zoom: 1;
}
.clearfix:after {
display: block;
visibility: hidden;
font-size: 0;
height: 0;
clear: both;
content: ".";
}
.inline-block {
display: inline-block;
*display: inline;
*zoom: 1;
}
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
html,
body {
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
color: #3f3f3f;
background-color: #ffffff;
}
a {
color: #1487bd;
}
a:visited {
color: #789dae;
}
a:hover {
color: #0f5373;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
color: #333333;
text-decoration: none;
}
a.keyword {
text-decoration: none;
border-bottom: 1px dotted #ECEEF1;
color: #3f3f3f;
}
.btn {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 4px 10px 4px;
margin-bottom: 0;
line-height: 18px;
color: #3f3f3f;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
border-top-right-radius: 2px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-radius: 2px;
background-clip: padding-box;
cursor: pointer;
font-size: 12px;
text-decoration: none;
font-weight: 600;
border: 1px solid rgba(0, 0, 0, 0.2);
text-decoration: none ;
}
.btn:hover {
background-color: #f5f5f5;
text-decoration: none ;
}
.btn-small {
padding: 2px 10px ;
font-size: 11px ;
}
.btn-large {
padding: 13px 19px;
font-size: 17px;
line-height: normal;
font-weight: 600;
}
#globalheader-container {
background-color: #333;
color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
#container {
width: 1140px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding-top: 37px;
}
#container #content {
display: block;
*zoom: 1;
}
#container #content:after {
display: block;
visibility: hidden;
font-size: 0;
height: 0;
clear: both;
content: ".";
}
.globalheader-off #container {
padding-top: 0;
}
#main {
width: 640px;
float: left;
}
#box2 {
width: 290px;
float: right;
}
#blog-title {
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
text-align: center;
margin: 0;
padding: 50px 0;
}
#title {
margin: 0;
}
#title a {
color: #3f3f3f;
}
#blog-description {
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
font-weight: normal;
font-size: 80%;
margin: 5px 0 0 0;
}
.header-image-enable #title {
padding-top: 70px;
}
.header-image-enable #title,
.header-image-enable #blog-description {
padding-left: 20px;
}
#top-box {
margin: 10px auto 20px;
font-size: 90%;
}
#top-box .breadcrumb {
border-top: 1px solid #ECEEF1;
border-bottom: 1px solid #ECEEF1;
padding: 10px;
}
.entry {
position: relative;
margin-bottom: 50px;
}
.entry-header {
padding: 15px 0;
margin-bottom: 20px;
border-bottom: 1px solid #ECEEF1;
position: relative;
}
.entry-title {
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
font-size: 21px;
font-weight: 600;
line-height: 35px;
margin: 15px 0 20px;
}
.date {
font-weight: 600;
margin-bottom: 15px;
}
.date a {
color: #1487bd;
text-decoration: none;
font-size: 90%;
}
.categories {
margin-top: 10px;
font-size: 80%;
}
.categories a {
color: #3f3f3f;
}
.categories.no-categories {
margin: 0;
}
.entry-header-menu {
position: absolute;
bottom: 0px;
left: -60px;
}
.entry-header-menu a {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 4px 10px 4px;
margin-bottom: 0;
line-height: 18px;
color: #3f3f3f;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
border-top-right-radius: 2px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-radius: 2px;
background-clip: padding-box;
cursor: pointer;
font-size: 12px;
text-decoration: none;
font-weight: 600;
border: 1px solid rgba(0, 0, 0, 0.2);
text-decoration: none ;
}
.entry-header-menu a:hover {
background-color: #f5f5f5;
text-decoration: none ;
}
.entry-content {
font-size: 15px;
line-height: 34px;
padding-bottom: 10px;
border-bottom: 1px solid #ECEEF1;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
.entry-content p {
margin: 0 0 1em 0;
}
.entry-content img {
max-width: 100%;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 1.3em 0 0.8em 0;
line-height: 1.5;
}
.entry-content h1 {
font-size: 160%;
}
.entry-content h2 {
font-size: 150%;
}
.entry-content h3 {
font-size: 140%;
}
.entry-content h4 {
font-size: 130%;
}
.entry-content h5 {
font-size: 110%;
}
.entry-content h6 {
font-size: 100%;
}
.entry-content table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1em;
}
.entry-content table img {
max-width: none;
}
.entry-content table th,
.entry-content table td {
border: 1px solid #ddd;
padding: 5px 10px;
}
.entry-content table th {
background: #f5f5f5;
}
.entry-content blockquote {
border: 1px solid #ECEEF1;
margin: 0 0 10px;
padding: 20px;
}
.entry-content blockquote p {
margin-top: 0;
margin-bottom: 0;
}
.entry-content pre {
border: 1px solid #ECEEF1;
margin: 0 0 10px;
padding: 20px;
white-space: pre;
}
.entry-content pre > code {
margin: 0;
padding: 0;
white-space: pre;
border: 0;
background: transparent;
font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}
.entry-content code {
font-size: 90%;
margin: 0 2px;
padding: 0 5px;
border: 1px solid #eaeaea;
background-color: #f8f8f8;
border-radius: 3px;
font-family: 'Monaco', 'Consolas', 'Courier New', Courier, monospace, sans-serif;
}
.entry-content .hatena-asin-detail li {
line-height: 1.4;
}
.entry-footer {
margin-top: 10px;
}
.entry-footer-section {
font-size: 80%;
color: #999999;
}
.entry-footer-section a {
color: #999999;
}
.social-buttons,
.entry-footer-html {
margin: 10px 0;
}
.comment-box ul {
list-style: none;
margin: 0 0 15px 0;
padding: 0;
font-size: 95%;
line-height: 1.7;
}
.comment-box li {
padding: 10px 0 10px 60px;
border-bottom: 1px solid #ECEEF1;
position: relative;
}
.comment-box li:first-child {
border-top: 1px solid #ECEEF1;
}
.comment-box .read-more-comments {
padding-left: 0;
}
.comment-box .hatena-id-icon {
position: absolute;
top: 10px;
left: 0;
width: 50px ;
height: 50px ;
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-radius: 3px;
background-clip: padding-box;
}
.comment-user-name {
margin: 0 0 10px 0;
font-weight: 600;
}
.comment-content {
font-size: 90%;
margin: 0 0 10px 0;
word-wrap: break-word;
}
.comment-content p {
margin: 0 0 10px 0;
}
.comment-metadata {
font-size: 80%;
color: #999999;
margin: 0;
}
.comment-metadata a {
color: #999999;
}
.leave-comment-title {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 4px 10px 4px;
margin-bottom: 0;
line-height: 18px;
color: #3f3f3f;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
border-top-right-radius: 2px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-radius: 2px;
background-clip: padding-box;
cursor: pointer;
font-size: 12px;
text-decoration: none;
font-weight: 600;
border: 1px solid rgba(0, 0, 0, 0.2);
text-decoration: none ;
}
.leave-comment-title:hover {
background-color: #f5f5f5;
text-decoration: none ;
}
#box2 {
font-size: 85%;
line-height: 1.5;
}
.hatena-module {
margin-bottom: 60px;
}
.hatena-module-title {
font-weight: 600;
margin-bottom: 15px;
font-size: 120%;
padding:0 0 5px 5px;
border-bottom: 1px solid #ECEEF1;
}
.hatena-module-title a {
color: #3f3f3f;
text-decoration: none;
}
.hatena-module-title a:hover {
text-decoration: underline;
}
.hatena-module-profile .profile-icon {
float: left;
margin: 0 10px 10px 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-radius: 5px;
background-clip: padding-box;
}
.hatena-module-profile .id {
display: block;
font-weight: 600;
font-size: 110%;
margin-bottom: 5px;
}
.hatena-module-profile .profile-description {
font-size: 90%;
}
.hatena-module-profile .profile-description p {
margin-top: 0;
}
.hatena-urllist {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.hatena-urllist li {
padding: 8px 0;
border-bottom: 1px solid #ECEEF1;
line-height: 1.5;
}
.hatena-urllist li a {
text-decoration: none;
}
.hatena-module-search-box .search-form {
border: 1px solid #ECEEF1;
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-radius: 3px;
background-clip: padding-box;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.hatena-module-search-box .search-module-input {
padding: 10px 10px;
color: #3f3f3f;
background: none;
border: none;
outline: none;
height: 20px;
width: 90%;
}
.hatena-module-search-box .search-module-button {
width: 35px;
height: 35px;
background: transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=6810a7f5d0766c84edfe3b435c3a2e) no-repeat right center;
border: none;
outline: none;
text-indent: -9999px;
position: absolute;
top: 1px;
right: 10px;
opacity: 0.5;
}
.hatena-module-search-box .search-module-button:hover {
opacity: 0.85;
}
.pager {
margin: 1em 0;
display: block;
*zoom: 1;
}
.pager:after {
display: block;
visibility: hidden;
font-size: 0;
height: 0;
clear: both;
content: ".";
}
.pager .pager-prev {
float: left;
text-align: left;
width: 45%;
}
.pager .pager-next {
float: right;
text-align: right;
width: 45%;
}
#footer {
padding: 30px 0;
text-align: center;
color: #999999;
line-height: 1.5;
font-size: 80%;
}
#footer p {
margin: 0;
}
#footer a {
color: #999999;
}
.page-about dt {
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #dfdfdf;
margin-bottom: 5px;
}
.page-about dd {
margin-left: 0;
margin-bottom: 30px;
}
.page-archive .archive-entries .archive-entry {
margin-bottom: 3em;
}
.page-archive .archive-entries .entry-title {
font-size: 130%;
margin: 0 0 .5em;
}
.page-archive .archive-entries .categories {
margin: 0 0 .5em;
}
.page-archive .archive-entries .entry-description {
margin: 0 0 1em;
font-size: 13px;
line-height: 25px;
}
.page-archive .categories a {
color: #3f3f3f;
text-decoration: none;
display: inline-block;
*display: inline;
*zoom: 1;
margin-bottom:5px;
}
.shrbtn{
padding:0;
margin:15px 0;
width: 100%;
background:#ECEEF1;
text-align:center;
display: inline-flex;
}
.share_btn{
display: inline-block;
width: calc(100% / 5);
margin:4px 6px;
height: 40px;
line-height: 40px;
font-size: 18px;
color:#3f3f3f;
border:1px solid #ECEEF1;
border-radius:0;
text-align: center;
vertical-align: middle;
overflow: hidden;
font-weight: 600;
transition: .3s;
background:#fafafa;
}
.share_btn:first-of-type{
margin-left:0;
}
.share_btn:last-of-type{
margin-right:0;
}
.share_btn:hover{
color:#3f3f3f;
}
.share_btn .fa {line-height:40px}
#gnav {
border-top: 1px solid #ECEEF1;
border-bottom: 1px solid #ECEEF1;
margin: 0 0 10px;
background: #ffffff;
font-size: 0;
padding: 0 0 0;
}
#gnav .menu a {
display: block;
color: #3f3f3f;
font-size: 13px;
font-weight: 500;
text-decoration:none;
text-align: center;
overflow: hidden;
box-sizing: border-box;
}
#gnav .gnav-inner {
width: 100%;
padding: 12px 20px;
overflow-x: auto;
overflow-y: hidden;
box-sizing: border-box;
text-align: center;
white-space: nowrap;
margin: 0 auto;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
}
#gnav .menu {
display: inline-block;
}
#top-editarea .section {
width: 100% ;
margin-left: auto;
margin-right: auto;
}
#top-editarea{
margin-bottom: 15px;
}
.id a{
color: #3f3f3f;
text-decoration: none;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
.hatena-module-profile .profile-description {
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
.table-of-contents {
position: relative;
background-color: #fafafa;
border:1px solid #ECEEF1;
padding: 60px 70px 25px;
border-radius: 0;
font-size: 14px;
line-height: 28px;
}
.table-of-contents::before {
position: absolute;
display: block;
text-align: center;
top: 15px;
left: 50%;
margin-left: -1em;
font-size: 20px;
font-weight: 700;
content: '目次';
z-index: 2;
}
.table-of-contents li a {
text-decoration: none;
line-height: 35px;
color:#3f3f3f;
}
.archive-header-category{
margin-bottom:25px;
}
.archive-heading{
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
border-bottom:1px solid #ECEEF1;
font-weight: 600;
font-size: 21px;
line-height: 35px;
padding-bottom:5px;
margin-bottom:25px;
}
.footer{
background:#3f3f3f;
color:#fff;
padding:30px 0;
}
.footer ul li{
text-align:center;
display: block;
}
.footer .footer-title{
margin-bottom:10px;
}
.footer .footer-copyright{
font-size:12px;
}
.footer-list{
padding: 0;
}
.categories a{
color: #3f3f3f;
text-decoration: none;
padding: 4px 0;
border-radius: 0;
font-size:13px;
vertical-align: middle;
margin-right: 10px;
}
.categories a:before{
font-family: FontAwesome;
content:"\f02b";
font-size: 16px;
vertical-align: middle;
margin-right: 5px;
color:#2f2f2f;
}
@media screen and (min-width: 1139px){
#blog-title #title{
font-size: 37px;
line-height: 60px;
font-weight:500;
}
.hatena-module-search-box .search-module-button {
background: transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=6810a7f5d0766c84edfe3b435c3a2e) no-repeat right center;
background-size: 20px 20px;
}
#container {
border-right: 1px solid #ECEEF1;
border-left: 1px solid #ECEEF1;
}
#content{
margin: 35px 55px;
}
.breadcrumb-inner{
margin: 0 5%;
}
.date a {
color: #3f3f3f;
text-decoration: none;
font-size: 15px;
padding: 1px;
}
.date {
font-weight: 500;
margin-bottom: 5px;
}
.date:before {
font-family: FontAwesome;
content: "\f272";
left: 0;
font-size: 95%;
top: 0;
color: #3f3f3f;
}
.page-archive .entry-thumb {
border-radius: 5px;
margin-right: 20px;
}
#box2 .urllist-image {
border-radius: 5px;
margin-right: 15px;
}
.urllist-date-link time {
color: #3f3f3f;
text-decoration: none;
font-size: 14px;
padding: 1px;
}
.urllist-date-link time:before {
font-family: FontAwesome;
content: "\f272";
left: 0;
font-size: 95%
top: 0;
color: #3f3f3f;
}
.shrbtn{
background:none;
}
#box2{
margin-top: 15px;
}
.page-archive .archive-entries .entry-title {
margin-top:10px;
font-size: 19px;
}
.hatena-urllist li a {
font-size: 13px;
line-height: 25px;
color:#3f3f3f;
}
#gnav .menu a {
padding: 0 15px;
}
}
@media screen and (max-width: 1138px){
#gnav .menu{
margin-right:20px;
}
#gnav .menu a{
font-size: 12px;
}
#container {
width: 100% ;
word-wrap: break-word;
overflow: hidden;
padding-top: 0;
}
#main {
width: min(93.75%,calc(100% - 32px));
margin-left: auto;
margin-right: auto;
float: none;
}
#box2 {
width: min(93.75%,calc(100% - 32px));
margin-left: auto;
margin-right: auto;
float: none;
}
#box2-inner {
width: 100% ;
}
.hatena-module {
width: 100%;
float: none;
}
.date a {
color: #3f3f3f;
text-decoration: none;
font-size: 15px;
padding: 1px;
}
.date {
font-weight: 500;
margin-bottom: 5px;
}
.date:before {
font-family: FontAwesome;
content: "\f272";
left: 0;
font-size: 18px;
top: 0;
color: #3f3f3f;
}
.page-archive .entry-thumb {
border-radius: 5px;
}
#box2 .urllist-image {
border-radius: 5px;
}
.urllist-date-link time {
color: #3f3f3f;
text-decoration: none;
font-size: 14px ;
padding: 1px;
}
.urllist-date-link time:before {
font-family: FontAwesome;
content: "\f272";
left: 0;
font-size: 95% ;
top: 0;
color: #3f3f3f;
}
.shrbtn{
background:none ;
}
.
.hatena-urllist li a {
color:#3f3f3f;
}
.entry .entry-title{
font-size: 22px;
}
.categories a{
color: #3f3f3f;
text-decoration: none;
padding: 2px 7px;
border-radius: 2px;
margin: 0 2px;
}
.page-archive .archive-entries .entry-title {
font-size: 18px;
}
}
@media screen and (max-width:640px){
#globalheader-container {
position: static;
}
#blog-title #title{
font-size: 30px;
font-weight:500;
font-family: 'Nunito', sans-serif;
}
#blog-description {
font-size:11px;
}
#container {
width: 100%;
word-wrap: break-word;
overflow: hidden;
padding-top: 0;
}
#box2-inner {
width: 100%;
}
.hatena-module {
width: 100%;
float: none;
}
.entry-header-menu {
top: -30px;
left: 0px;
}
.archive-entry-header{
width : -webkit-calc(100% -90px);
width: calc(100% - 90px);
float: right;
}
.page-archive .archive-entries .entry-title {
font-size:14px;
line-height: 25px;
font-weight: 400;
margin:0;
}
.archive-entries .entry-description{
font-size:11px;
display:none;
}
.page-archive .entry-thumb {
width: 75px;
height: 75px;
border: 1px solid #ECEEF1;
background-size: 100%;
float:left;
border-radius: 3px;
}
.page-archive .categories{
display: none;
}
.page-archive .archive-entries .archive-entry {
margin-bottom: 0;
padding: 17px 0;
border-bottom: 1px solid #ECEEF1;
}
.date a {
color: #3f3f3f;
text-decoration: none;
font-size: 12px;
padding: 1px;
}
.date {
font-weight: 500;
margin-bottom: 5px;
}
.date:before {
font-family: FontAwesome;
content: "\f272";
left: 0;
font-size: 95%;
top: 0;
color: #3f3f3f;
}
.page-archive .social-buttons{
display: none;
}
#blog-title {
text-align: center;
padding: 35px 0 35px;
margin:0;
}
.entry .entry-title{
font-size: 18px;
line-height: 30px;
margin: 10px 0 15px;
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
}
.entry .entry-header{
padding: 10px 0 10px 0;
border:none;
}
.table-of-contents {
position: relative;
background-color: #fafafa;
border:1px solid #ECEEF1;
padding: 60px 45px 25px;
border-radius: 0;
font-size: 14px;
line-height: 28px;
}
#box2 .urllist-image {
max-width: 100%;
width: 75px;
border-radius: 5px;
margin-right: 10px;
border: 1px solid #ECEEF1;
height: 75px;
}
.hatena-urllist li{
padding: 10px 0 0px;
}
.hatena-urllist li a {
font-size: 13px ;
line-height: 20px;
font-weight: 500;
color: #3f3f3f;
text-decoration: none;
}
.archive-module-year{
border:none ;
}
.urllist-date-link time {
color: #3f3f3f;
text-decoration: none;
font-size: 12px ;
padding: 1px;
}
.urllist-date-link time:before {
font-family: FontAwesome;
content: "\f272";
left: 0;
font-size: 95% ;
top: 0;
color: #3f3f3f;
}
.archive-entries{
margin:0 0 40px;
}
.id a{
font-weight: normal;
text-decoration: none;
color: #3f3f3f;
}
.entry-content {
font-size: 14px;
}
.hatena-module {
margin-bottom: 40px;
}
.urllist-image{
width: 70px;
border-radius: 5px;
}
.related-entries .related-entries-entry-body{
display: none;
}
.pager{
text-align: center;
margin-bottom: 45px;
}
:not(.permalink)>.pager-next{
float:none ;
text-align: center ;
}
:not(.permalink)>.pager-next a{
text-decoration: none;
padding: 10px 100px;
border-radius: 4px;
border: 1px solid #ECEEF1;
background: #fafafa;
color: #3f3f3f;
}
.pager-permalink{
display:none;
}
}
:root{--gold-1: #f7dfa5;--gold-2: #f0c14b;--gold-border: #a88734}
.tnr-osw{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background: #fff;border: 1px solid rgba(0,0,0,0.08);border-radius: 12px;overflow: hidden}
.tnr-osw-head{padding: 12px 12px 10px;background: linear-gradient(180deg,rgba(0,122,255,0.06),rgba(0,0,0,0))}
.tnr-osw-title{font-size: 15px;font-weight: 700;letter-spacing: 0.02em;color: #111;line-height: 1.25}
.tnr-osw-sub{margin-top: 2px;font-size: 12px;color: #666;line-height: 1.35}
.tnr-osw-body{padding: 10px 10px 12px;min-height: 210px}
.tnr-osw-row{display: flex;justify-content: flex-start;align-items: flex-start;gap: 12px;padding: 10px 6px;border-top: 1px solid rgba(0,0,0,0.06)}
.tnr-osw-row:first-child{border-top: none}
.tnr-osw-label{flex: 0 0 9.5em;font-size: 12px;color: #555;white-space: nowrap;line-height: 1.45}
.tnr-osw-value{flex: 1 1 auto;min-width: 0;text-align: left;font-size: 18px;font-weight: 800;color: #111;letter-spacing: 0.02em;line-height: 1.2}
.tnr-osw-beta{color: #8a5a00;font-weight: 700}
#os-stable-ver{display: block;white-space: nowrap}
.tnr-osw-date{display: block;margin-top: 2px;font-size: 0.68em;font-weight: 500;line-height: 1.2;color: #767676;white-space: nowrap}
.tnr-osw-beta .tnr-osw-date{color: #767676}
#os-current-beta-row .tnr-osw-label::after,#os-next-beta-row .tnr-osw-label::after{content: "開発者向け";display: block;margin-top: 2px;font-size: 10px;font-weight: 700;color: #8a5a00;letter-spacing: 0.02em}
.tnr-osw-ex-title{margin-top: 8px;padding: 8px 6px 0;font-size: 12px;font-weight: 700;color: #444;line-height: 1.35}
.tnr-osw-ex{margin-top: 4px;padding: 4px 6px 0;min-height: 1.6em;font-size: 11px;color: #666;line-height: 1.5}
.tnr-osw-ex-group + .tnr-osw-ex-group{margin-top: 10px;padding-top: 8px;border-top: 1px dashed rgba(0,0,0,0.06)}
.tnr-osw-ex-h{margin: 0 0 6px;font-size: 11px;font-weight: 700;letter-spacing: 0.02em;line-height: 1.35;opacity: 0.95}
.tnr-osw-ex-group.is-stable .tnr-osw-ex-h{color: #444}
.tnr-osw-ex-group.is-beta .tnr-osw-ex-h{color: #8a5a00}
.tnr-osw-ex-item{margin: 2px 0;font-size: 12px;line-height: 1.6;color: #111;font-weight: 600;font-variant-numeric: tabular-nums;word-break: break-word}
.tnr-osw-ex-group.is-beta .tnr-osw-ex-item{color: #5f4a20}
.tnr-osw-ex.is-hot .tnr-osw-ex-item{font-weight: 700}
.tnr-osw-details{margin-top:12px}
.tnr-osw-details summary{cursor:pointer;display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:8px;background:#f6f6f6;font-weight:700;color:#444;list-style:none;transition:background .2s}
.tnr-osw-details summary::-webkit-details-marker{display:none}
.tnr-osw-details summary:hover{background:#ececec}
.tnr-osw-details[open] summary{margin-bottom:12px}
.tnr-osw-foot{margin-top: 8px;padding-top: 8px;border-top: 1px solid rgba(0,0,0,0.06);font-size: 11px;color: #666;line-height: 1.4}
.tnr-osw-auto{margin-left: 8px;font-size: 11px;color: rgba(0,0,0,0.62);letter-spacing: 0.02em}
@media (max-width: 420px){.tnr-osw-body{padding: 10px 8px 12px}.tnr-osw-row{gap: 10px;padding: 10px 4px}.tnr-osw-label{flex-basis: 8.6em;font-size: 12px}.tnr-osw-value{font-size: 17px}.tnr-osw-ex-title{padding-left: 4px;padding-right: 4px}.tnr-osw-ex{padding-left: 4px;padding-right: 4px}.tnr-osw-ex-item{font-size: 11.5px}}
.entry-content .hatena-asin-detail .asin-detail-buy,.hatena-asin-detail .asin-detail-buy{display: inline-flex;align-items: center;justify-content: center;width: 100%;margin-top: 14px;padding: 13px 18px;border-radius: 8px;font-size: 0.95rem;font-weight: 700;letter-spacing: 0.01em;text-decoration: none !important;line-height: 1;background: linear-gradient(var(--gold-1),var(--gold-2)) !important;border: 1px solid var(--gold-border) !important;color: #111 !important;-webkit-text-fill-color: #111 !important;box-shadow: 0 1px 2px rgba(0,0,0,0.10);transition: transform 0.12s ease,filter 0.12s ease,box-shadow 0.12s ease}
.entry-content .hatena-asin-detail .asin-detail-buy:hover,.hatena-asin-detail .asin-detail-buy:hover{filter: brightness(1.02) !important;box-shadow: 0 2px 6px rgba(0,0,0,0.14)}
.entry-content .hatena-asin-detail .asin-detail-buy:active,.hatena-asin-detail .asin-detail-buy:active{transform: translateY(1px);filter: brightness(0.99) !important;box-shadow: 0 1px 2px rgba(0,0,0,0.10)}
.entry-content .hatena-asin-detail .asin-detail-buy:focus-visible,.hatena-asin-detail .asin-detail-buy:focus-visible{outline: 2px solid #0066cc;outline-offset: 2px}
body{font-family: -apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","游ゴシック Medium",YuGothic,Meiryo,"Noto Sans JP",sans-serif}
#mobile-header{display: none}
@media (max-width: 768px){#title,#blog-title,#blog-description{display: none}#mobile-header{display: flex;align-items: center;gap: 14px;padding: 12px 16px;background: rgba(255,255,255,0.85);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);position: sticky;top: 0;z-index: 1000;border-bottom: 1px solid rgba(0,0,0,0.05)}#mobile-header .mh-icon{display: flex;align-items: center}#mobile-header .mh-icon img{width: 44px;height: 44px;border-radius: 10px;object-fit: cover;background: #f5f5f7}#mobile-header .mh-title{font-size: 1.2rem;font-weight: 700;color: #1d1d1f;text-decoration: none;flex-grow: 1;letter-spacing: -0.02em}}
.category-nav{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;padding: 16px 16px;font-family: -apple-system,BlinkMacSystemFont,sans-serif}
.category-nav details{border: 1px solid rgba(0,0,0,.08);border-radius: 12px;background: #fff;transition: all 0.2s ease}
.category-nav details[open]{grid-column: 1 / -1}
.category-nav summary{cursor: pointer;font-weight: 600;font-size: 0.9rem;list-style: none;display: flex;align-items: center;padding: 12px}
.category-nav summary::-webkit-details-marker{display: none}
.category-nav summary::after{content: "";display: inline-block;width: 6px;height: 6px;border-top: 1.5px solid #86868b;border-right: 1.5px solid #86868b;transform: rotate(45deg);margin-left: auto;transition: 0.2s}
.category-nav details[open] > summary::after{transform: rotate(135deg)}
.category-nav .cat-list{margin: 0;padding: 0 12px 12px;list-style: none;display: grid;grid-template-columns: 1fr 1fr;gap: 8px;border-top: 1px solid rgba(0,0,0,0.03);padding-top: 12px}
.category-nav a{text-decoration: none;color: #424245;font-size: 0.85rem;display: block;padding: 6px 0;transition: color 0.2s}
@media (min-width: 900px){.category-nav{grid-template-columns: repeat(4,1fr);max-width: 1000px;margin: 0 auto}}
@media (min-width: 1180px){.category-nav{grid-template-columns: repeat(5,1fr);max-width: 1240px}}
.page-archive .archive-entries{display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0}
.page-archive:not(.page-index) .archive-entries{margin-left:-10px;margin-right:-10px}
.page-archive .archive-entries .archive-entry{display: flex;flex-direction: column;box-sizing: border-box;padding: 10px;width: 100%;height: auto;margin: 0 0 2em 0}
@media (min-width: 481px){.page-archive .archive-entries .archive-entry{width: 50%;flex: 0 0 50%}}
.archive-entry-header{display: flex;flex-direction: column-reverse;order: 2;width: 100%}
.page-archive .archive-entries .entry-title{line-height: 1.5;font-size: 20px;margin: 0.5em 0;padding: 0;font-weight: 700}
.page-archive .entry-title a{text-decoration: none;color: #1d1d1f}
.page-archive .archive-entries .entry-thumb-link{order: 1;position: relative;padding-top: 56.25%;overflow: hidden;border-radius: 6px;width: 100%;background-color: #f5f5f7;border: 1px solid #ECEEF1}
.page-archive .entry-thumb{background-size: cover;background-position: 50%;height: 100%;width: 100%;position: absolute;top: 0;left: 0;margin: 0;padding: 0;transition: .25s ease-in-out !important}
.page-archive .entry-thumb::before{content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.3);opacity: 0;transition: .25s ease-in-out}
.page-archive .archive-entries .archive-entry:hover .entry-thumb{transform: scale(1.05)}
.page-archive .archive-entries .archive-entry:hover .entry-thumb::before{opacity: 1}
.page-archive .archive-entries .categories{order: 3;margin: 0;padding: 0}
.archive-entry-body{display: none}
.user-name-hatena-id,.user-name-paren{display: none !important}
.date:before{content: "";display: inline-block;width: 16px;height: 16px;min-width: 16px;aspect-ratio: 1 / 1;background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/n/numberhunter/20251222/20251222193102.jpg") no-repeat center center / contain;margin-right: 4px;margin-bottom: 3px;vertical-align: middle}
.categories a:before,.date a:before,.urllist-date-link time:before{content: "" !important;font-family: inherit !important}
.categories a:before{display: inline-block;width: 16px;height: 16px;margin-right: 6px;vertical-align: -2px;background-color: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M2%2010.586V2h8.586L22%2013.414%2013.414%2022%202%2010.586Zm6.5-3.086A1.5%201.5%200%201%200%207%206a1.5%201.5%200%200%200%201.5%201.5Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M2%2010.586V2h8.586L22%2013.414%2013.414%2022%202%2010.586Zm6.5-3.086A1.5%201.5%200%201%200%207%206a1.5%201.5%200%200%200%201.5%201.5Z%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain}
.table-of-contents,.comment-box,.related-entries,.entry-footer{content-visibility: auto;contain-intrinsic-size: 1px 600px}
.footer-card,.tnr-fal-wrap,.tonari-deals{content-visibility: auto;contain-intrinsic-size: 1px 400px}
.table-of-contents{position: relative}
.table-of-contents::before{position: static !important;display: block !important;float: none !important;clear: both !important;margin: 0 0 12px !important;padding: 0 0 10px !important;text-align: center !important}
#refurb-watch{position: sticky;top: 16px;padding: 18px;border: 1px solid rgba(0,0,0,.08);border-radius: 18px;background: rgba(255,255,255,0.85);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: 0 4px 16px rgba(0,0,0,.04);font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Hiragino Kaku Gothic ProN",sans-serif;content-visibility: auto;box-sizing: border-box;min-height: 765px;contain-intrinsic-size: 1px 727px}
#refurb-watch .rw-head{display: flex;justify-content: space-between;align-items: center;gap: 10px;margin-bottom: 16px}
#refurb-watch .rw-title{margin: 0;font-size: 0.9rem;font-weight: 800;line-height: 1.2;color: #1d1d1f;text-decoration: none}
#refurb-watch .rw-pill{padding: 6px 12px;border-radius: 980px;background: #0071e3;color: #fff;text-decoration: none;font-size: 0.72rem;font-weight: 700;line-height: 1;white-space: nowrap;border: 1px solid rgba(0,0,0,0.06);box-shadow: 0 2px 8px rgba(0,0,0,0.10);transition: opacity 0.2s ease,transform 0.2s ease}
#refurb-watch .rw-pill:hover{opacity: 0.92;transform: translateY(-1px)}
#refurb-watch .rw-links{list-style: none !important;margin: 0 !important;padding: 0 !important;display: flex !important;flex-direction: column !important;gap: 14px !important}
.rw-item{display: flex !important;flex-direction: column !important;gap: 6px !important;padding-bottom: 14px;border-bottom: 1px solid rgba(0,0,0,.05)}
.rw-item:last-child{border-bottom: none;padding-bottom: 0}
#refurb-watch .rw-item:has(img){flex-direction: row !important;align-items: center !important;gap: 10px !important}
.rw-name{display: block !important;padding: 6px 0;font-size: 0.85rem !important;line-height: 1.4 !important;color: #1d1d1f !important;text-decoration: none !important;font-weight: 600 !important;transition: color 0.2s}
.rw-name:hover{color: #0066cc !important}
#refurb-watch .rw-name{display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;padding: 0 !important;font-size: 0.82rem !important;line-height: 1.35 !important}
#refurb-watch .rw-spec{margin-top: 3px;font-size: 11px;font-weight: 600;color: #0066cc;line-height: 1.35;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
#refurb-watch .rw-meta{margin-top: 3px}
.rw-date{display: block !important;color: #6e6e73 !important;font-size: 0.75rem !important;letter-spacing: 0.02em}
.rw-amazon-btn{display: inline-flex !important;align-items: center;width: fit-content !important;padding: 4px 10px !important;background: linear-gradient(to bottom,var(--gold-1),var(--gold-2)) !important;border: 1px solid var(--gold-border) !important;color: #111 !important;text-decoration: none !important;font-size: 0.7rem !important;font-weight: 500 !important;border-radius: 4px !important;margin-top: 4px !important}
#refurb-watch .rw-skel{height: 100px;border-radius: 8px;background: linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 50%,#f2f2f2 75%);background-size: 200% 100%;animation: rw-loading 1.5s infinite}
@keyframes rw-loading{0%{background-position: 200% 0}100%{background-position: -200% 0}}
#refurb-watch .rw-note{margin-top: 14px;font-size: 0.65rem;color: #6e6e73;line-height: 1.4;border-top: 1px solid rgba(0,0,0,0.05);padding-top: 10px}
.tnr-profile-min{font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Hiragino Sans","Noto Sans JP",sans-serif;font-size: 14px;line-height: 1.6;padding: 20px;border-radius: 18px;border: 1px solid rgba(0,0,0,.08);background: #ffffff;color: #1d1d1f;box-shadow: 0 4px 12px rgba(0,0,0,.03)}
.tnr-min-head{display: flex;align-items: center;gap: 14px;margin-bottom: 16px}
.tnr-min-name{margin: 0;font-size: 17px;font-weight: 700;letter-spacing: -0.02em}
.tnr-min-badge{margin: 4px 0 0;font-size: 10px;font-weight: 700;color: #fff;background: #8a5a00;display: inline-block;padding: 1px 6px;border-radius: 4px}
.tnr-min-bio{margin: 14px 0;font-size: 13px;color: #424245;line-height: 1.7}
.tnr-min-bio strong{font-weight: 600;color: #0071e3}
.tnr-min-actions{display: grid;grid-template-columns: repeat(2,1fr);gap: 8px;margin: 20px 0 12px}
.tnr-min-btn{display: flex;align-items: center;justify-content: center;height: 38px;border-radius: 10px;font-weight: 600;font-size: 13px;text-decoration: none;transition: transform 0.2s,opacity 0.2s;color: #ffffff !important}
.tnr-btn-x{background: #000}
.tnr-btn-hatena{background: #0071e3}
.tnr-btn-rss{background: #f26522}
.tnr-btn-twitternow{background: #1373b0}
.tnr-min-btn:hover{opacity: 0.9;transform: scale(1.02)}
.tnr-min-about{margin-top: 16px;text-align: center;font-size: 12px}
.tnr-min-about a{color: #6e6e73;text-decoration: none}
.trb-grid{display: flex;flex-direction: column;gap: 12px}
.trb-card{display: flex;gap: 12px;align-items: center;text-decoration: none;background: #ffffff;border-radius: 16px;padding: 10px;border: 1px solid rgba(0,0,0,.06);transition: transform 0.3s cubic-bezier(0.25,1,0.5,1)}
.trb-card:hover{transform: scale(1.02);background: #fafafa;box-shadow: 0 4px 12px rgba(0,0,0,.05)}
.trb-media{flex: 0 0 72px;width: 72px;height: 72px;margin: 0;border-radius: 12px;overflow: hidden;background: #fff;border: 1px solid rgba(0,0,0,.04)}
.trb-media img{width: 100%;height: 100%;object-fit: contain;display: block}
.trb-body{min-width: 0;flex: 1}
.trb-title{font-size: 12.5px;font-weight: 600;line-height: 1.4;color: #1d1d1f;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 2px}
.trb-brand{font-size: 11px;color: #6e6e73;margin-bottom: 6px}
.trb-cta{display: inline-flex;align-items: center;width: fit-content;padding: 4px 10px;background: linear-gradient(to bottom,var(--gold-1),var(--gold-2)) !important;border: 1px solid var(--gold-border) !important;color: #111 !important;text-decoration: none !important;font-size: 0.7rem !important;font-weight: 500 !important;border-radius: 4px !important;margin-top: 2px}
.trb-cta:hover{opacity: 0.9}
.friend-site-item{margin-bottom: 1em}
.friend-site-link{display: block;text-decoration: none}
.friend-site-link img{width: 300px;max-width: 100%;height: auto;border-radius: 4px;display: block}
.friend-site-title{display: block;margin-top: .4em;font-weight: 600;font-size: .95em;color: #1d1d1f}
.friend-site-desc{display: block;margin-top: .2em;font-size: .8em;line-height: 1.4;opacity: .75;color: #1d1d1f}
.tnr-ranking-links{display: flex;flex-direction: column;gap: 10px;margin: 0;padding: 0}
.tnr-ranking-links .ranking-item{display: flex;align-items: center;justify-content: center;text-decoration: none;padding: 0;border: none;background: transparent;border-radius: 12px;overflow: hidden;width: 200px;height: 60px;margin: 0 auto}
.tnr-ranking-links img{display: block;width: 200px;height: 60px;object-fit: contain}
.tnr-ranking-links .reader-white img{object-fit: cover;object-position: center}
.tnr-ranking-links .banner-wrap{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0}
.sns-share{display:flex;gap:14px;justify-content:center;align-items:center;margin:44px 0;min-height:56px}
.sns-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:0;color:#fff;text-decoration:none;font-size:13px;font-weight:700;-webkit-tap-highlight-color:transparent;box-shadow:0 3px 10px rgba(0,0,0,.22);transition:transform .18s ease,filter .18s ease}
.sns-x{background:#000}
.sns-hatena{background:#00a4de}
.sns-line{background:#06c755}
.sns-reader{background:#0071e3;font-size:12px}
.sns-btn:hover{transform:translateY(-3px);filter:brightness(1.08)}
.sns-btn:active{transform:scale(.94)}
@media(max-width:600px){.sns-share{gap:12px;margin:36px 0;min-height:60px}.sns-btn{width:60px;height:60px}}
.follow-cta{text-align: center;margin-top: 48px}
.cta-message{font-size: 14px;color: #424245;line-height: 1.6;margin-bottom: 24px;padding: 0 10px}
.article-footer-sep{max-width: 100%;height: 1px;background: rgba(0,0,0,.05);margin: 48px 0}
.ranking-links{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 16px;margin: 32px auto}
.banner-wrap{border-radius: 8px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,.05);background: #f5f5f7;display: flex;align-items: center}
.pv-mura,.with2{width: 180px;height: 54px}
.banner-wrap img{width: 100%;height: auto;display: block}
.footer-card{background: #f5f5f7;border-radius: 18px;padding: 28px;text-align: left}
.card-header{display: flex;align-items: center;margin-bottom: 20px;gap: 8px}
.card-icon{font-size: 20px}
.footer-card h3{font-size: 17px;color: #1d1d1f;margin: 0;font-weight: bold;border: none}
.auth-container{display: flex;gap: 24px;margin-bottom: 24px}
.auth-visual{flex: 0 0 100px;text-align: center}
.auth-img{width: 80px;height: 80px;border-radius: 50%;object-fit: cover;background: #fff;border: 1px solid rgba(0,0,0,0.05)}
.auth-name{margin-top: 8px;font-size: 14px;color: #1d1d1f}
.auth-content{flex: 1}
.auth-sub{font-size: 12px;color: #6e6e73;margin-bottom: 16px}
.auth-list{display: flex;flex-direction: column;gap: 16px}
.auth-item{display: flex;gap: 12px;align-items: flex-start}
.auth-check{color: #8e8e93;font-size: 25px;font-weight: 500;line-height: 1.4;margin-top: 2px;flex-shrink: 0}
.auth-desc h4{font-size: 14px;margin: 0 0 4px 0;color: #1d1d1f;font-weight: bold;border: none;padding: 0}
.auth-desc p{font-size: 13px;color: #424245;margin: 0;line-height: 1.5}
.policy-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;padding-top: 24px;border-top: 1px solid rgba(0,0,0,.08)}
.policy-item h4{font-size: 13px;margin-bottom: 8px;color: #1d1d1f;font-weight: bold;border: none}
.policy-item p{font-size: 12px;color: #6e6e73;line-height: 1.6;margin: 0}
.update-note{font-size: 11px;color: #6e6e73;margin-top: 28px;text-align: center}
@media (max-width: 600px){.auth-container{flex-direction: column;align-items: center;text-align: center}.auth-item{text-align: left}.policy-grid{grid-template-columns: 1fr;gap: 20px}.footer-card{padding: 20px}.pv-mura,.with2{width: 150px;height: 45px}}
.footer{text-align: center;margin: 20px 0;background: none}
.footer-copy{font-size: 13px;color: #1d1d1f}
.footer-bottom{display: flex;justify-content: center;gap: 2rem}
.tonari-deals{max-width: 740px;margin: 0 auto 40px;padding: 20px 24px 24px;background: #f7f7f7;border-radius: 10px;font-size: 13px;color: #333;box-sizing: border-box}
.tonari-deals__header{display: flex;align-items: center;gap: 8px;margin-bottom: 6px}
.tonari-deals__pr{display: inline-block;font-size: 10px;color: #6b6b6b;border: 1px solid #bbb;border-radius: 3px;padding: 1px 5px;line-height: 1.5;flex-shrink: 0}
.tonari-deals__title{font-size: 14px;font-weight: bold;color: #111;margin: 0}
.tonari-deals__desc{margin: 0 0 16px;color: #555;line-height: 1.7;font-size: 12.5px}
.tonari-deals__grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px;list-style: none;margin: 0;padding: 0}
@media (max-width: 600px){.tonari-deals__grid{grid-template-columns: repeat(2,1fr)}}
.tonari-deals__grid li a{display: block;background: #fff;border: 1px solid #e0e0e0;border-radius: 7px;padding: 10px 8px;text-align: center;text-decoration: none;color: #222;font-size: 12px;font-weight: bold;line-height: 1.4;transition: background 0.15s,border-color 0.15s}
.tonari-deals__grid li a:hover{background: #f0f0f0;border-color: #bbb}
.tonari-deals__grid li a .tonari-deals__bonus{display: block;font-size: 10px;font-weight: normal;color: #b34700;margin-top: 3px}
@media (prefers-color-scheme: dark){:root{--dm-bg: #000000;--dm-panel: #1c1c1e;--dm-panel-2: #2c2c2e;--dm-text: #e6e6e8;--dm-title: #f2f2f4;--dm-muted: #a8a8ad;--dm-link: #0a84ff;--dm-border: rgba(255,255,255,0.10);--dm-border-strong: rgba(255,255,255,0.15)}body,#container,#wrapper,.page-archive,#main{background-color: var(--dm-bg) !important;color: var(--dm-text) !important}.entry-content,.archive-entry{color: var(--dm-text) !important}a{color: var(--dm-link) !important;text-decoration: none !important}.entry-title a,.archive-entry .entry-title a{color: var(--dm-title) !important}.cta-message,.tonari-deals,.tonari-deals__desc,.tonari-deals__pr{color: var(--dm-muted) !important}.tonari-deals{background: var(--dm-panel) !important}.tonari-deals__grid li a{background: var(--dm-panel-2) !important;border-color: var(--dm-border) !important}.tonari-deals__title{color: var(--dm-title) !important}.tonari-deals__bonus{color: #ff9f0a !important}.categories a{color: var(--dm-title) !important}.categories a:before{background-color: var(--dm-muted) !important}#mobile-header{background: rgba(0,0,0,0.85) !important;border-bottom-color: var(--dm-border) !important}#mobile-header .mh-title{color: var(--dm-title) !important}.category-nav details{background: var(--dm-panel) !important;border-color: var(--dm-border-strong) !important}.category-nav summary,.category-nav a{color: var(--dm-title) !important}.table-of-contents{background: #1c1c1e !important;border: 1px solid rgba(255,255,255,0.1) !important;border-radius: 12px !important;color: #f5f5f7 !important;padding: 20px !important}.table-of-contents::before{color: #f5f5f7 !important;border-bottom: 1px solid rgba(255,255,255,0.12) !important}.table-of-contents li a{color: #0a84ff !important}.table-of-contents li a:hover{text-decoration: underline !important}.entry-content .hatena-asin-detail,.comment-box,.related-entries,.entry-footer{background: #1c1c1e !important;border-color: #3a3a3c !important;color: #f5f5f7 !important;box-shadow: none !important}.entry-content .hatena-asin-detail a,.comment-box a,.related-entries a,.entry-footer a{color: #0a84ff !important}#refurb-watch .rw-title{color: #f5f5f7 !important}#refurb-watch .rw-pill{background: #0a84ff !important;color: #ffffff !important;border-color: rgba(255,255,255,0.14) !important;box-shadow: 0 2px 10px rgba(0,0,0,0.35) !important}#refurb-watch .rw-price{color: var(--dm-title) !important}#refurb-watch .rw-filter,#refurb-watch .rw-pager button{background: var(--dm-panel-2) !important;color: var(--dm-title) !important;border-color: var(--dm-border-strong) !important}#refurb-watch .rw-spec{color: #64b5ff !important}#refurb-watch .rw-skel{background: linear-gradient(90deg,#2c2c2e 25%,#3a3a3c 50%,#2c2c2e 75%);background-size: 200% 100%}.tnr-profile-min,.trb-card,#refurb-watch,.footer-card{background: var(--dm-panel) !important;border-color: var(--dm-border) !important}.rw-name,.tnr-min-name,.trb-title,.friend-site-title,.footer-card h3,.auth-name,.auth-desc h4,.policy-item h4,.hatena-module-title,.hatena-module-title a,.urllist-title a,.related-entries-title a,.hatena-urllist li a{color: var(--dm-title) !important}.tnr-min-bio,.trb-brand,.rw-date,.urllist-date-link,.friend-site-desc,.auth-desc p,.policy-item p,.footer-copy,.update-note{color: var(--dm-muted) !important}.hatena-module-title{border-bottom-color: var(--dm-border) !important}.sns-btn{color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important}.sns-x{background:#000!important;border:1px solid rgba(255,255,255,.3)!important}.sns-hatena{background:#00a4de!important}.sns-line{background:#06c755!important}.sns-reader{background:#0a84ff!important}.policy-grid{border-top-color: var(--dm-border) !important}.article-footer-sep{background: rgba(255,255,255,0.10) !important}.tnr-osw{background: var(--dm-panel) !important;border-color: var(--dm-border) !important;color: var(--dm-text) !important}.tnr-osw-head{background: linear-gradient(180deg,rgba(10,132,255,0.12),rgba(0,0,0,0)) !important}.tnr-osw-title{color: var(--dm-title) !important}.tnr-osw-sub{color: var(--dm-muted) !important}.tnr-osw-foot{border-top-color: var(--dm-border) !important;color: var(--dm-muted) !important}.tnr-osw-row{border-top-color: var(--dm-border) !important}.tnr-osw-label{color: var(--dm-muted) !important}.tnr-osw-value{color: var(--dm-title) !important}.tnr-osw-value.tnr-osw-beta,.tnr-osw-beta{color: #d18f2c !important;font-weight: 700 !important}.tnr-osw-date{color: #8e8e93 !important}.tnr-osw-beta .tnr-osw-date{color: #9d8960 !important}#os-current-beta-row .tnr-osw-label::after,#os-next-beta-row .tnr-osw-label::after{color: #d18f2c !important}.tnr-osw-ex{color: var(--dm-muted) !important}.tnr-osw-ex.is-hot{color: var(--dm-title) !important}.tnr-osw-ex-title{color: #c7c7cc !important}.tnr-osw-ex-group + .tnr-osw-ex-group{border-top-color: rgba(255,255,255,0.08) !important}.tnr-osw-ex-group.is-stable .tnr-osw-ex-h{color: #d1d1d6 !important}.tnr-osw-ex-group.is-beta .tnr-osw-ex-h{color: #d8a24a !important}.tnr-osw-ex-item{color: #f2f2f7 !important}.tnr-osw-ex-group.is-beta .tnr-osw-ex-item{color: #d8c29a !important}.tnr-osw-details summary{background: var(--dm-panel-2) !important;color: var(--dm-title) !important}.tnr-osw-details summary:hover{background: #3a3a3c !important}.tnr-osw-auto{color: rgba(255,255,255,0.45) !important}.entry-footer{padding-left: 16px !important;padding-right: 16px !important}.entry-footer p,.entry-footer time{line-height: 1.7}.entry-content .hatena-asin-detail .asin-detail-buy,.hatena-asin-detail .asin-detail-buy{box-shadow: 0 2px 6px rgba(0,0,0,0.45),0 16px 30px rgba(0,0,0,0.35) !important;transition: transform 0.18s ease,filter 0.18s ease,box-shadow 0.18s ease}.entry-content .hatena-asin-detail .asin-detail-buy:hover,.hatena-asin-detail .asin-detail-buy:hover{filter: brightness(1.05) !important}.entry-content .hatena-asin-detail .asin-detail-buy:active,.hatena-asin-detail .asin-detail-buy:active{transform: scale(0.98);box-shadow: 0 1px 2px rgba(0,0,0,0.25),0 6px 14px rgba(0,0,0,0.14) !important}.entry-content .hatena-asin-detail .asin-detail-buy:focus-visible,.hatena-asin-detail .asin-detail-buy:focus-visible{outline: 2px solid #2997ff;outline-offset: 2px}}
.tnr-btn-rss{background: #c24500}
.trb-comment{color: #6e6e73 !important}
.footer-top a,.footer-bottom a{color: #1d1d1f;text-decoration: underline}
.hatena-module-archive .archive-module-year-title,.hatena-module-archive .archive-module-month-title{display: inline-block;padding: 8px 6px;margin: 2px 0}
.date:before{font-family: inherit !important}
.page-index #main-inner{position:relative;padding-top:60px}
.tnr-tabs{position:absolute;top:0;left:10px;right:10px;display:flex;gap:4px;border-bottom:2px solid #3f3f3f}
.tnr-tabs button{flex:1;min-width:0;height:44px;margin:0;padding:0 4px;border:0;border-radius:0;background:#f2f3f5;color:#777;font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;position:relative}
.tnr-tabs [aria-selected=true]{background:#3f3f3f;color:#fff}
.tnr-tabs [aria-selected=true]::after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-6px;border:6px solid transparent;border-top-color:#3f3f3f;border-bottom:0}
.tnr-tabs button:focus-visible{outline:2px solid #0a84ff;outline-offset:-2px}
#main-inner .tnr-rank{display:none}
#main-inner.tnr-rk-on .tnr-rank{display:flex}
#main-inner .tnr-rank:empty{min-height:400px}
.tnr-rk-on>.archive-entries:not(.tnr-rank),.tnr-rk-on>.pager{display:none}
.tnr-rank .entry-thumb-link::after{content:attr(data-rank);position:absolute;top:8px;left:8px;z-index:1;display:grid;place-items:center;width:32px;height:32px;box-sizing:border-box;border:2px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(29,29,31,.72);color:#fff;font:800 15px/1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.02em;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.tnr-rank .entry-thumb-link[data-rank="1"]::after{width:38px;height:38px;font-size:18px;border-color:#fff6d5;background:linear-gradient(145deg,#fbe7a1,#e0b43a 50%,#a97c14);color:#4a3300}
.tnr-rank .entry-thumb-link[data-rank="2"]::after{width:35px;height:35px;font-size:16px;border-color:#fff;background:linear-gradient(145deg,#fafafa,#c7c7cc 50%,#8e8e93);color:#2c2c2e}
.tnr-rank .entry-thumb-link[data-rank="3"]::after{width:35px;height:35px;font-size:16px;border-color:#ffe3cc;background:linear-gradient(145deg,#f6c9a0,#c77b3d 50%,#8a4d1e);color:#fff}
@media (max-width:480px){.tnr-tabs{left:0;right:0}}
@media (prefers-color-scheme:dark){.tnr-tabs{border-bottom-color:#48484a}.tnr-tabs button{background:#1c1c1e;color:#a8a8ad}.tnr-tabs [aria-selected=true]{background:#48484a;color:#f2f2f4}.tnr-tabs [aria-selected=true]::after{border-top-color:#48484a}}
@media (max-width:640px){.page-archive .categories{display:block}}
header#blog-title{display:block;position:relative;max-width:1030px;height:clamp(104px,22vw,170px);margin:0 auto;padding:0;background:#fff;border:0;overflow:hidden}
#blog-title #blog-title-inner{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:0;background:none}
#blog-title #blog-title-content{position:relative;z-index:1;margin:0;padding:0;text-align:center}
#blog-title #title{display:block;margin:0;padding:0;font-size:clamp(30px,6.2vw,54px);line-height:1}
#blog-title #title a{font-family:tnr-logo-ja,sans-serif;font-weight:900;letter-spacing:.02em;color:#1d1d1f!important;text-decoration:none}
#blog-title #blog-title-content::after{content:"t0nAr1sm";display:block;margin-top:.55em;font:600 clamp(11px,1.9vw,17px)/1 tnr-logo-en,sans-serif;letter-spacing:.14em;color:#1d1d1f}
#blog-title #blog-description{display:none}
#blog-title::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#61bb46 0 16.66%,#fdb827 0 33.33%,#f5821f 0 50%,#e03a3e 0 66.66%,#963d97 0 83.33%,#009ddc 0)}
@media (max-width:768px){#mobile-header{position:fixed;top:0;left:0;right:0;justify-content:flex-end;padding:6px 12px;background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .2s}#mobile-header .mh-icon,#mobile-header .mh-title{visibility:hidden}.tnr-scrolled #mobile-header{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(0,0,0,.06)}.tnr-scrolled #mobile-header .mh-title{visibility:visible}.tnr-scrolled #mobile-header .mh-t1{font-size:18px}.tnr-scrolled #mobile-header .mh-t2{font-size:9px;margin-top:3px}}
@media (max-width:768px) and (prefers-color-scheme:dark){.tnr-scrolled #mobile-header{background:rgba(28,28,30,.92)!important;border-bottom-color:rgba(255,255,255,.1)}}
#blog-title #title a{-webkit-text-stroke:.03em #1d1d1f}
#blog-title #blog-title-content{isolation:isolate;overflow:hidden;background:#fff}
#blog-title #title a::before{content:"";position:absolute;z-index:1;top:-.05em;left:0;width:1.3em;height:1.6em;mix-blend-mode:lighten;pointer-events:none;opacity:0;background:var(--tnr-gl,linear-gradient(115deg,#5f8fae 0%,#9cc4da 34%,#e3f2f8 46%,#9cc4da 56%,#5f8fae 100%)) 100% 0/300% 100%;-webkit-mask:var(--tnr-ap) center/contain no-repeat;mask:var(--tnr-ap) center/contain no-repeat}
@media (prefers-reduced-motion:no-preference){#blog-title #title a::before{opacity:1;animation:tnr-gx 5.5s cubic-bezier(.45,.05,.55,.95) .4s 1 both,tnr-gy 1.375s ease-in-out .4s 4 alternate both,tnr-gsheen 5.5s linear .4s 1 both}.tnr-scrolled #blog-title #title a::before{animation-play-state:paused}}
@keyframes tnr-gx{from{translate:-1.4em 0}to{translate:5.5em 0}}
@keyframes tnr-gy{from{transform:translateY(-.1em) rotate(-7deg)}to{transform:translateY(.1em) rotate(7deg)}}
@keyframes tnr-gsheen{from{background-position:100% 0}to{background-position:0 0}}
@media (prefers-color-scheme:dark){.date:before{filter:invert(1)}}
@media (prefers-color-scheme:dark){header#blog-title,#blog-title #blog-title-content{background:#000}#blog-title #title a{color:#f2f2f4!important;-webkit-text-stroke-color:#f2f2f4}#blog-title #blog-title-content::after{color:#f2f2f4}#blog-title #title a::before{mix-blend-mode:darken;background-image:var(--tnr-gd,linear-gradient(115deg,#2f5f80 0%,#4f82a6 34%,#8fb9d3 46%,#4f82a6 56%,#2f5f80 100%))}.mh-menu span{background:#f2f2f4!important}}
:root{--tnr-ap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 814 1000'%3E%3Cpath d='M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z'/%3E%3C/svg%3E")}
.page-archive .archive-entries .archive-entry{display:grid;grid-template-columns:100%;align-content:start}
.page-archive .archive-entries .entry-thumb-link{grid-area:1/1;border-radius:12px}
.page-archive .archive-entries .archive-entry-header{display:contents}
.page-archive .archive-entries .archive-entry .entry-title{grid-area:1/1;align-self:end;position:relative;z-index:2;margin:1px;padding:30px 12px 0;border-bottom:10px solid transparent;border-radius:0 0 11px 11px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5) 40%,rgba(0,0,0,.78));font-size:15px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none}
.page-archive .archive-entries .archive-entry .entry-title a{color:#fff!important;pointer-events:auto}
.page-archive .archive-entries .archive-entry .entry-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:inherit;overflow:hidden}
.page-archive .archive-entries .archive-entry .archive-date{grid-area:2/1;margin:8px 0 0}
.page-archive .archive-entries .categories{grid-area:3/1}
.page-archive .archive-entries .archive-entry .archive-date{justify-self:start;margin:10px 0 0;padding:0 12px;border-radius:999px;background:#eaf3f8;font-size:13px;font-weight:600;line-height:27px;letter-spacing:.03em}
.page-archive .archive-entries .archive-entry .archive-date a{color:#3d6a86!important}
.page-archive .archive-entries .archive-entry .archive-date:before{content:"";display:inline-block;width:11px;height:14px;margin:0 6px 0 0;vertical-align:-2px;background:#3d6a86;filter:none;-webkit-mask:var(--tnr-ap) center/contain no-repeat;mask:var(--tnr-ap) center/contain no-repeat}
.page-archive .archive-entries .categories{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.page-archive .archive-entries .categories a{display:inline-flex;align-items:center;margin:0;padding:0 10px;border-radius:999px;background:#f2f2f4;color:#48484a!important;font-size:11.5px;line-height:24px;transition:background .2s}
.page-archive .archive-entries .categories a:hover{background:#e3e3e8}
.page-archive .archive-entries .categories a:before{width:11px;height:11px;margin-right:4px;vertical-align:0;background-color:#8e8e93!important}
@media (prefers-color-scheme:dark){.page-archive .archive-entries .archive-entry .archive-date{background:rgba(156,196,218,.16)}.page-archive .archive-entries .archive-entry .archive-date a{color:#9cc4da!important}.page-archive .archive-entries .archive-entry .archive-date:before{background:#9cc4da;filter:none}.page-archive .archive-entries .categories a{background:#2c2c2e;color:#d1d1d6!important}.page-archive .archive-entries .categories a:hover{background:#3a3a3c}}
@media (max-width:768px){.page-archive .archive-entries .archive-entry .archive-date{padding:0 14px;font-size:14.5px;line-height:31px}.page-archive .archive-entries .archive-entry .archive-date:before{width:12px;height:16px;margin-right:7px;vertical-align:-3px}}
@media (min-width:769px){#main-inner.tnr-rk-on .tnr-rank{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 14px}.tnr-rank>.archive-entry{grid-column:span 3;width:auto!important;flex:none!important;margin:0!important;padding:0!important}.tnr-rank>.archive-entry:nth-child(1){grid-column:span 12}.tnr-rank>.archive-entry:nth-child(2),.tnr-rank>.archive-entry:nth-child(3){grid-column:span 6}.tnr-rank>.archive-entry:nth-child(n+4):nth-child(-n+6){grid-column:span 4}.tnr-rank>.archive-entry:nth-child(1) .entry-title{font-size:22px;padding:70px 20px 0;border-bottom-width:18px}.tnr-rank>.archive-entry:nth-child(n+4) .categories{display:none}.tnr-rank>.archive-entry:nth-child(n+4) .entry-title{font-size:13px;padding:24px 9px 0;border-bottom-width:8px}.tnr-rank>.archive-entry:nth-child(n+7) .entry-title{font-size:12px;line-height:1.4;-webkit-line-clamp:2;padding:18px 8px 0;border-bottom-width:7px}.tnr-rank>.archive-entry:nth-child(n+4) .archive-date{margin-top:7px;padding:0 9px;font-size:11px;line-height:21px}.tnr-rank>.archive-entry:nth-child(n+4) .archive-date:before{width:9px;height:11px;margin-right:4px}.tnr-rank>.archive-entry:nth-child(n+7) .entry-thumb-link::after{top:6px;left:6px;width:26px;height:26px;font-size:12px}}
@media (max-width:768px){#main-inner.tnr-rk-on .tnr-rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.tnr-rank>.archive-entry{width:auto!important;flex:none!important;margin:0!important;padding:0!important;border:0!important}.tnr-rank>.archive-entry:nth-child(1){grid-column:span 2}.tnr-rank>.archive-entry:nth-child(n+2) .categories{display:none}.tnr-rank>.archive-entry:nth-child(n+2) .entry-title{font-size:13px;padding:22px 8px 0;border-bottom-width:8px}.tnr-rank>.archive-entry:nth-child(n+2) .archive-date{margin-top:7px;padding:0 9px;font-size:11.5px;line-height:23px}.tnr-rank>.archive-entry:nth-child(n+2) .archive-date:before{width:10px;height:12px;margin-right:5px;vertical-align:-1px}.tnr-rank>.archive-entry:nth-child(n+2) .entry-thumb-link::after{top:6px;left:6px;transform:scale(.85);transform-origin:0 0}}
.tnr-tabs{gap:0;padding:3px;border:0;border-radius:12px;background:#ececf0}
.tnr-tabs button{height:38px;border-radius:9px;background:transparent;color:#6e6e73;transition:background .2s,color .2s,box-shadow .2s}
.tnr-tabs [aria-selected=true]{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.tnr-tabs [aria-selected=true]::after{display:none}
#container{border-left:0!important;border-right:0!important}
#top-box .breadcrumb{border:0;padding:14px 0 0;font-size:12.5px}
.breadcrumb a{color:#6e6e73!important;text-decoration:none}
.breadcrumb-gt{margin:0 4px;color:#c7c7cc}
.page-entry .breadcrumb-child:last-child:not(:has(a)),.page-entry .breadcrumb-gt:has(+.breadcrumb-child:last-child){display:none}
.category-nav details{border-color:transparent;background:#f5f5f7}
.category-nav details:hover{background:#ebebf0}
.entry .entry-header .entry-title{margin:12px 0 16px;font-size:28px;font-weight:700;line-height:1.45;letter-spacing:-.01em}
.entry-header .entry-categories{display:flex;flex-wrap:wrap;gap:6px}
.entry-header .entry-categories a{margin:0;padding:0 10px;border-radius:999px;background:#f2f2f4;color:#48484a!important;font-size:12px;line-height:24px}
.entry-header .entry-categories a:before{width:11px;height:11px;margin-right:4px;vertical-align:-1px;background-color:#8e8e93!important}
.page-archive .archive-entries .categories{grid-area:2/1;justify-self:end;align-self:end;position:relative;z-index:3;height:24px;flex-direction:column-reverse;flex-wrap:nowrap;align-items:flex-end;gap:4px;max-width:calc(100% - 128px);margin:0 0 2px}
.page-archive .archive-entries .categories a{display:block;flex:none;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.page-archive .archive-entries .categories a:nth-child(n+2){display:none}
.page-archive .archive-entries .categories:has(a+a) a:first-child::after{content:"＋";margin-left:3px;color:#8e8e93;font-size:10px}
.pager a{display:inline-block;padding:0 22px;border-radius:999px;background:#f2f2f4;color:#1d1d1f!important;font-size:14px;font-weight:600;line-height:40px;text-decoration:none}
.pager a:hover{background:#e5e5ea}
@media (hover:hover){.page-archive .archive-entries .categories:hover{align-items:stretch;gap:0}.page-archive .archive-entries .categories:hover a{display:block;border-top:4px solid transparent;background-clip:padding-box;box-shadow:none}.page-archive .archive-entries .categories:hover a:first-child::after{content:none}}
@media (max-width:768px){.page-archive .archive-entries .categories{max-width:calc(100% - 150px)}}
@media (max-width:640px){.entry .entry-header .entry-title{font-size:22px;line-height:1.5}}
@media (prefers-color-scheme:dark){.tnr-tabs{background:#1c1c1e}.tnr-tabs button{background:transparent;color:#a1a1a6}.tnr-tabs [aria-selected=true]{background:#3a3a3c;color:#f5f5f7}.breadcrumb a{color:#a1a1a6!important}.breadcrumb-gt{color:#48484a}.category-nav details:hover{background:#2c2c2e!important}.entry-header .entry-categories a{background:#2c2c2e;color:#d1d1d6!important}.page-archive .archive-entries .entry-thumb-link{border-color:#2c2c2e}.pager a{background:#2c2c2e;color:#f5f5f7!important}}
.page-archive .archive-entries .categories.tnr-cat-open{align-items:stretch;gap:0}
.page-archive .archive-entries .categories.tnr-cat-open a{display:block;border-top:4px solid transparent;background-clip:padding-box}
.page-archive .archive-entries .categories.tnr-cat-open a:first-child::after{content:none}
#main-inner.tnr-rk-on .tnr-rank{margin-bottom:48px}
.hatena-module-title{margin:0 0 14px!important;padding:0!important;border:0!important;font-size:18px!important;font-weight:700;letter-spacing:-.01em}
.hatena-module-category .hatena-urllist{display:flex;flex-wrap:wrap;gap:6px}
.hatena-module-category .hatena-urllist li{margin:0;padding:0;border:0}
.hatena-module-category .hatena-urllist a{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 11px;border-radius:999px;background:#f2f2f4;color:#1d1d1f!important;font-size:12.5px;line-height:28px;text-decoration:none}
.hatena-module-category .hatena-urllist a:hover{background:#e5e5ea}
.related-entries-item{border-bottom:0!important;padding:10px 0!important}
.related-entries-image{border-radius:12px;object-fit:cover}
.related-entries-title{font-size:15px!important;font-weight:600;line-height:1.5;color:#1d1d1f!important}
#box2 .related-entries-item-inner{display:grid;grid-template-columns:80px minmax(0,1fr);gap:0 12px;align-items:center}
#box2 .related-entries-item-inner>*{float:none!important;margin:0!important;grid-row:1}
#box2 .related-entries-item-inner>.related-entries-image-link{grid-column:1;display:block;line-height:0;font-size:0}
#box2 .related-entries-item-inner>:not(.related-entries-image-link){grid-column:2}
#box2 .related-entries-item-inner .related-entries-image{display:block;width:80px!important;height:56px!important;max-width:none!important;border-radius:10px;object-fit:cover}
#box2 .related-entries-title{font-size:13px!important;line-height:1.55}
@media (max-width:768px){#box2 .related-entries-item-inner{grid-template-columns:100px minmax(0,1fr)}#box2 .related-entries-item-inner .related-entries-image{width:100px!important;height:70px!important}#box2 .related-entries-title{font-size:14px!important}}
html body .entry-footer .related-entries{gap:12px}
html body .entry-footer .related-entries>li{display:flex;padding:14px!important}
html body .entry-footer .related-entries>li:last-child:nth-child(odd){grid-column:1/-1}
html body .entry-footer .related-entries .urllist-item-inner{flex:1;display:grid;grid-template-columns:88px minmax(0,1fr);gap:2px 14px;align-content:center;align-items:start}
html body .entry-footer .related-entries .urllist-item-inner>*{grid-row:2;grid-column:2}
html body .entry-footer .related-entries .urllist-item-inner>.urllist-date-link{grid-row:1;align-self:end}
html body .entry-footer .related-entries .urllist-item-inner>.urllist-image-link{grid-row:1/span 2;grid-column:1;align-self:center;display:block;line-height:0;font-size:0}
html body .entry-footer .related-entries .urllist-entry-body{display:none!important}
html body .entry-footer .related-entries .urllist-image{display:block;width:88px!important;height:88px!important;border-radius:12px}
html body .entry-footer .related-entries .urllist-title-link{font-size:14px!important;line-height:1.55}
@media (prefers-color-scheme:dark){html body .entry-footer .related-entries>li{background:#2c2c2e}}
@media (max-width:768px){html body .entry-footer .related-entries .urllist-item-inner{grid-template-columns:96px minmax(0,1fr)}html body .entry-footer .related-entries .urllist-image{width:96px!important;height:96px!important}html body .entry-footer .related-entries .urllist-title-link{font-size:15px!important}}
@media (max-width:768px){#main-inner.tnr-rk-on .tnr-rank>.archive-entry:nth-child(10){display:none}}
@media (prefers-color-scheme:dark){.hatena-module-category .hatena-urllist a{background:#2c2c2e;color:#e5e5ea!important}.hatena-module-category .hatena-urllist a:hover{background:#3a3a3c}.related-entries-title{color:#f2f2f4!important}}
::selection{background:#cde6f2}
a.category-iPhone{--c:#30b04f}
a.category-Mac{--c:#0a84ff}
a.category-iPad{--c:#ff9500}
a[class*="Apple-Watch"],a[class*="Apple Watch"]{--c:#ff375f}
a.category-AirPods{--c:#bf5af2}
a.category-Vision{--c:#5e5ce6}
a[class*="Apple-TV"],a[class*="Apple TV"]{--c:#00a3c4}
a.category-AirTag{--c:#d9a400}
a[class*="category-噂"]{--c:#e03a3e}
:is(.page-archive .archive-entries .categories,.entry-header .entry-categories) a:before{background-color:var(--c,#8e8e93)!important}
@media (hover:hover){.page-archive .archive-entries .entry-thumb-link{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.page-archive .archive-entries .archive-entry:hover .entry-thumb-link{transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(0,0,0,.28)}}
@keyframes tnr-rise{from{opacity:0;transform:translateY(32px) scale(.97)}}
@keyframes tnr-prog{to{transform:scaleX(1)}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.archive-entries>.archive-entry:nth-child(n+3),.related-entries-item{animation:tnr-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}.page-entry::before{content:"";position:fixed;will-change:transform;z-index:10000;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#61bb46,#fdb827,#f5821f,#e03a3e,#963d97,#009ddc);transform-origin:0 50%;transform:scaleX(0);animation:tnr-prog linear both;animation-timeline:scroll(root);pointer-events:none}}}
@media (prefers-color-scheme:dark){::selection{background:rgba(156,196,218,.35)}}
.entry .entry-header{display:flex;flex-direction:column;border-bottom:0}
.entry-header .entry-date{order:1;align-self:flex-start;margin:0;padding:0 12px;border-radius:999px;background:#eaf3f8;font-size:13px;font-weight:600;line-height:27px}
.entry-header .entry-date a{color:#3d6a86!important}
.entry-header .entry-date:before{width:11px;height:13px;margin:0 6px 0 0;vertical-align:-2px;background:#3d6a86;filter:none;-webkit-mask:var(--tnr-ap) center/contain no-repeat;mask:var(--tnr-ap) center/contain no-repeat}
.entry-header .entry-categories{order:2;margin-top:12px}
.entry-header .entry-title{order:3}
.entry-header .customized-header{order:4}
.entry .entry-header .entry-title{margin:16px 0 20px;font-size:34px;font-weight:800;line-height:1.35;letter-spacing:-.02em}
html.tnr-scrolled #mobile-header{background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
@media (max-width:768px){nav.category-nav{background:rgba(255,255,255,.8);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px)}}
@keyframes tnr-cf{entry 0%{transform:scale(.86);opacity:.4}entry 100%{transform:none;opacity:1}exit 0%{transform:none;opacity:1}exit 100%{transform:scale(.86);opacity:.4}}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tnr-evs-l>li>a{animation:tnr-cf linear both;animation-timeline:view(inline)}}}
@media (max-width:640px){.entry .entry-header .entry-title{font-size:25px;line-height:1.4}.entry-header .entry-date{font-size:13.5px}}
@media (prefers-color-scheme:dark){.entry-header .entry-date{background:rgba(156,196,218,.16)}.entry-header .entry-date a{color:#9cc4da!important}.entry-header .entry-date:before{background:#9cc4da}html.tnr-scrolled #mobile-header{background:rgba(28,28,30,.92)!important}nav.category-nav{background:rgba(28,28,30,.82)!important}}
@media (hover:none){.page-entry::before{display:none}}
.hatena-module .tnr-osw-value{white-space:nowrap}
@media (max-width:768px){html{overflow-x:hidden}body{overflow-x:clip}}
#box2 :is(#refurb-watch,.tnr-osw,.hatena-module-search-box,.hatena-module-related-entries,.hatena-module-category,.hatena-module-archive,.hatena-module-html:has(>.hatena-module-title)){border:1px solid rgba(0,0,0,.06)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 30px -16px rgba(0,0,0,.18)!important}
#box2 :is(.hatena-module-search-box,.hatena-module-related-entries,.hatena-module-category,.hatena-module-archive,.hatena-module-html:has(>.hatena-module-title)){box-sizing:border-box;max-width:100%;padding:18px 18px 16px}
#box2 .hatena-module-category .hatena-urllist li{min-width:0;max-width:100%}
#box2 .tnr-profile-min{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#box2 .trb-card{border:0!important;background:#f5f5f7!important}
#box2 .tnr-osw-head{background:none!important}
#box2 :is(.hatena-module-title,.rw-title,.tnr-osw-title)::before{content:"";display:inline-block;flex:none;width:22px;height:22px;margin-right:9px;vertical-align:-5px;border-radius:6px;background:linear-gradient(180deg,#a1a1a6,#6e6e73);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)}
#box2 .rw-title::before{background:linear-gradient(180deg,#3d9bff,#0071e3)}
#box2 .tnr-osw-title::before{background:linear-gradient(180deg,#aeaeb2,#636366)}
#box2 .hatena-module-related-entries .hatena-module-title::before{background:linear-gradient(180deg,#c77dff,#8e44d6)}
#box2 .hatena-module-category .hatena-module-title::before{background:linear-gradient(180deg,#ffb340,#ff8a00)}
#box2 .hatena-module-archive .hatena-module-title::before{background:linear-gradient(180deg,#ff6b6b,#e0312f)}
#box2 .hatena-module-search-box .hatena-module-title::before{background:linear-gradient(180deg,#8e8e93,#48484a)}
#box2 .hatena-module-html:has(.tnr-profile-min) .hatena-module-title::before{background:linear-gradient(180deg,#5ac8fa,#0a84ff)}
#box2 .hatena-module-html:has(.trb-grid) .hatena-module-title::before{background:linear-gradient(180deg,#63da7a,#28a745)}
#box2 .hatena-module-html:has(.friend-site) .hatena-module-title::before{background:linear-gradient(180deg,#7d7aff,#5e5ce6)}
#box2 .hatena-module-html:has(a[href*="note.com"]) .hatena-module-title::before{background:linear-gradient(180deg,#48484a,#1d1d1f)}
@media (prefers-color-scheme:dark){#box2 :is(#refurb-watch,.tnr-osw,.hatena-module-search-box,.hatena-module-related-entries,.hatena-module-category,.hatena-module-archive,.hatena-module-html:has(>.hatena-module-title)){border-color:rgba(255,255,255,.08)!important;background:#1c1c1e!important;box-shadow:none!important}#box2 .trb-card{background:#2c2c2e!important}}
.page-archive .archive-entries .archive-entry:has(.categories a:first-child.category-iPhone){--tint:#30b04f}
.page-archive .archive-entries .archive-entry:has(.categories a:first-child.category-Mac){--tint:#0a84ff}
.page-archive .archive-entries .archive-entry:has(.categories a:first-child.category-iPad){--tint:#ff9500}
.page-archive .archive-entries .archive-entry:has(.categories a:first-child:is([class*="Apple-Watch"],[class*="Apple Watch"])){--tint:#ff375f}
.page-archive .archive-entries .archive-entry:has(.categories a:first-child.category-AirPods){--tint:#bf5af2}
.page-archive .archive-entries .archive-entry:has(.categories a:first-child.category-Vision){--tint:#5e5ce6}
.page-archive .archive-entries .archive-entry:has(.categories a:first-child:is([class*="Apple-TV"],[class*="Apple TV"])){--tint:#00a3c4}
.page-archive .archive-entries .archive-entry:has(.categories a:first-child.category-AirTag){--tint:#d9a400}
.page-archive .archive-entries .archive-entry:has(.categories a:first-child[class*="噂"]){--tint:#e03a3e}
@media (hover:hover){.page-archive .archive-entries .archive-entry:hover .entry-thumb-link{box-shadow:0 18px 36px -10px color-mix(in srgb,var(--tint,#000) 50%,transparent)}}
html[data-season=newyear]{--tnr-gl:linear-gradient(115deg,#a67c1a 0%,#e8c65a 34%,#fff4c2 46%,#e8c65a 56%,#a67c1a 100%);--tnr-gd:linear-gradient(115deg,#5c4410 0%,#8f6d1c 34%,#d4b14f 46%,#8f6d1c 56%,#5c4410 100%)}
html[data-season=sakura]{--tnr-gl:linear-gradient(115deg,#c96a84 0%,#f2a9bb 34%,#fde6ec 46%,#f2a9bb 56%,#c96a84 100%);--tnr-gd:linear-gradient(115deg,#6e2a3e 0%,#a64b66 34%,#e290a6 46%,#a64b66 56%,#6e2a3e 100%)}
html[data-season=autumn]{--tnr-gl:linear-gradient(115deg,#b0601a 0%,#e6a052 34%,#fbe1bf 46%,#e6a052 56%,#b0601a 100%);--tnr-gd:linear-gradient(115deg,#5e300c 0%,#945220 34%,#d18c4c 46%,#945220 56%,#5e300c 100%)}
html[data-season=winter]{--tnr-gl:linear-gradient(115deg,#8e8e93 0%,#d1d1d6 34%,#fff 46%,#d1d1d6 56%,#8e8e93 100%);--tnr-gd:linear-gradient(115deg,#3a3a3c 0%,#636366 34%,#aeaeb2 46%,#636366 56%,#3a3a3c 100%)}
@media (hover:hover) and (pointer:fine){section.tnr-evs .tnr-evs-l{cursor:grab}section.tnr-evs .tnr-evs-l.tnr-drag{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important;user-select:none}section.tnr-evs .tnr-evs-l.tnr-drag a{pointer-events:none}}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){section.tnr-evs .tnr-evs-h{position:relative;z-index:3}section.tnr-evs .tnr-evs-l{position:relative;padding-top:48px;margin-top:-48px}section.tnr-evs .tnr-evs-l>li{position:relative;transform-origin:50% 100%;transition:scale .18s ease-out,translate .18s ease-out;will-change:scale,translate}section.tnr-evs .tnr-evs-l>li:hover{z-index:1}}
html{overflow-x:clip}
section.tnr-evs{position:relative;isolation:isolate;padding-top:24px;padding-bottom:20px}
section.tnr-evs::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:#f5f5f7}
section.tnr-evs .tnr-evs-h{display:block;margin:0 0 16px;padding:0;color:#6e6e73;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
section.tnr-evs .tnr-evs-h a{display:inline;margin:0;padding:0;border:0;border-radius:0;background:none!important;color:#1d1d1f!important;font:inherit;letter-spacing:inherit}
section.tnr-evs .tnr-evs-h a::after,section.tnr-evs .tnr-evs-h::after{content:"。"}
#main-inner .pager a{padding:0!important;border-radius:0!important;background:none!important;color:#0066cc!important;font-size:17px!important;font-weight:400!important}
#main-inner .pager a:hover{text-decoration:underline}
.pager-next a::after{content:" ›"}
.pager-prev a::before{content:"‹ "}
.tnr-min-btn{border-radius:999px!important}
@media (max-width:768px){section.tnr-evs .tnr-evs-h{font-size:22px;margin-bottom:12px}}
@media (prefers-color-scheme:dark){section.tnr-evs::before{background:#161617}section.tnr-evs .tnr-evs-h{color:#86868b}section.tnr-evs .tnr-evs-h a{color:#f5f5f7!important}.entry-content :is(p,li,td,dd) a:not([class]):not(:is([style*="background:#fff"],[style*="background: #fff"],[id^="c2a-"]) a),#main-inner .pager a{color:#2997ff!important}}
@media (min-width:1139px){.page-index #container{width:min(1440px,calc(100% - 64px))!important;max-width:none!important}.page-index #container #content{margin-left:0!important;margin-right:0!important}}
@media (hover:hover) and (pointer:fine) and (min-width:769px){.tnr-evs-l{padding-top:40px!important;padding-bottom:40px!important;margin-top:-22px!important}}
@media (min-width:1139px){.page-index .tnr-evs{max-width:none;margin-left:0;margin-right:0;padding:0}}
@media (max-width:768px){html{overflow-x:hidden!important;overscroll-behavior-x:none}body{overflow-x:clip!important;overscroll-behavior-x:none}}
.page-archive .archive-heading{margin:28px 0 10px!important;padding:0!important;border:0!important;background:none!important;color:#1d1d1f;font-size:30px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-.022em}
.page-archive-category .archive-heading{font-size:40px!important}
.page-archive-category .archive-heading::after{content:"\306e\8a18\4e8b\3002";color:#6e6e73}
.page-archive .archive-entries-sort{display:inline-flex!important;align-items:center;gap:2px;margin:6px 0 26px!important;padding:3px!important;border-radius:999px;background:#e8e8ed;font-size:13px;line-height:1}
.page-archive .archive-entries-sort-separator{display:none!important}
.page-archive .archive-entries-sort>*{display:block;padding:8px 18px!important;border-radius:999px;color:#1d1d1f!important;text-decoration:none!important;font-weight:600}
.page-archive .archive-entries-sort-current{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.page-archive .pager{text-align:left!important;margin:10px 0 0!important}
.page-archive .pager a{display:inline!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#0066cc!important;font-size:17px!important;text-decoration:none}
.page-archive .pager-next a::after{content:" \203a"}
.page-archive .pager-prev a::before{content:"\2039  "}
@media (max-width:768px){.page-archive .archive-heading{margin-top:20px!important;font-size:22px!important}.page-archive-category .archive-heading{font-size:28px!important}.page-index .pager{padding:0 16px!important}}
@media (prefers-color-scheme:dark){.page-archive .archive-heading{color:#f5f5f7}.page-archive-category .archive-heading::after{color:#86868b}.page-archive .archive-entries-sort{background:#2c2c2e}.page-archive .archive-entries-sort>*{color:#f5f5f7!important}.page-archive .archive-entries-sort-current{background:#636366}.page-archive .pager a{color:#2997ff!important}}
.page-archive .archive-heading{word-break:auto-phrase;text-wrap:balance}
@media (max-width:768px){.breadcrumb{padding-left:max(3.125%,16px)!important;padding-right:max(3.125%,16px)!important;box-sizing:border-box}}
.entry-content{font-size: 17px;color: #1d1d1f}
.entry-content img{border-radius: 10px;overflow: hidden;display: block;max-width: 100%;height: auto}
.entry-content img.hatena-fotolife{margin-inline:auto}
.no-entry .entry-content{padding:32px 0 56px;text-align:center}
.no-entry .entry-content h1{margin:0;font-size:0}
.no-entry .entry-content h1::before{content:"404";display:block;width:fit-content;margin:0 auto;font-size:120px;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(90deg,#61bb46,#fdb827,#f5821f,#e03a3e,#963d97,#009ddc);-webkit-background-clip:text;background-clip:text;color:transparent}
.no-entry .entry-content h1::after{content:"ページが見つかりませんでした";display:block;margin-top:18px;font-size:24px;font-weight:800;color:#1d1d1f}
.no-entry .entry-content p{font-size:0}
.no-entry .entry-content p{margin-top:10px}
.no-entry .entry-content p::before{content:"URLが変わったか、記事が移動した可能性があります。上のメニューや検索からお探しください。";font-size:15px;line-height:1.8;color:#6e6e73}
@media (prefers-color-scheme:dark){.no-entry .entry-content h1::after{color:#f5f5f7}}
@media (prefers-color-scheme:dark){.no-entry .entry-content p::before{color:#a1a1a6}}
.entry-content :is(p,li,td,dd) a:not([class]){color:#0066cc;text-decoration:none}
@media (min-width:769px) and (max-width:1138px){.page-index #container{width:calc(100% - 64px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}.page-index #container #content{margin-left:0!important;margin-right:0!important}.page-index .tnr-evs{max-width:none;margin-left:0;margin-right:0;padding:0}}
@media (max-width:768px){.page-index #main-inner .tnr-tabs::after{display:block;text-align:right}.page-index #main-inner::after,.page-index #box2::after{text-align:right;justify-self:stretch}.page-index .tnr-band-h span{display:block;text-align:right}}
#refurb-watch #rw-filter[hidden]{display:block!important;visibility:hidden}#refurb-watch:not(:has(#rw-filter)) #rw-list{margin-top:50.4px!important}
.entry-header>.social-buttons{display:none!important}
.page-index #box2 #box2-inner>.hatena-module-html:has(.tnr-osw){max-width:none!important;width:auto!important}
.page-index #box2 .tnr-osw{padding:22px 24px 16px!important}
.page-index #box2 .tnr-osw-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 16px!important;padding:0!important}
.page-index #box2 .tnr-osw-title{width:auto!important;font-size:19px!important;font-weight:700}
.page-index #box2 .tnr-osw-sub{width:auto!important;color:#6e6e73;font-size:13px}
.page-index #box2 .tnr-osw-body{display:flex!important;flex-wrap:wrap;gap:12px;padding:0!important}
.page-index #box2 .tnr-osw-row:not([style*="none"]),.page-index #box2 .tnr-osw-details:not([open]){flex:1 1 0;min-width:0}
.page-index #box2 .tnr-osw-row:not([style*="none"]){display:flex!important;flex-direction:column;align-items:flex-start;margin:0!important;padding:20px 22px!important;border:0!important;border-radius:18px;background:#f5f5f7}
.page-index #box2 .tnr-osw-row .tnr-osw-label{display:flex!important;align-items:center;gap:8px;flex:none!important;width:auto!important;color:#6e6e73;font-size:13px!important;font-weight:600;line-height:20px!important}
.page-index #box2 .tnr-osw-row .tnr-osw-label::after{display:inline-block!important;margin:0!important;padding:0 8px!important;border-radius:999px;background:rgba(255,149,0,.14);color:#b25e00!important;font-size:11px!important;font-weight:700;line-height:20px!important}
.page-index #box2 .tnr-osw-row .tnr-osw-value{display:flex!important;flex:none!important;flex-direction:column;width:auto!important;margin-top:10px!important}
.page-index #box2 .tnr-osw-value>span:first-child{color:#1d1d1f!important;font-size:44px!important;font-weight:800!important;line-height:1.05!important;letter-spacing:-.025em;white-space:nowrap}
.page-index #box2 .tnr-osw-date{width:auto!important;margin-top:6px;color:#86868b;font-size:13px!important}
.page-index #box2 .tnr-osw-details{margin:0!important;padding:0!important;border:0!important;border-radius:18px;background:#f5f5f7}
.page-index #box2 .tnr-osw-details[open]{flex:1 1 100%;padding:0 22px 18px!important}
.page-index #box2 .tnr-osw-details>summary{display:flex!important;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left!important;height:100%;box-sizing:border-box;margin:0!important;padding:20px 22px!important;border:0!important;background:none!important;list-style:none;font-size:0!important;cursor:pointer}
.page-index #box2 .tnr-osw-details>summary::-webkit-details-marker{display:none}
.page-index #box2 .tnr-osw-details>summary::before{content:"旧OS・OS別の差分";color:#6e6e73;font-size:13px;font-weight:600;line-height:20px}
.page-index #box2 .tnr-osw-details>summary::after{content:"一覧を見る ›";margin-top:10px;color:#0066cc;font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.01em}
.page-index #box2 .tnr-osw-details[open]>summary{height:auto;padding:18px 0 12px!important}.page-index #box2 .tnr-osw-details[open] .tnr-osw-ex{columns:3 220px;column-gap:28px;margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important}.page-index #box2 .tnr-osw-details[open] .tnr-osw-ex-item,.page-index #box2 .tnr-osw-details[open] .tnr-osw-ex-group{break-inside:avoid}.page-index #box2 .tnr-osw-details[open] .tnr-osw-ex-title{margin:6px 0 6px!important;color:#1d1d1f;font-size:13px;font-weight:700}
.page-index #box2 .tnr-osw-details[open]>summary::after{content:"閉じる";font-size:15px}
.page-index #box2 .tnr-osw-foot{flex:1 1 100%;margin:4px 0 0!important;padding:0!important;border:0!important;color:#86868b;font-size:12px;text-align:right}
@media (max-width:768px){.page-index #box2 .tnr-osw{padding:18px 16px 14px!important}.page-index #box2 .tnr-osw-body{gap:10px}.page-index #box2 .tnr-osw-row:not([style*="none"]){padding:14px!important;border-radius:16px}.page-index #box2 .tnr-osw-value>span:first-child{font-size:26px!important}.page-index #box2 .tnr-osw-row .tnr-osw-label{flex-wrap:wrap;align-content:flex-start;gap:2px 6px;min-height:42px;font-size:12px!important}.page-index #box2 .tnr-osw-details:not([open]){flex:1 1 100%}.page-index #box2 .tnr-osw-details>summary{flex-direction:row;justify-content:space-between;align-items:center;padding:14px 16px!important}.page-index #box2 .tnr-osw-details>summary::after{margin:0;font-size:15px}}
@media (prefers-color-scheme:dark){.page-index #box2 .tnr-osw-details[open] .tnr-osw-ex-title{color:#f5f5f7}.page-index #box2 .tnr-osw-row:not([style*="none"]),.page-index #box2 .tnr-osw-details{background:#2c2c2e}.page-index #box2 .tnr-osw-value>span:first-child{color:#f5f5f7!important}.page-index #box2 .tnr-osw-sub,.page-index #box2 .tnr-osw-row .tnr-osw-label,.page-index #box2 .tnr-osw-details>summary::before{color:#a1a1a6}.page-index #box2 .tnr-osw-details>summary::after{color:#2997ff}.page-index #box2 .tnr-osw-row .tnr-osw-label::after{color:#ffb340!important}}
nav.category-nav>a.tnr-nav-about{display:flex;align-items:center;box-sizing:border-box;height:37px;padding:8px 16px;color:#1d1d1f!important;font-size:14px;font-weight:500;text-decoration:none!important}
.mh-nav>a.tnr-mh-about{display:flex;align-items:center;padding:6px 12px;border-radius:999px;color:#1d1d1f!important;font-size:13px;font-weight:500;text-decoration:none!important}
@media (hover:hover){nav.category-nav>a.tnr-nav-about:hover,.mh-nav>a.tnr-mh-about:hover{color:#0066cc!important}}
@media (max-width:768px){#mobile-header .mh-nav,#mobile-header .mh-sub{display:none!important}}
@media (max-width:768px){html body nav.category-nav>details:not([open])>summary,html body nav.category-nav>a.tnr-nav-about{box-sizing:border-box!important;display:flex!important;align-items:center!important;height:62px!important;padding:0!important;font-size:28px!important;font-weight:700!important;letter-spacing:-.01em!important}}
@media (max-width:768px){nav.category-nav>a.tnr-nav-about::after{content:"";flex:none;width:10px;height:10px;margin-left:auto;box-sizing:border-box;border-top:2px solid #86868b;border-right:2px solid #86868b;transform:rotate(45deg)}}
@media (prefers-color-scheme:dark){nav.category-nav>a.tnr-nav-about,.mh-nav>a.tnr-mh-about{color:#f5f5f7!important}}
@media (max-width:768px){html body.page-index #box2 #box2-inner{display:block!important;overflow:visible!important;box-sizing:border-box!important;width:100%!important}html body.page-index #box2 #box2-inner>.hatena-module-html:has(.tnr-osw){max-width:none!important;width:auto!important;margin:0!important}}
@media (min-width:769px){html body nav.category-nav:not(:has(>a.tnr-nav-about)){visibility:hidden!important}}
html body.page-index #box2 .tnr-osw-details[open] .tnr-osw-ex-title{padding-left:0!important;padding-right:0!important}
@media (prefers-color-scheme:light),(prefers-color-scheme:no-preference){html body .tnr-osw .tnr-osw-date,html body .tnr-osw .tnr-osw-foot,html body .tnr-osw #os-updated{color:#6e6e73!important}html body .tnr-osw a,html body .hatena-module-html a[href^="https://note.com/tonarism"]{color:#0066cc!important}}
html body .tnr-evs-d{gap:0;height:24px;margin-top:4px}
html body .tnr-evs-d button:not(.tnr-evs-pz){position:relative;width:24px;height:24px;background:none!important}
html body .tnr-evs-d button:not(.tnr-evs-pz)::before{content:"";position:absolute;left:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#d2d2d7}
html body .tnr-evs-d button[aria-current=true]:not(.tnr-evs-pz)::before{background:#3f3f3f}
@media (prefers-color-scheme:dark){html body .tnr-evs-d button:not(.tnr-evs-pz)::before{background:#48484a}html body .tnr-evs-d button[aria-current=true]:not(.tnr-evs-pz)::before{background:#f2f2f4}}
html body.page-index #main-inner #tnr-latest>.archive-entry:has(.archive-date time[datetime]) .entry-thumb-link::after{background:#f56300!important;color:#fff!important;font-weight:800!important;letter-spacing:.1em!important;box-shadow:0 2px 10px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.35) inset!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
html body .tnr-osw-new,html body .rw-new{display:inline-block!important;margin:0 0 0 6px!important;padding:0 8px!important;border-radius:999px!important;background:#f56300!important;color:#fff!important;font-size:11px!important;font-weight:800!important;line-height:16px!important;letter-spacing:.1em!important;vertical-align:middle!important;box-shadow:0 1px 4px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.35) inset!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
html body .rw-new{margin:0 6px 0 0!important}
html body.page-index .tnr-pband .rw-item{position:relative}
html body.page-index .tnr-pband .rw-new{position:absolute!important;z-index:1;top:14px;left:14px;margin:0!important;padding:0 12px!important;font-size:12px!important;line-height:26px!important;box-shadow:0 2px 10px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.35) inset!important}
.page-index #refurb-watch #rw-list[aria-busy="true"]{min-height:439.6px}
@media (max-width:768px){.page-index #refurb-watch #rw-list[aria-busy="true"]{min-height:calc((100vw - 32px)*.4725 + 143.4px)}}
@media (max-height:520px) and (orientation:landscape){.page-index #refurb-watch #rw-list[aria-busy="true"]{min-height:309.6px}}
html body.page-index .tnr-pband #refurb-watch{content-visibility:visible!important}
.page-index #refurb-watch #rw-list[aria-busy="true"]{max-height:439.6px;overflow:hidden}
@media (max-width:768px){.page-index #refurb-watch #rw-list[aria-busy="true"]{max-height:calc((100vw - 32px)*.4725 + 143.4px)}}
@media (max-height:520px) and (orientation:landscape){.page-index #refurb-watch #rw-list[aria-busy="true"]{max-height:309.6px}}
html body.page-index #box2 .tnr-osw:has(#os-auto[style*="none"]) #os-next-beta-row{display:none!important}
html.tnr-scrolling body{pointer-events:none}
@keyframes tnr-show{to{visibility:visible}}
html body.page-index #box2:not(:has(.tnr-sr)){visibility:hidden;animation:tnr-show 0s 4s forwards}
html body.page-index #main-inner:not(:has(>.tnr-tabs))>.archive-entries:first-child,html body.page-index #main-inner:not(:has(>.tnr-tabs))>#tnr-latest{margin-top:82px!important}
@media (max-width:768px){html body.page-index #main-inner:not(:has(>.tnr-tabs))>.archive-entries:first-child,html body.page-index #main-inner:not(:has(>.tnr-tabs))>#tnr-latest{margin-top:99px!important}}
html body .entry-footer{display:flex!important;flex-direction:column}
html body .entry-footer>*{order:2}
html body .entry-footer>.entry-footer-modules:not(.customized-footer *),html body .entry-footer>.entry-tags-wrapper,html body .entry-footer>.entry-footer-section{order:0}
html body .entry-footer>.comment-box{order:1;content-visibility:visible!important;contain-intrinsic-size:none!important}
html body .comment-box .leave-comment-title{display:inline-flex!important;align-items:center;min-height:44px;box-sizing:border-box;padding:0 22px!important;border:1px solid #d2d2d7!important;border-radius:980px!important;background:#fff!important;color:#0066cc!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important}
@media (hover:hover){html body .comment-box .leave-comment-title:hover{background:#f5f5f7!important}}
@media (prefers-color-scheme:dark){html body .comment-box .leave-comment-title{border-color:#424245!important;background:#1c1c1e!important;color:#2997ff!important}}
html body .hatena-module-html a.friend-site-link>img{margin-left:auto!important;margin-right:auto!important}
html body.page-index .tnr-pband #refurb-watch{position:static!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (max-width:768px){html body #mobile-header{transition:transform .25s ease,background-color .2s}html.tnr-hdr-hide:not(.tnr-nav-open) body #mobile-header{transform:translateY(calc(-100% - 2px))}}
@media (max-width:768px) and (prefers-reduced-motion:reduce){html body #mobile-header{transition:none}}
html body.page-index #tnr-latest>.tnr-ad-card{box-sizing:border-box;background:#fff}
html body.page-index #tnr-latest>.tnr-ad-card:has(ins[data-ad-status="unfilled"]){display:none!important}
@media (prefers-color-scheme:dark){html body.page-index #tnr-latest>.tnr-ad-card{background:transparent}}
@media (max-width:768px){html body.page-index #main-inner #tnr-latest:has(>.tnr-ad-card){min-height:calc((100vw - 32px)*.84/1.91 + 73px)}}
html body.page-index .tnr-pband #rw-list>.tnr-ad-card,html body.page-index .tnr-pband .trb-grid>.tnr-ad-card{flex:0 0 400px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;list-style:none!important;align-self:flex-start;scroll-snap-align:start}
@media (max-width:768px){html body.page-index .tnr-pband #rw-list>.tnr-ad-card,html body.page-index .tnr-pband .trb-grid>.tnr-ad-card{flex:0 0 84%!important}}
html body.page-index #tnr-latest>.tnr-ad-card{display:flex!important;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:300px;border-radius:12px;background:#f5f5f7!important}
html body.page-index .tnr-ad-card>ins.adsbygoogle{width:100%}
@media (max-width:768px){html body.page-index #tnr-latest>.tnr-ad-card{min-height:calc((100vw - 32px)*.84*.575)}}
@media (prefers-color-scheme:dark){html body.page-index #tnr-latest>.tnr-ad-card{background:#1c1c1e!important}}
html body.page-index .tnr-mx-band{margin:56px 0 0}
html body.page-index .tnr-mx-band:has(ins[data-ad-status="unfilled"]){display:none!important}
@media (max-width:768px){html body.page-index .tnr-mx-band{margin-left:16px;margin-right:16px}}
html body.page-index .tnr-pband #rw-list>.tnr-ad-card,html body.page-index .tnr-pband .trb-grid>.tnr-ad-card{box-sizing:border-box;padding:8px!important;border:1px solid rgba(0,0,0,.06);border-radius:12px;background:#fff!important}
@media (prefers-color-scheme:dark){html body.page-index .tnr-pband #rw-list>.tnr-ad-card,html body.page-index .tnr-pband .trb-grid>.tnr-ad-card{border:1px solid rgba(255,255,255,.08);background:#fff!important}}
html body.page-index .tnr-pband #rw-list>.tnr-ad-card:not(:has(ins[data-ad-status="filled"])),html body.page-index .tnr-pband .trb-grid>.tnr-ad-card:not(:has(ins[data-ad-status="filled"])){border-color:transparent!important;background:transparent!important}
html body.page-index .tnr-hz-band{box-sizing:border-box;margin:56px 0 0;padding:24px;border:1px solid rgba(0,0,0,.06);border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 30px -16px rgba(0,0,0,.18);text-align:center;line-height:0}
html body.page-index .tnr-hz-band ins.adsbygoogle{display:inline-block!important;width:970px;height:250px}
@media (max-width:1099px){html body.page-index .tnr-hz-band ins.adsbygoogle{width:728px;height:90px}}
@media (max-width:768px){html body.page-index .tnr-hz-band{margin:48px 16px 0;padding:16px}html body.page-index .tnr-hz-band ins.adsbygoogle{width:100%;height:100px}}
@media (prefers-color-scheme:dark){html body.page-index .tnr-hz-band{border-color:rgba(255,255,255,.08);background:#1c1c1e;box-shadow:none}}
html body.page-index .tnr-hz-band:has(ins[data-ad-status="unfilled"]){display:none!important}
html body .tnr-evs .tnr-evs-f{border-radius:12px!important;overflow:hidden}
@media (prefers-color-scheme:dark){html body .entry-content .tsumari-highlight strong{background:linear-gradient(transparent 60%,rgba(255,214,10,.62) 60%)!important}}
@media (min-width:769px){html body.page-index #main-inner #tnr-rank>.archive-entry .entry-title{font-size:18px!important;line-height:1.4!important}}
@media (min-width:769px){html body.page-index #main-inner #tnr-latest>.archive-entry .entry-title,html body.page-index .tnr-nband .tnr-nlist>.archive-entry .entry-title{font-size:18px;line-height:1.4}}
@media (max-width:768px) and (min-height:521px){html body.page-index #main-inner #tnr-rank>.archive-entry .entry-title{font-size:16px!important}html body.page-index #main-inner #tnr-latest>.archive-entry .entry-title,html body.page-index .tnr-nband .tnr-nlist>.archive-entry .entry-title{font-size:16px}}
@media (min-width:769px){
html body.page-index .tnr-pband .rw-item>img{height:204px!important}
html body.page-index .tnr-pband .trb-card{display:flex!important;flex-direction:column!important;height:338px!important;overflow:hidden}
html body.page-index .tnr-pband .trb-media{flex:1 1 auto!important;height:auto!important;min-height:0!important}
html body.page-index .tnr-pband .trb-title{min-height:49px}
}
html body.page-index .tnr-pband .trb-comment{-webkit-line-clamp:2!important;line-clamp:2}
@media (max-width:768px){
html body.page-index .tnr-pband .rw-item,html body.page-index .tnr-pband .trb-card{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:12px!important;height:215px!important;overflow:hidden}
html body.page-index .tnr-pband .rw-item>img,html body.page-index .tnr-pband .trb-media{flex:0 0 118px!important;width:118px!important;height:auto!important;padding:10px!important;object-fit:contain}
html body.page-index .tnr-pband .rw-item>div,html body.page-index .tnr-pband .trb-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}
html body.page-index .tnr-pband .rw-name{-webkit-line-clamp:2!important;line-clamp:2}
}
html body.page-index .tnr-pband{display:flex!important;flex-direction:column!important}
html body.page-index .tnr-pband>.tnr-prnote{order:3!important;margin:12px 0 0!important}
html body.page-index .tnr-pband #refurb-watch{display:flex!important;flex-wrap:wrap!important;align-items:center!important;column-gap:12px}
html body.page-index .tnr-pband #refurb-watch>*{order:5}
html body.page-index .tnr-pband #refurb-watch>.rw-head{order:0;margin:0 0 12px!important}
html body.page-index .tnr-pband #refurb-watch>#rw-filter{order:1;margin:0 0 12px!important}
html body.page-index .tnr-pband #refurb-watch>#rw-list{order:2;flex:0 0 100%;max-width:100%}
html body.page-index .tnr-pband #refurb-watch>.rw-note{order:3;flex:0 0 100%;margin:12px 0 0!important;padding:0!important;border:0!important}
.page-index #refurb-watch #rw-list[aria-busy="true"]{min-height:344px;max-height:344px}
@media (max-width:768px){.page-index #refurb-watch #rw-list[aria-busy="true"]{min-height:221px;max-height:221px}}
html body.page-index #tnr-latest>.tnr-ad-card,html body.page-index .tnr-pband #rw-list>.tnr-ad-card,html body.page-index .tnr-pband .trb-grid>.tnr-ad-card{display:block!important;box-sizing:border-box;height:338px!important;min-height:0!important;align-self:flex-start;text-align:center;line-height:0}
html body.page-index #tnr-latest>.tnr-ad-card{padding:0!important}
html body.page-index .tnr-ad-card>ins.adsbygoogle{display:inline-block!important;width:100%!important;height:100%!important}
@media (max-width:768px){html body.page-index #tnr-latest>.tnr-ad-card,html body.page-index .tnr-pband #rw-list>.tnr-ad-card,html body.page-index .tnr-pband .trb-grid>.tnr-ad-card{height:215px!important}html body.page-index #main-inner #tnr-latest:has(>.tnr-ad-card){min-height:0}}
html body.page-index #tnr-latest>.tnr-ad-card:has(ins[data-ad-status="unfilled"]),html body.page-index .tnr-pband #rw-list>.tnr-ad-card:has(ins[data-ad-status="unfilled"]),html body.page-index .tnr-pband .trb-grid>.tnr-ad-card:has(ins[data-ad-status="unfilled"]){display:none!important}
html body.page-index .tnr-pband{position:relative}
html body.page-index .tnr-pband .hatena-module,html body.page-index .tnr-pband .hatena-module-body{position:static!important}
html body.page-index .tnr-pband #refurb-watch>.rw-head{position:absolute!important;right:0;margin:0!important;z-index:2}
html body.page-index .tnr-pband #refurb-watch>#rw-filter{position:absolute!important;right:95px;margin:0!important;z-index:2}
@media (max-width:768px){html body.page-index .tnr-pband #refurb-watch>.rw-head{right:16px}html body.page-index .tnr-pband #refurb-watch>#rw-filter{right:111px}html body.page-index .tnr-pband .rw-item{flex:0 0 calc((100vw - 32px)*.84)!important}html body.page-index .tnr-pband .rw-item>img{height:100%!important}}
@media (max-width:768px){
html body.page-index .tnr-pband #refurb-watch .rw-item:has(img){align-items:stretch!important}html body.page-index .tnr-pband #refurb-watch .rw-item>img{align-self:stretch!important;height:auto!important}}
@media (max-width:768px){html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item{flex-direction:row!important;align-items:stretch!important}}
html body.page-index .tnr-pband #refurb-watch>:is(.rw-head,#rw-filter){top:48px!important}
html body.page-index .tnr-pband #refurb-watch .rw-pill{display:inline-flex;align-items:center;box-sizing:border-box;height:30px;padding:0 12px}
@media (max-width:768px){html body.page-index .tnr-pband #refurb-watch>:is(.rw-head,#rw-filter){top:43px!important}}
@media (max-width:768px){html body.page-index .tnr-pband #rw-list>.tnr-ad-card,html body.page-index .tnr-pband .trb-grid>.tnr-ad-card{flex:0 0 calc((100vw - 32px)*.84)!important}}
html body.page-index .tnr-pband .trb-card{position:relative}
html body.page-index .tnr-pband .tnr-memo-more,html body.page-index .tnr-pband .tnr-memo-full{display:none}
@media all{
html body.page-index .tnr-pband .tnr-memo-more{display:inline-block;margin:4px 0 0;padding:4px 0;color:#0066cc;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer}
html body.page-index .tnr-pband .tnr-memo-full{position:absolute;inset:0;z-index:3;box-sizing:border-box;padding:16px 16px 14px;overflow-y:auto;border-radius:inherit;background:rgba(255,255,255,.97);color:#1d1d1f;font-size:14px;line-height:1.65;text-align:left;cursor:default}
html body.page-index .tnr-pband .trb-card.tnr-memo-open .tnr-memo-full{display:block}
html body.page-index .tnr-pband .tnr-memo-full .tnr-memo-close{float:right;margin:-6px -6px 4px 8px;width:32px;height:32px;border:0;border-radius:50%;background:#e8e8ed;color:#1d1d1f;font-size:16px;line-height:32px;text-align:center;cursor:pointer}
}
@media (prefers-color-scheme:dark){html body.page-index .tnr-pband .tnr-memo-full{background:rgba(28,28,30,.97);color:#f5f5f7}html body.page-index .tnr-pband .tnr-memo-full .tnr-memo-close{background:#3a3a3c;color:#f5f5f7}html body.page-index .tnr-pband .tnr-memo-more{color:#2997ff}}
@media all{html body.page-index .tnr-pband .tnr-memo-full{background:#fff}}
@media (prefers-color-scheme:dark){html body.page-index .tnr-pband .tnr-memo-full{background:#1c1c1e}}
html body.page-index .tnr-pband #refurb-watch .rw-note,html body.page-index .tnr-pband #refurb-watch .rw-note strong{color:#6e6e73!important;font-size:12.5px!important;font-weight:400!important;line-height:1.5!important}
html body.page-index .tnr-pband #refurb-watch select.rw-filter{-webkit-appearance:none;appearance:none;box-sizing:border-box;height:30px;padding:0 30px 0 14px!important;border:0!important;border-radius:999px!important;background:#f5f5f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%236e6e73' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center!important;color:#1d1d1f!important;font-size:13px!important;font-weight:500;cursor:pointer}
.category-nav summary:focus-visible,.hatena-module-search-box .search-form:focus-within,html body.page-index .tnr-pband #refurb-watch select.rw-filter:focus-visible{outline:2px solid #0066cc;outline-offset:2px}
@media (prefers-color-scheme:dark){.category-nav summary:focus-visible,.hatena-module-search-box .search-form:focus-within,html body.page-index .tnr-pband #refurb-watch select.rw-filter:focus-visible{outline-color:#2997ff}}
@media (prefers-color-scheme:dark){html body.page-index .tnr-pband #refurb-watch .rw-note,html body.page-index .tnr-pband #refurb-watch .rw-note strong{color:#a1a1a6!important}html body.page-index .tnr-pband #refurb-watch select.rw-filter{background-color:#2c2c2e!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23a1a1a6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;color:#f5f5f7!important}}
@media (max-width:768px){html body.page-index .tnr-pband #refurb-watch .rw-meta{flex-wrap:wrap!important;row-gap:2px}html body.page-index .tnr-pband #refurb-watch>.rw-note{padding:0 16px!important}}
@media (prefers-color-scheme:dark){html body.page-index .tnr-pband #refurb-watch .rw-spec{color:#a1a1a6!important}}
@media (max-width:768px){html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item>div{flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important}}
html body.page-index .tnr-pband #refurb-watch>.rw-note{box-sizing:border-box!important}
@media (min-width:769px){html body.page-index .tnr-pband .trb-card{box-sizing:border-box!important;padding-bottom:4px!important}html body.page-index .tnr-pband .rw-item>img{height:200px!important}html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item{box-sizing:border-box;padding-bottom:4px!important}}
@media (max-width:768px){html body.page-index .tnr-pband #refurb-watch .rw-meta{flex-direction:column!important;align-items:flex-start!important;row-gap:2px}}
@media (max-width:768px){html body.page-index .tnr-pband #refurb-watch .rw-meta .rw-price{margin-left:0!important}}
html body.page-index .tnr-pband .trb-card{overflow:visible!important}
@media (max-width:768px){
html body.page-index .tnr-pband .rw-item,html body.page-index .tnr-pband .trb-card,html body.page-index #tnr-latest>.tnr-ad-card,html body.page-index .tnr-pband #rw-list>.tnr-ad-card,html body.page-index .tnr-pband .trb-grid>.tnr-ad-card{height:calc((100vw - 32px)*.84*.5625 + 46px)!important}
html body.page-index .tnr-pband .rw-item>img,html body.page-index .tnr-pband .trb-media{flex:0 0 40%!important;width:40%!important}
}
@media (max-height:520px) and (orientation:landscape) and (min-width:769px){
html body.page-index .tnr-pband .trb-card,html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item{display:flex!important;flex:0 0 300px!important;flex-direction:row!important;align-items:stretch!important;gap:12px!important;width:auto!important;height:208px!important;padding-bottom:0!important}
html body.page-index .tnr-pband .rw-item>img,html body.page-index .tnr-pband .trb-media{flex:0 0 40%!important;width:40%!important;height:auto!important;padding:10px!important;object-fit:contain}
html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item>div,html body.page-index .tnr-pband .trb-body{flex:1 1 0!important;min-width:0!important;width:auto!important;display:flex;flex-direction:column;justify-content:center}
html body.page-index .tnr-pband .rw-name{-webkit-line-clamp:2!important;line-clamp:2}
html body.page-index .tnr-pband #refurb-watch .rw-meta{flex-direction:column!important;align-items:flex-start!important;row-gap:2px}
html body.page-index .tnr-pband #refurb-watch .rw-meta .rw-price{margin-left:0!important}
html body.page-index .tnr-pband .trb-title{min-height:0}
html body.page-index #tnr-latest>.tnr-ad-card,html body.page-index .tnr-pband #rw-list>.tnr-ad-card,html body.page-index .tnr-pband .trb-grid>.tnr-ad-card{flex:0 0 300px!important;height:208px!important}
}
@media (min-width:769px) and (max-width:1099px){html body.page-index .tnr-pband #refurb-watch>:is(.rw-head,#rw-filter){top:7px!important}}
@media (prefers-color-scheme:dark){html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item>img,html body.page-index .tnr-pband .trb-media{filter:brightness(.9)}
html body.page-index .tnr-pband #rw-list>.tnr-ad-card:has(ins[data-ad-status="filled"]),html body.page-index .tnr-pband .trb-grid>.tnr-ad-card:has(ins[data-ad-status="filled"]){background:#e6e6e6!important}}
@media (prefers-color-scheme:dark){
html body p[style*="#424245"]{color:#a1a1a6!important}
html body a[href*="note.com"]:is([style*="color:#222"],[style*="color: #222"]){color:#222!important}
html body a[href*="note.com"]:is([style*="color:#fff"],[style*="color: #fff"]){color:#fff!important}
html body #c2a-points a{color:#0066cc!important}
html body .related-entries .related-entries-date-link time{color:#8e8e93!important}
html body .related-entries .related-entries-entry-body,html body .tnr-profile-min .auth-sub,html body .auth-sub,html body #rw-pager span,html body .trb-comment{color:#a1a1a6!important}
html body .tnr-profile-min .tnr-min-bio strong{color:#2997ff!important}
html body .entry-tags .entry-tag-label{color:#409cff!important}
html body #refurb-watch .rw-pill{background:#0071e3!important}
html body #refurb-watch .rw-note strong,html body #refurb-watch .rw-note{color:#ff453a!important}
html body.page-index .tnr-pband #refurb-watch .rw-note,html body.page-index .tnr-pband #refurb-watch .rw-note strong{color:#a1a1a6!important}
html body .tnr-osw-date{color:#a1a1a6!important}
html body [id$="beta-date"].tnr-osw-date,html body [id$="beta-date"] .tnr-osw-date{color:#c4ae84!important}
}
a,a:visited{color:#0066cc}
a:hover{color:#0066cc}
@media not (prefers-color-scheme:dark){html body .user-name-nickname,html body time.updated,html body .entry-header .date a{color:#6e6e73!important}}
@media (prefers-color-scheme:dark){html body .tonari-deals a{color:#409cff!important}}
html body a[href*="note.com"][style*="#41c9b4"]{background:#17806f!important}
html body p[style*="#41c9b4"]{color:#17806f!important}
html body .c2a-btn{background:#0071e3!important}
html body .c2a-foot,html body .c2a-pts-pr{color:#6e6e73!important}
html body .c2a-pts-bonus{color:#0066cc!important}
@media (min-width:769px){html body.page-index .tnr-pband .tnr-memo-full.tnr-memo-short{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid rgba(0,0,0,.08)}
html body.page-index .tnr-pband .tnr-memo-full.tnr-memo-short{top:1px;left:1px;right:1px;border-top-left-radius:15px;border-top-right-radius:15px}}
@media (min-width:769px) and (prefers-color-scheme:dark){html body.page-index .tnr-pband .tnr-memo-full.tnr-memo-short{border-bottom-color:rgba(255,255,255,.12)}}
html body.page-index .tnr-pband .trb-card .tnr-memo-more{position:relative;z-index:1;display:block!important;width:fit-content;box-sizing:content-box;height:18.85px;margin:-23.85px 0 0 auto!important;padding:5px 0 0 1.6em!important;font-size:13px!important;line-height:18.85px!important;font-weight:600;color:#0066cc;background:linear-gradient(to right,rgba(255,255,255,0),#fff 1.2em) left bottom/100% 18.85px no-repeat;cursor:pointer}
@media (prefers-color-scheme:dark){html body.page-index .tnr-pband .trb-card .tnr-memo-more{color:#2997ff;background-image:linear-gradient(to right,rgba(0,0,0,0),#000 1.2em)}}
@media (max-width:768px){html body.page-index .tnr-pband .tnr-memo-full{inset:-1px}}
@media (min-width:769px) and (max-height:520px) and (orientation:landscape){
html body.page-index .tnr-pband .trb-card{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:14px!important;padding-bottom:0!important}
html body.page-index .tnr-pband .trb-media{flex:0 0 40%!important;width:40%!important;height:auto!important;padding:16px!important}
html body.page-index .tnr-pband .trb-body{flex:1 1 0!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:18px 14px 16px 0!important}
html body.page-index .tnr-pband .trb-comment{-webkit-line-clamp:10!important;line-clamp:10}
html body.page-index .tnr-pband .trb-body>.trb-cta,html body.page-index .tnr-pband .trb-body>:last-child{margin-top:auto!important}
html body.page-index .tnr-pband .trb-title{min-height:0!important}
}
@media (max-width:768px),(min-width:769px) and (max-height:520px) and (orientation:landscape){html body.page-index .tnr-pband .trb-card{box-sizing:border-box!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;background:#fff!important}
html body.page-index .tnr-pband .trb-media{border:0!important;border-radius:11px 0 0 11px!important;border-right:1px solid rgba(0,0,0,.06)!important}
}
@media (prefers-color-scheme:dark) and (max-width:768px),(prefers-color-scheme:dark) and (min-width:769px) and (max-height:520px) and (orientation:landscape){html body.page-index .tnr-pband .trb-card{border-color:rgba(255,255,255,.1)!important;background:#1c1c1e!important}html body.page-index .tnr-pband .trb-media{border-right-color:transparent!important}
html body.page-index .tnr-pband .trb-card+.tnr-memo-more,html body.page-index .tnr-pband .trb-card .tnr-memo-more{background-image:linear-gradient(to right,rgba(28,28,30,0),#1c1c1e 1.2em)!important}}
@media (max-width:768px),(min-width:769px) and (max-height:520px) and (orientation:landscape){
html body.page-index .tnr-pband .trb-card{position:relative}
html body.page-index .tnr-pband .trb-body{justify-content:flex-start!important;padding-top:14px!important;padding-bottom:12px!important}
html body.page-index .tnr-pband .trb-card:not(.tnr-memo-cut) .tnr-memo-more{display:none!important}
}
@media (min-width:769px) and (max-height:520px) and (orientation:landscape){html body.page-index .tnr-pband .trb-body{padding-top:18px!important;padding-bottom:16px!important}
html body.page-index .tnr-pband .tnr-memo-full.tnr-memo-short{top:1px!important;right:1px!important;bottom:1px!important;left:40%!important;border-radius:0 11px 11px 0!important;border-bottom:0!important}}
html body.page-index .tnr-pband .trb-card:not(.tnr-memo-cut) .tnr-memo-more{display:none!important}
html body.page-index .tnr-pband .trb-card,html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item{box-sizing:border-box!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;background:#fff!important}
html body.page-index .tnr-pband .trb-media,html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item>img{border:0!important}
@media (prefers-color-scheme:dark){html body.page-index .tnr-pband .trb-card,html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item{border-color:rgba(255,255,255,.1)!important;background:#1c1c1e!important}
html body.page-index .tnr-pband .trb-card .tnr-memo-more{background-image:linear-gradient(to right,rgba(28,28,30,0),#1c1c1e 1.2em)!important}}
@media (min-width:769px) and (min-height:521px){
html body.page-index .tnr-pband .trb-media,html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item>img{border-radius:11px 11px 0 0!important;border-bottom:1px solid rgba(0,0,0,.06)!important}
html body.page-index .tnr-pband .trb-body,html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item>div{padding-left:14px!important;padding-right:14px!important}
html body.page-index .tnr-pband .trb-card,html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item{padding-bottom:12px!important}}
@media (max-width:768px),(min-width:769px) and (max-height:520px){
html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item>img{border-radius:11px 0 0 11px!important;border-right:1px solid rgba(0,0,0,.06)!important}
html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item>div{padding-right:12px!important}}
@media (prefers-color-scheme:dark){html body.page-index .tnr-pband .trb-media,html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item>img{border-bottom-color:transparent!important;border-right-color:transparent!important}}
@media (min-width:769px) and (min-height:521px){html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item{height:338px!important}html body.page-index .tnr-pband #refurb-watch #rw-list>.rw-item>img{height:190px!important}}
@media (max-width:768px),(min-width:769px) and (max-height:520px) and (orientation:landscape){html body.page-index .tnr-pband .trb-card .trb-cta{margin-top:8px!important}}
@media (prefers-reduced-motion:no-preference){.page-index #blog-title #title a::before{animation:tnr-gx10 10s .4s infinite both,tnr-gy10 10s .4s infinite both,tnr-gsheen10 10s linear .4s infinite both}}
@keyframes tnr-gx10{0%{translate:-1.4em 0;animation-timing-function:cubic-bezier(.45,.05,.55,.95)}55%,100%{translate:5.5em 0}}
@keyframes tnr-gy10{0%,27.5%{transform:translateY(-.1em) rotate(-7deg);animation-timing-function:ease-in-out}13.75%,41.25%{transform:translateY(.1em) rotate(7deg);animation-timing-function:ease-in-out}55%,100%{transform:translateY(-.1em) rotate(-7deg)}}
@keyframes tnr-gsheen10{0%{background-position:100% 0}55%,100%{background-position:0 0}}
@media (max-width:768px){html body.page-index .tnr-pband:has(#refurb-watch) .tnr-band-h span{font-size:min(22px,calc((100vw - 32px)/16.4));line-height:27.5px}
html body.page-index .tnr-pband:has(.trb-grid) .trb-media{flex-basis:30%!important;width:30%!important;padding:10px!important}
html body.page-index .tnr-pband:has(.trb-grid) .trb-comment{font-size:12px!important}}
@media (max-width:380px){html body.page-index .tnr-pband #refurb-watch select.rw-filter{font-size:12px!important;padding:0 21px 0 10px!important;background-position:right 8px center!important}
html body.page-index .tnr-pband #refurb-watch>#rw-filter{right:105px!important}}
@media (max-width:768px) and (min-height:521px){
html body.page-index #main-inner .tnr-tabs{font-size:min(22px,calc((100vw - 32px)/14.9));line-height:27.5px}
html body.page-index #main-inner .tnr-tabs::before,html body.page-index #main-inner .tnr-tabs::after{font-size:inherit;line-height:inherit}
html body.page-index #main-inner .tnr-tabs::after{display:inline;text-align:left}
html body.page-index #main-inner #tnr-latest>.archive-entry .entry-thumb-link{height:calc((100vw - 24px)*.84*.5625 + 27.5px)!important}
html body.page-index #main-inner #tnr-latest>.tnr-ad-card{height:calc((100vw - 32px)*.84*.5625 + 73.5px)!important}}
@media (max-width:768px){html body.page-index .tnr-prof-band .tnr-band-row,html body.page-index .tnr-fband .tnr-band-row{padding-bottom:32px!important;margin-bottom:-32px}}
html body.page-index .tnr-hz-band.tnr-ad-off,html body.page-index #main-inner #tnr-latest>.tnr-ad-card.tnr-ad-off,html body.page-index .tnr-pband #rw-list>.tnr-ad-card.tnr-ad-off,html body.page-index .tnr-pband .trb-grid>.tnr-ad-card.tnr-ad-off{display:none!important}
html body.page-index .archive-entry .archive-date a{display:inline-block;padding:4px 0;margin:-4px 0}
html body .tnr-min-badge{font-size:11px!important}
html body .tnr-evs-k,html body .tnr-osw-ex-h,html body .tnr-osw-auto{font-size:12px!important}
html body.page-index .rw-amazon-btn,html body.page-index .trb-cta{font-size:12px!important}
html body .category-nav,html body nav.category-nav summary,html body nav.category-nav a,html body .mh-nav button,html body .mh-nav a{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","游ゴシック Medium",YuGothic,meiryo,sans-serif}
html body .tnr-osw{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","游ゴシック Medium",meiryo,Arial,sans-serif}
@media (min-width:769px){
html body nav.category-nav>details>summary,html body nav.category-nav>a.tnr-nav-about{box-sizing:border-box!important;display:flex!important;align-items:center!important;height:37px!important;padding:0 16px!important}
html body .mh-nav button,html body .mh-nav>a.tnr-mh-about{box-sizing:border-box!important;display:flex!important;align-items:center!important;padding:8px 12px 0!important}
html body nav.category-nav>a.tnr-nav-about{border-radius:999px;transition:background .2s}
html body .mh-nav>a.tnr-mh-about{transition:background .2s}
html body nav.category-nav>a.tnr-nav-about:hover,html body .mh-nav>a.tnr-mh-about:hover{background:rgba(0,0,0,.06);color:#1d1d1f!important}}
@media (min-width:769px) and (prefers-color-scheme:dark){html body nav.category-nav>a.tnr-nav-about:hover,html body .mh-nav>a.tnr-mh-about:hover{background:rgba(255,255,255,.1);color:#f5f5f7!important}}
.category-nav .tnr-nav-search{display:none}
@media (max-width:768px){.category-nav .tnr-nav-search{display:flex;gap:8px;margin:0 0 14px}.tnr-nav-search input{flex:1;min-width:0;height:44px;box-sizing:border-box;margin:0;padding:0 16px;border:0;border-radius:12px;background:rgba(0,0,0,.06);color:#1d1d1f;font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}.tnr-nav-search input::placeholder{color:#6e6e73}.tnr-nav-search button{flex:0 0 auto;height:44px;margin:0;padding:0 18px;border:0;border-radius:12px;background:#1d1d1f;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}}
@media (max-width:768px) and (prefers-color-scheme:dark){.tnr-nav-search input{background:rgba(255,255,255,.12);color:#f5f5f7}.tnr-nav-search input::placeholder{color:#a1a1a6}.tnr-nav-search button{background:#f5f5f7;color:#1d1d1f}}
html body.page-index .tnr-prof-band .tnr-band-row{grid-template-columns:repeat(6,minmax(0,1fr))}
html body.page-index .tnr-prof-band .tnr-band-row>.hatena-module{grid-column:span 2}
html body.page-index .tnr-prof-band .tnr-band-row>.hatena-module:nth-child(4):nth-last-child(2),html body.page-index .tnr-prof-band .tnr-band-row>.hatena-module:nth-child(5):last-child{grid-column:span 3}
html body.page-index .tnr-band-row>.hatena-module:has(.tnr-coco) .hatena-module-title::before{background:linear-gradient(180deg,#ffb340,#ff9500)}
.tnr-coco-lead{margin:0 0 12px;font-size:.9em;line-height:1.7}
.tnr-coco-list{display:grid;gap:8px;margin:0 0 12px!important;padding:0!important;list-style:none!important}
.tnr-coco-list li{margin:0!important;padding:0!important;list-style:none!important}
html body .tnr-coco-list a{display:block;box-sizing:border-box;padding:10px 14px;border:1px solid rgba(0,0,0,.08);border-radius:12px;text-decoration:none!important;transition:background .2s}
.tnr-coco-name{display:block;color:#1d1d1f;font-size:14px;font-weight:600;line-height:1.5}
.tnr-coco-sub{display:block;margin-top:2px;color:#6e6e73;font-size:12px;line-height:1.5}
.tnr-coco-more{margin:0;font-size:.9em}
@media (hover:hover){html body .tnr-coco-list a:hover{background:rgba(0,0,0,.04)}}
@media (prefers-color-scheme:dark){html body .tnr-coco-list a{border-color:rgba(255,255,255,.12)}.tnr-coco-name{color:#f2f2f4}.tnr-coco-sub{color:#a8a8ad}}
@media (prefers-color-scheme:dark) and (hover:hover){html body .tnr-coco-list a:hover{background:rgba(255,255,255,.06)}}
.tnr-coco-logo{display:block;margin:0 0 12px}
.tnr-coco-logo img{display:block;width:100%;max-width:300px;height:auto;aspect-ratio:3/1}