/* ワイン個別ページ。色は固定せず currentColor と透過で作る。
   Cocoonのライト／ダークどちらでも破綻しないようにするため。 */
.wpc-wine { margin: 2em 0; }

.wpc-wine-table { width: 100%; border-collapse: collapse; margin-bottom: 1.5em; }
.wpc-wine-table th,
.wpc-wine-table td { padding: .6em .8em; text-align: left; vertical-align: top;
                     border-bottom: 1px solid rgba(128,128,128,.25); }
.wpc-wine-table th { width: 7em; white-space: nowrap; font-weight: 600;
                     opacity: .75; font-size: .92em; }
.wpc-sep { opacity: .5; padding: 0 .2em; }

.wpc-reviews { list-style: none; margin: 0 0 1em; padding: 0; }
.wpc-reviews li { padding: .8em 1em; margin-bottom: .6em;
                  border: 1px solid rgba(128,128,128,.25); border-radius: 6px; }
.wpc-who { display: inline-block; width: 2.5em; font-weight: 700; }
.wpc-stars { letter-spacing: .1em; }
.wpc-note { margin: .5em 0 0; font-size: .95em; }

.wpc-repeat { margin: 0 0 1em; }
.wpc-caveat { font-size: .85em; opacity: .7; margin: 0 0 1.5em; }

.wpc-related { border-top: 1px solid rgba(128,128,128,.25); padding-top: 1em; }
.wpc-related h2 { font-size: 1.05em; margin: 0 0 .5em; }
.wpc-related ul { margin: 0; padding-left: 1.2em; }

@media (max-width: 480px) {
  .wpc-wine-table th { width: 5.5em; font-size: .85em; }
}