body{background:#F8FCFE;}
/* =============================================
   TOP MV / ファーストビュー
============================================= */
.mv{
  background-color:#EAF7FD;/*フェード色重要#EAF7FD;e3eefc*/
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  height:541px;
}
.mv .container{
  position:relative;
  width:100%;
  height:100%;
  margin:0 auto;
  padding:0;
}
.mv-subtitle,
.mv-title,
.mv-catch{
  position:absolute;
  left:10%;
  z-index:2;
}
.mv-subtitle{
  top:6%;
  display:inline-flex;
  align-items:center;
  gap:2px;
  background:#1f9d55;
  color:#fff;
  font-size:.95rem;
  font-weight:700;
  padding:7px 20px 7px 12px;
  border-radius:999px;
  box-shadow:0 6px 16px rgba(46,168,213,.22);
}
.mv-subtitle svg{
  width:20px;
  height:20px;
  fill:currentColor;
  flex:none;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));
  opacity:.95;
}
.mv-title{
  top:17%;
  font-size:4.5rem;
  color:#0a2d4a;
  font-weight:900;
  line-height:1.2;
  margin:0;
}
.mv-catch{
  top:52%;
  max-width:480px;
  color:#0a2d4a;
  font-size:1rem;
  font-weight:600;
  line-height:1.6;
  margin:0;
}
.mv-title,.mv-catch{
text-shadow:
  1px 1px 0 #fff,
 -1px 1px 0 #fff,
  1px -1px 0 #fff,
 -1px -1px 0 #fff,
  1px 0 0 #fff,
 -1px 0 0 #fff,
  0 1px 0 #fff,
  0 -1px 0 #fff;
}
.mv-person{
  position:absolute;
  inset:0;
  z-index:1;
}
.mv-person img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
/* =========================
   MV内ナビ
========================= */
.mv-nav{
  position:absolute;
  top:73%;
  left:10%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  width:600px;
  z-index:3;
}
.mv-nav a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:6px 10px 12px;
  background:rgba(255,255,255,.82);
  border:1px solid #d9eef7;
  border-radius:8px;
  color:#0a2d4a;
  text-align:center;
  font-size:1.05rem;
  font-weight:800;
  line-height:1.25;
  box-shadow:0 6px 18px rgba(20,90,130,.08);
  transition:.2s;
}
.mv-nav .read{
  font-size:.72rem;
  font-weight:500;
  color:#4d7288;
  line-height:1.35;
}
.mv-nav a svg{
  width:2rem;
  height:2rem;
}
.mv-nav a:hover{
  border-color:#2EA8D5;
  background:#f9fdff;
  box-shadow:0 10px 24px rgba(46,168,213,.18);
  transform:translateY(-3px) scale(1.04);
}
.habatume2{letter-spacing: -.1rem;}
/* =============================================
   共通レイアウト
============================================= */
main{padding:0;}
#ranking,#usage,#prompt,#caution,#flow,#links,
#kouka,#erabi,#tokucho,#fukusayo,#nomiawase,#tsukakata,
#quick,#erabi,#hikakuhyou,#type,#tsukekata,#cutrate,#material,#combination,#care,
#faq,#matome{scroll-margin-top:90px!important;}

.simple-wrap{
  max-width:1200px;
  padding: 0px;
  margin:0 auto 50px;
  display:grid;
  grid-template-columns:1fr 25%;
  gap:16px;
  align-items:start;
  background:transparent;
}
.simple-body{
  width:100%;padding:0 25px;
}
.simple-body section{margin-bottom: 38px;}
.usuao{color: #2EA8D5;}
.mt3{margin-top: 3px;}
.mt8{margin-top: 8px;}
.mt--5{margin-top: -5px;}
/* =============================================
   本文
============================================= */
.simple-body h2{
  font-size:1.25rem;
  font-weight:900;
  color:var(--color-dark);
  background:#EEF7FC/*#f2f9fd*/;
  border-left:5px solid #2EA8D5;
  border-radius:8px;
  padding:14px 18px;
  margin:42px 0 20px;
  line-height:1.45;
}
.simple-body h2:first-of-type{ margin-top:8px;}
.simple-body h3{
  font-size:1.05rem;
  font-weight:900;
  color:var(--color-dark);
  padding-bottom:8px;
  border-bottom:2px solid var(--color-border);
  margin:28px 0 12px;
}
.simple-body h4{
  font-size:.95rem;
  font-weight:700;
  color:var(--color-main);
  margin:20px 0 8px;
}
.simple-body p{
  font-size:.95rem;
  line-height:1.9;
  color:var(--color-text);
  margin-bottom:16px;
}
.simple-body ul{
  padding-left:20px;
  margin-left: 2%;
  margin-bottom:32px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.simple-body ul{list-style:disc;}
.simple-body li{
  font-size:.92rem;
  line-height:1.75;
  color:var(--color-text);
}

/* =============================================
   空気清浄機
============================================= */
.air-lead-box{
  background:linear-gradient(135deg,#e8f6fb,#fff);
  border:1px solid #d9eef7;
  border-radius:18px;
  padding:26px;
  margin-bottom:32px;
}
.air-icon-grid,
.air-point-grid,
.air-maker-grid{
  display:grid;
  gap:16px;
  margin:18px 0 32px;
}
.air-icon-grid{grid-template-columns:repeat(4,1fr);}.air-point-grid{grid-template-columns:repeat(2,1fr);}.air-maker-grid{grid-template-columns:repeat(3,1fr);}
.air-icon-grid div,
.air-point-card,
.air-maker-card,
.air-aff-card{
  background:#fff;
  border:1px solid #d9eef7;
  border-radius:16px;
  box-shadow:0 4px 14px rgba(46,168,213,.06);
}

.air-icon-grid div{
  display:flex;
  align-items:center;
  gap:14px;

  padding:18px;
  background:#fff;
  border:1px solid #d9eef7;
  border-radius:16px;
  box-shadow:0 4px 14px rgba(46,168,213,.06);
}

.air-icon-grid span,.air-point-head span{
  flex:0 0 42px;
  width:42px;
  height:42px;

  border-radius:50%;
  background:#2EA8D5;
  color:#fff;

  display:flex;
  align-items:center;
  justify-content:center;

  margin:0;
}

.air-icon-grid svg,.air-point-head svg{
  width:24px;
  height:24px;
  display:block;
}

.air-icon-grid p{
  margin:0;
  font-weight:700;
  color:#123047;
  line-height:1.5;
  font-size:.95rem;
}

.air-point-card,
.air-maker-card,
.air-aff-card{
  padding:22px;
}


.air-point-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:12px;
}

.air-point-head h3,
.air-maker-card h3,
.air-aff-card h3{
  margin:0;
  border:0;
  padding:0;
  font-size:1.08rem;
}
.air-maker-card h3,
.air-aff-card h3{
  font-size:1.1rem;
}
.air-point-card p,
.air-maker-card p,
.air-aff-card p{
  margin:0;
  color:#60737f;
  line-height:1.85;
  font-size:.92rem;
}
.air-maker-card b{
  width:42px;
  height:42px;
  border-radius:50%;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  margin-bottom:10px;
}
.air-maker-card.rank-1st b{background:var(--color-gold);}.air-maker-card.rank-2nd b{background:var(--color-silver);}.air-maker-card.rank-3rd b{background:var(--color-bronze);}
.air-aff-card{
  margin:18px 0 26px;
  border-left:6px solid #2EA8D5;
}
.air-aff-label{
  display:inline-block;
  background:#e8f6fb;
  color:#1a7fa8;
  font-size:.78rem;
  font-weight:900;
  padding:4px 12px;
  border-radius:999px;
  margin-bottom:10px;
}
.air-aff-btn{
  display:inline-block;
  background:#2EA8D5;
  color:#fff;
  font-weight:900;
  text-decoration:none;
  padding:12px 26px;
  border-radius:999px;
  margin-top:14px;
  box-shadow:0 6px 16px rgba(46,168,213,.25);
}
.air-aff-btn:hover{
  color:#fff;
  transform:translateY(-1px);
}
.air-banner{
  margin-top:18px;
  text-align:center;
}
.air-banner img{
  max-width:100%;
  height:auto;
  display:block;
  margin:auto;
}


/* =============================================
   比較表
============================================= */
.compare-table-wrap,
.table-scroll{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.compare-table-wrap{
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.compare-table,
.compare-table2,
.compare-table3 {
  width: 100%;
  border-collapse: collapse;/*セル余白0*/
  font-size: 1rem;
  margin-bottom: 24px;
}

.compare-table th,.compare-table td,
.compare-table2 th, .compare-table2 td,
.compare-table3 th, .compare-table3 td
{padding: 10px 14px;
  border: 1px solid var(--color-border);
  vertical-align: middle;
  text-align: left;
}
.compare-table th, .compare-table2 th, .compare-table3 th {
  background: var(--color-main);
  color: white;
  font-weight: 700;
}
.compare-table th:first-child, 
.compare-table2 th:first-child,
.compare-table3 th:first-child { background: var(--color-dark); }
.compare-table td:first-child,
.compare-table2 td:first-child,
.compare-table3 td:first-child
{background: var(--color-bg);
font-weight: 700;
}
.compare-table tr:nth-child(even) td,
.compare-table2 tr:nth-child(even) td,
.compare-table3 tr:nth-child(even) td { background: #f9fdff; }
.compare-table .best, .compare-table2 .best{ color: var(--color-accent); font-weight: 900; }


.table-scroll{
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}

.compare-table2 th:nth-child(4),
.compare-table2 td:nth-child(4),
.compare-table2 th:nth-child(5),
.compare-table2 td:nth-child(5),
.compare-table2 th:nth-child(6),
.compare-table2 td:nth-child(6),
.compare-table2 th:nth-child(7),
.compare-table2 td:nth-child(7),
.compare-table2 th:nth-child(8),
.compare-table2 td:nth-child(8),
.compare-table3 th:nth-child(2),
.compare-table3 td:nth-child(2),
.compare-table3 th:nth-child(3),
.compare-table3 td:nth-child(3),
.compare-table3 th:nth-child(4),
.compare-table3 td:nth-child(4),
.compare-table3 th:nth-child(5),
.compare-table3 td:nth-child(5),
.compare-table3 th:nth-child(6),
.compare-table3 td:nth-child(6),
.compare-table3 th:nth-child(7),
.compare-table3 td:nth-child(7),
.compare-table3 th:nth-child(8),
.compare-table3 td:nth-child(8)
{text-align: center;
}
.compare-table2 td:nth-child(4),
.compare-table2 td:nth-child(5),
.compare-table2 td:nth-child(6),
.compare-table2 td:nth-child(7),
.compare-table2 td:nth-child(8),
.compare-table3 td:nth-child(2),
.compare-table3 td:nth-child(3),
.compare-table3 td:nth-child(4),
.compare-table3 td:nth-child(5),
.compare-table3 td:nth-child(6),
.compare-table3 td:nth-child(7)
{font-size:1.4rem;
}
.ichibu td:nth-child(5)
{font-size:.9rem;
}

#faq h3,#matome h3,#faq p,#matome p{width:96%; margin: 2% auto}


/* =============================================
   Responsive
============================================= */
@media (min-width:901px) and (max-width:1366px){
  .mv{height:460px;
  }
  .mv-title,
  .mv-subtitle,.mv-catch{
    left:8%;
  }
.mv-title{
  top:18%;
  font-size:3.5rem;
  }
.mv-nav{left: 6%;top:72%;gap:6px;}
.mv-nav a{
gap:2px;
padding:6px 10px 16px;
text-align:center;
}
.simple-wrap{padding: 0 0.5%!important;gap:0;}

  .menu{
    padding:16px;
  }
  .side-link{
    gap:10px;
    padding:10px 4px;
  }}
@media (max-width:900px){
  .mv{
    height:350px;
    font-size:3.5rem;
  }
  .mv-subtitle{
    font-size:.75rem;
    padding:6px 18px 6px 10px;
  }
  .mv-title{
    top:17.5%;
    font-size:2.8rem;
  }
  .mv-title,
  .mv-subtitle, .mv-catch{
    left:8%;
  }
  .mv-catch{
    top:51%;width: 430px;
    font-size:.8rem;
  }
.mv-nav{
left:6%;
}
.mv-nav{top:70%;width:450px;gap:4px;}
.mv-nav a{padding:4px 6px 10px;font-size:.9rem;gap:2px;
}
/* 順位列 */
.compare-table2 th:nth-child(1),
.compare-table2 td:nth-child(1){
  width:19%;padding:8px 2px;
}
/* 薬名 */
.compare-table2 th:nth-child(2),
.compare-table2 td:nth-child(2),
.compare-table3 th:nth-child(1),
.compare-table3 td:nth-child(1){
  width:32%;
}
  .air-icon-grid,
  .air-maker-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media (max-width:680px){
  .mv{
    height:auto;/*重要*/
    min-height:0;
  }
  .mv-person{
  position:relative;/*重要*/
  }
  .mv-subtitle,
  .mv-title,.mv-catch{
    left:5%;
  }
  .ss90{ font-size: 86%; letter-spacing: -.1rem;}
 .mainas5{margin-left: -5px;}
  .mv-subtitle{
    top:6%;
    font-size:3vw;
  }
  .mv-title{
    top:16%;
    width:90%;
    white-space:normal;
    font-size:15vw;
    line-height:1.2;
  }
  .mv-catch{
    top:48%;
    width:90%;
    font-size:4vw;
  }
  .mv-nav{
    left:1%;
    top:72%;
    width:98%;
    gap:2px;
   font-size:1.125rem; /* 18px */ 
  }
  .mv-nav a{
  font-size:clamp(16px, 4.2vw, 18px);
  gap:4px;
  padding:2px 0 12px;
  }
  .simple-wrap,
  .related-grid,
  .air-icon-grid,
  .air-point-grid,
  .air-maker-grid{
    grid-template-columns:1fr;
  }

  .air-lead-box,
  .air-point-card,
  .air-maker-card,
  .air-aff-card{
    padding:20px;
  }


/* セル余白 */
.compare-table2 th,
.compare-table2 td,
.compare-table3 th,
.compare-table3 td{
padding:8px 4px!important;
}

/* 種類 */
.compare-table2 th:nth-child(3),
.compare-table2 td:nth-child(3){
width:8%;
}}

/* =============================================
   花粉症マスク比較ページ 追加レイアウト
============================================= */
.section-note,.table-caption{font-size:.82rem!important;color:#6c7d87!important;line-height:1.75!important}.table-caption{margin-top:-10px}
.mask-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mask-summary-card{position:relative;background:#fff;border:1px solid #d9eef7;border-radius:16px;padding:22px 20px 20px;box-shadow:0 4px 14px rgba(46,168,213,.06)}.mask-summary-card h3{margin:0 0 8px!important;padding:0!important;border:0!important;font-size:1rem!important}.mask-summary-card p{margin:0!important;font-size:.88rem!important;line-height:1.8!important}.mask-summary-num{display:flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:#2ea8d5;color:#fff;font-weight:900;margin-bottom:10px}
.mask-ranking-list{display:grid;gap:16px;margin-top:20px}.mask-rank-card{background:#fff;border:1px solid #d9eef7;border-left:5px solid #7dbfd9;border-radius:16px;padding:22px;box-shadow:0 5px 18px rgba(14,72,98,.06)}.mask-rank-card.is-gold{border-left-color:#d4af37}.mask-rank-card.is-silver{border-left-color:#aeb7c0}.mask-rank-card.is-bronze{border-left-color:#c7864d}
.mask-rank-top{
display:grid;grid-template-columns:48px 100px 1fr auto;
gap:12px;align-items:center;margin-bottom:12px}
.mask-rank-img{
width:100px;
height:100px;
object-fit:contain;
display:block;
}
.mask-rank-no{display:flex;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;background:#2ea8d5;color:#fff;font-size:1.25rem;font-weight:900}
.is-gold .mask-rank-no{background:linear-gradient(135deg,#f2d66f,#c99c20)}
.is-silver .mask-rank-no{background:linear-gradient(135deg,#e3e7ea,#929da7)}
.is-bronze .mask-rank-no{background:linear-gradient(135deg,#e5ad75,#ae6b35)}
.mask-rank-card h3{border:0!important;padding:0!important;margin:2px 0 0!important;font-size:1.08rem!important}
.mask-rank-label{display:inline-block;font-size:.74rem;font-weight:900;color:#1a7fa8;background:#eaf6fb;border-radius:99px;padding:3px 10px}
.mask-score{font-size:1.25rem;font-weight:900;color:#f39c12}
.mask-score:before{content:'★ ';font-size:.85rem}
.mask-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 0}
.mask-spec div{background:#f7fbfd;border-radius:10px;padding:10px}
.mask-spec dt{font-size:.72rem;color:#1a7fa8;font-weight:900;margin-bottom:3px}
.mask-spec dd{margin:0;font-size:.82rem;line-height:1.55;color:#334b58}
.mask-ranking-note{margin-top:16px;padding:16px 18px;background:#fff9e8;border:1px solid #f2dda0;border-radius:12px}
.mask-ranking-note strong{color:#7a5b00}.mask-ranking-note p{margin:5px 0 0!important;font-size:.84rem!important}
/*.mask-compare-table{
min-width:680px}*/
.mask-compare-table th:nth-child(1),.mask-compare-table td:nth-child(1){width:180px}
.mask-compare-table td:nth-child(5){font-size: .85rem;text-align: left;}
.mask-compare-table th:nth-child(5){text-align: left;}
.rate{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;font-weight:900}.rate-5{background:#dff5e5;color:#168246}.rate-4{background:#e8f6fb;color:#167fa8}.rate-2{background:#fff0e2;color:#bb6200}
.mask-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mask-type-grid article{background:#fff;border:1px solid #d9eef7;border-radius:16px;padding:22px}.mask-type-grid h3{margin:8px 0!important}.mask-type-grid ul{margin:10px 0 0!important;padding-left:18px!important}.mask-type-tag{display:inline-block;padding:4px 10px;border-radius:99px;background:#eaf6fb;color:#1a7fa8;font-size:.74rem;font-weight:900}
.mask-howto{display:block;margin:18px 0}.mask-howto img{width:100%;height:auto;border-radius:16px}.mask-step-list{list-style:none!important;padding:0!important;margin:22px 0!important;gap:12px!important}.mask-step-list li{display:flex;gap:14px;background:#fff;border:1px solid #d9eef7;border-radius:14px;padding:16px}.mask-step-list>li>span{flex:0 0 38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2ea8d5;color:#fff;font-weight:900}.mask-step-list h3{margin:0 0 4px!important;padding:0!important;border:0!important;font-size:.96rem!important}.mask-step-list p{margin:0!important;font-size:.86rem!important}.mask-ng-box{background:#fff4f4;border:1px solid #efc8c8;border-left:5px solid #db5b5b;border-radius:14px;padding:18px}.mask-ng-box h3{margin:0 0 8px!important;padding:0!important;border:0!important;color:#9e3030!important}.mask-ng-box ul{margin:0!important}
.mask-cut-box{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:24px;background:linear-gradient(135deg,#eaf7fd,#fff);border:1px solid #d9eef7;border-radius:18px;padding:24px}.mask-cut-big{font-size:3.5rem;font-weight:900;color:#2ea8d5;text-align:center}.mask-cut-big small{font-size:1.2rem}.mask-cut-box h3{margin:0 0 6px!important}.mask-cut-box p{margin:0!important}.mask-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.mask-check-grid>div{background:#fff;border:1px solid #d9eef7;border-radius:14px;padding:16px}.mask-check-grid b{color:#2ea8d5;font-size:.75rem}.mask-check-grid h3{margin:4px 0!important;font-size:.95rem!important}.mask-check-grid p{margin:0!important;font-size:.84rem!important}
/*.mask-material-table{min-width:680px}*/.mask-material-table th:nth-child(1){width:16%}.mask-material-table th:nth-child(2){width:17%}
.mask-combo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mask-combo-grid article{position:relative;background:#fff;border:1px solid #d9eef7;border-radius:16px;padding:22px}.mask-combo-grid>article>span{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#7dbfd9;color:#fff;font-weight:900}.mask-combo-grid .combo-1>span{background:#d4af37}.mask-combo-grid .combo-2>span{background:#aeb7c0}.mask-combo-grid .combo-3>span{background:#c7864d}.mask-combo-grid h3{margin:0 48px 4px 0!important;padding:0!important;border:0!important}.mask-combo-grid p{font-size:.86rem!important;margin:10px 0!important}.mask-combo-grid a{font-size:.83rem;font-weight:900;color:#1a7fa8}
.mask-care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mask-care-grid article{background:#fff;border:1px solid #d9eef7;border-radius:16px;padding:20px}.mask-care-grid h3{margin:0 0 8px!important}.mask-care-grid p{margin:0!important;font-size:.86rem!important}
.mask-final-box{background:linear-gradient(135deg,#eff9fd,#fff);border:1px solid #cfe8f3;border-radius:18px;padding:24px}.mask-final-box ul{margin:12px 0 18px!important}.mask-final-links{display:flex;flex-wrap:wrap;gap:8px}.mask-final-links a{background:#2ea8d5;color:#fff;padding:10px 16px;border-radius:99px;font-size:.82rem;font-weight:900;text-decoration:none}
@media (min-width:901px) and (max-width:1366px){
.mask-compare-table th:nth-child(1),.mask-compare-table td:nth-child(1){width:165px}
.mask-compare-table,.mask-material-table{font-size: 0.9rem;}
}
@media(max-width:900px){
.mask-summary-grid,.mask-type-grid,.mask-care-grid,.mask-spec,.mask-check-grid,.mask-combo-grid
{grid-template-columns:1fr}
.mask-compare-table,.mask-material-table{width:100%; font-size: 0.8rem;}
.mask-compare-table th:nth-child(1),.mask-compare-table td:nth-child(1){width:120px}
}
.mask-compare-table td:nth-child(5),.mask-compare-table td:nth-child(5){width:95px;}
.mask-compare-table td:nth-child(5){font-size: 0.8rem;}
@media(max-width:680px){.page-index{padding:10px}.page-index a{flex:1 1 30%;font-size:.74rem;padding:8px 4px}.mask-rank-card{padding:16px}.mask-rank-top{grid-template-columns:40px 1fr;gap:10px}.mask-rank-no{width:40px;height:40px}.mask-score{grid-column:2;font-size:1rem;margin-top:-8px}.mask-cut-box{grid-template-columns:1fr;gap:4px;padding:18px}.mask-cut-big{font-size:3rem}
.mask-combo-grid article,.mask-care-grid article,.mask-type-grid article
{padding:18px}
.air-point-head{gap:8px;}
  .mask-rank-card{
    position:relative;
    padding:14px;
  }
  .mask-rank-top{
    position:relative;
    display:grid;
    grid-template-columns:72px minmax(0,1fr) auto;
    gap:5px;
    align-items:center;
    margin-bottom:10px;
  }
  .mask-rank-img{
    grid-column:1;
    width:72px;
    height:72px;
    object-fit:contain;
    display:block;
  }
  .mask-rank-no{
    position:absolute;
    top:-5px;
    left:-5px;
    z-index:2;
    width:34px;
    height:34px;
    font-size:1rem;
    box-shadow:0 2px 6px rgba(0,0,0,.15);
  }
  .mask-rank-top > div{
    grid-column:2;
    min-width:0;
  }
  .mask-rank-label{
    font-size:.68rem;
    padding:2px 8px;
    margin-bottom:2px;
  }
  .mask-rank-card h3{
    font-size:.94rem!important;
    line-height:1.45;
    margin:2px 0 0!important;
  }
  .mask-score{
    grid-column:3;
    align-self:center;
    justify-self:end;
    white-space:nowrap;
    font-size:.95rem;
    margin:0;}
.mask-score:before{font-size:.75rem;}
.mask-compare-table{table-layout:fixed;}
.mask-material-table th,.mask-material-table td{padding: 12px 6px;}
.mask-compare-table th,.mask-compare-table td,.mask-material-table th,.mask-material-table td{ vertical-align: top;}
.mask-compare-table th:nth-child(1),.mask-compare-table td:nth-child(1){
width:35%}
.mask-material-table th:nth-child(1),.mask-material-table td:nth-child(1){
width:22.5%}
.mask-material-table th:nth-child(2),.mask-material-table td:nth-child(2){
width:22.5%}
.sp-tc{text-align: center;
}}