@import url('https://unpkg.com/css.gg@2.0.0/icons/css/chevron-left.css');
@import url('https://unpkg.com/css.gg@2.0.0/icons/css/chevron-right.css');:root {--fg-color:#000;--bg-color:#f8f8f8;--hover-color:#454545;--link-color:#969696;--footer-bg-color:#141414;--white:#fff;--black:#000;--grey:#999;--dark-grey:#333;--line-color:#141414}
.dark {--fg-color:#fff;--bg-color:#141414;--hover-color:#d0d0d0;--footer-bg-color:#282828;--line-color:#666}
svg path,
svg rect {fill:var(--fg-color)}
svg line {stroke:var(--fg-color)}
.post-list-page header.feature {margin-bottom:50px;padding-top:0;padding-bottom:50px;border-bottom:#ccc solid 1px}
.post-list-page header.feature img,
.post-list-page header.feature iframe.kv {margin-bottom:50px}
@media screen and (max-width:640px) {.post-list-page header.feature img,.post-list-page header.feature iframe.kv {width:112%;margin-left:-6% }}
.post-list-page header.feature iframe.kv {width:'100%';height:800px}
@media screen and (max-width:640px) {.post-list-page header.feature iframe.kv {height:600px }}
.post-list-page header.feature h1 {margin:0;font-size:2.833333rem;font-weight:700;text-align:initial}
.post-list-page header.feature h2 {align-self:flex-start;padding:0;margin-top:0.83em;font-size:1.333333rem;font-weight:normal;text-align:left;border-bottom:none}
.post-list-page header.feature time {font-size:smaller;font-family:sans-serif}
.post-list-page header.feature p {margin-top:20px;font-size:1.416rem;font-family:sans-serif;line-height:1.8}
.post-list-page address.columnist {display:flex;flex-direction:row;margin-top:50px;margin-bottom:100px;padding-bottom:50px;border-bottom:#ccc solid 1px;font-style:normal}
.post-list-page address.columnist img {width:170px;aspect-ratio:1;border:#eee solid 1px}
.post-list-page address.columnist div {margin-left:37px;padding-left:37px;border-left:#ccc solid 1px}
.post-list-page address.columnist div h3 {margin-top:0;margin-bottom:50px;font-size:2rem;font-weight:700}
.post-list-page address.columnist div h3 span {font-size:1.083333rem;color:#999}
.post-list-page address.columnist div p {font-size:1.25rem;line-height:1.8}
@media screen and (max-width:640px) {.post-list-page address.columnist {flex-direction:column;align-items:center }.post-list-page address.columnist div {margin-left:0;padding-left:0;border-left:none }.post-list-page address.columnist div h3 {margin:20px 0;text-align:center }}
.post-list-page address.author {margin-top:0}
@media screen and (max-width:640px) {.post-list-page address.author {margin-bottom:55px }.post-list-page address.author div {margin-top:20px }.post-list-page address.author div p {margin-bottom:0 }}
.post-list-page div.post-list {display:grid;grid-template-columns:repeat(3,1fr);column-gap:80px;row-gap:123px;grid-auto-rows:minmax(100px,auto)}
@media screen and (max-width:1000px) {.post-list-page div.post-list {grid-template-columns:repeat(2,1fr);column-gap:50px }}
@media screen and (max-width:640px) {.post-list-page div.post-list {grid-template-columns:repeat(1,1fr);row-gap:90px }.post-list-page div.post-list article {position:relative }.post-list-page div.post-list article::after {content:'';display:block;width:50px;height:0.5px;background-color:var(--fg-color);position:absolute;bottom:-37px;left:50%;margin-left:-25px }.post-list-page div.post-list article:last-child::after {display:none }}
.post-list-page div.post-list.shop-product-list {grid-template-columns:repeat(4,1fr);column-gap:56px}
@media screen and (max-width:1000px) {.post-list-page div.post-list.shop-product-list {grid-template-columns:repeat(3,1fr);column-gap:50px;row-gap:50px }.post-list-page div.post-list.shop-product-list .post-list-item div.subtitle {height:30px;margin-top:15px;font-size:12px;line-height:1.2 }}
@media screen and (max-width:640px) {.post-list-page div.post-list.shop-product-list {grid-template-columns:repeat(2,1fr);column-gap:20px;row-gap:20px }.post-list-page div.post-list.shop-product-list .post-list-item h3 {font-size:15px }}
@media screen and (max-width:320px) {.post-list-page div.post-list.shop-product-list {grid-template-columns:repeat(1,1fr);row-gap:90px }}
.post-list-page div.post-list.podcast-program-list {row-gap:137px}
.post-list-page div.post-list.podcast-program-list a.image {border:none !important}
.post-list-page div.post-list.podcast-program-list img {border-radius:7px}
.post-list-page div.post-list.podcast-program-list article::after {display:none}
.post-list-page div.post-list.podcast-episode-list {row-gap:130px}
.post-list-page div.post-list.podcast-episode-list article a.image,
.post-list-page div.post-list.podcast-episode-list div a.image {aspect-ratio:1;height:260px}
.post-list-page div.post-list.podcast-episode-list article img,
.post-list-page div.post-list.podcast-episode-list div img {border-radius:7px}
.post-list-page div.post-list.podcast-episode-list article div.subtitle,
.post-list-page div.post-list.podcast-episode-list div div.subtitle {justify-content:center}
.post-list-page div.post-list.podcast-episode-list article h3,
.post-list-page div.post-list.podcast-episode-list div h3 {text-align:center}
.post-list-page div.post-list.podcast-episode-list article::after {display:none}
.post-list-page div.post-list.latest {margin-bottom:90px;padding-bottom:90px;border-bottom:#ccc solid 1px}
.post-list-page div.post-list.columnist-list.podcast-program-list div a.image {height:260px}
.post-list-page div.post-list.columnist-list div {font-size:1.25rem}
.post-list-page div.post-list.columnist-list div a.image {display:block;aspect-ratio:1;height:150px;margin:0 auto;border:#eee solid 1px}
.post-list-page div.post-list.columnist-list div h3 {text-align:center;font-weight:700}
.post-list-page div.post-list.columnist-list div address {margin-bottom:20px;text-align:center;font-style:normal;font-size:1.16666rem;font-weight:700;font-family:Arial,Helvetica,sans-serif}
.post-list-page div.post-list.columnist-list div article {padding-bottom:15px;margin-bottom:15px;border-bottom:var(--fg-color) solid 1px}
.post-list-page div.post-list.columnist-list div article time {display:block;margin-bottom:10px;color:#999;font-family:Arial,Helvetica,sans-serif;font-size:0.91666rem}
.post-list-page div.post-list.columnist-list div article a {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.post-list-page div.post-list.columnist-list div a.more::after {content:'›';font-size:1.2em;margin-left:5px}
.post-list-page div.post-list.columnist-list div a.more:link,
.post-list-page div.post-list.columnist-list div a.more:visited {color:#999}
.post-list-page div.post-list.columnist-list div a.more:hover,
.post-list-page div.post-list.columnist-list div a.more:active {color:var(--fg-color)}
.post-list-page div.pagination {margin-top:80px;text-align:center;font-family:Arial,Helvetica,sans-serif}
.post-list-page div.pagination a {margin:0 20px}
.post-list-item a.image {display:block;margin:0 auto}
.post-list-item a.image img {aspect-ratio:1.5;object-fit:cover}
.post-list-item div.subtitle {display:flex;align-items:center;height:20px;margin-top:25px;font-size:1.16666rem;font-family:Arial,Helvetica,sans-serif}
@media screen and (max-width:640px) {.post-list-item div.subtitle a {color:#999 }}
.post-list-item div.subtitle .text-badge {margin-bottom:0;margin-right:5px;height:20px;padding:4px 8px;line-height:1;font-size:12px}
.post-list-item div.subtitle .text-badge-wapper {display:flex;margin-right:5px}
.post-list-item h3 {margin:15px 0;min-height:3em;font-size:1.916666666rem;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-clamp:2}
@media screen and (max-width:640px) {.post-list-item h3 {min-height:auto }}
.post-list-item p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:1.25rem;line-height:1.8;line-clamp:4}
.post-list-item.shop-product-list-item img {aspect-ratio:0.66666667 !important}
.post-list-item.shop-product-list-item div.subtitle {color:#808080}
.post-list-item.shop-product-list-item h3 {margin-top:2px;font-size:1.5rem}
.post-list-item.shop-product-list-item p {font-family:Arial,Helvetica,sans-serif}
.post-list-item.shop-product-list-item p .old-price {color:#808080}
main h3 {font-weight:700}
main section {margin:100px 0}
main section p.link svg {display:inline;vertical-align:sub;width:14px;height:18px}
main #top-stories {margin-top:62px;min-height:700px}
main #top-stories .subtitle {margin-left:15px}
main #top-stories h3 {margin:10px 0 30px 15px;font-size:34px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
main #top-stories .text-badge {margin-bottom:0}
main #top-stories img {aspect-ratio:1.5;object-fit:cover}
@media screen and (max-width:640px) {main #top-stories {margin-top:30px;min-height:auto }main #top-stories .subtitle,main #top-stories h3 {margin-left:0 }main #top-stories h3 {font-size:24px;min-height:70px;margin-bottom:10px }}
main .ad img {aspect-ratio:2.96296296}
@media screen and (max-width:640px) {main .ad img {aspect-ratio:2.96296296 }}
main .ad img.v2 {aspect-ratio:2.96052632}
@media screen and (max-width:640px) {main .ad img.v2 {aspect-ratio:1.90334572 }}
main .ad img.v3 {aspect-ratio:1.5}
@media screen and (max-width:640px) {main .ad img.v3 {aspect-ratio:1.9047619 }}
main .feature {padding:87px;border:#808080 solid 1px}
main .feature p.link {margin-bottom:0}
main .feature p.link a {padding-bottom:6px;border-bottom:var(--line-color) solid 1px}
main .feature >h2 {font-size:34px;font-weight:700;text-align:center;line-height:1.5}
@media screen and (max-width:640px) {main .feature >h2 {font-size:28px }}
main .feature >h3 {margin-top:0;font-size:16px;text-align:center}
main .feature >p {width:74%;margin:30px auto;line-height:1.8;text-align:center}
@media screen and (max-width:640px) {main .feature >p {width:100% }}
main .feature .post-list {padding-bottom:0;column-gap:45px}
main .feature .post-list h3 {font-weight:700;font-size:23px;margin-bottom:0}
main .feature .post-list article::after {display:none}
@media screen and (max-width:1200px) {main .feature .post-list {row-gap:40px }main .feature .post-list h3 {margin-top:10px }}
@media screen and (max-width:1200px) {main .feature {padding:40px }}
@media screen and (max-width:640px) {main .feature {padding:0;border:none }}
main section.promotion {display:flex;align-items:center;border:none;background-color:#cdd7e1;max-height:600px}
main section.promotion div.image {position:relative;width:450px;height:600px}
main section.promotion div.image img {aspect-ratio:0.75;object-fit:cover;position:absolute;left:0;top:0}
main section.promotion div.content {flex:1;margin:50px;max-height:500px;overflow-y:auto}
main section.promotion div.content a {color:#000;text-decoration:none}
main section.promotion div.content h2 {margin-bottom:50px;font-size:24px;font-weight:700;line-height:1.5}
main section.promotion div.content h2 a {color:#000}
main section.promotion div.content h3 {margin:15px 0 0 0;font-weight:normal;line-height:1.5}
main section.promotion div.content article {opacity:0.7;cursor:pointer;padding:21px 0;border-top:#666 solid 1px;font-family:Arial,Helvetica,sans-serif;transition:all 0.5s}
main section.promotion div.content article:last-child {border-bottom:#666 solid 1px}
main section.promotion div.content article:hover {opacity:1}
@media screen and (max-width:1000px) {main section.promotion {display:block;padding:20px;padding-right:0 }main section.promotion div.image {display:none }main section.promotion div.content {margin:0;padding:0;padding-right:20px }main section.promotion div.content h2 {margin-bottom:revert }main section.promotion div.content article {opacity:1 }main section.promotion div.content article:last-child {border-bottom:none;padding-bottom:0 }}
main .category {border-bottom:#ccc solid 1px}
@media screen and (max-width:640px) {main .category {margin:50px 0 }}
main .category h2 {margin:40px 0;font-size:34px;font-weight:700}
main .category h2 span {font-size:22px;font-weight:700;margin-left:0.5em}
main .category h2 img {display:inline;vertical-align:middle;width:18px;height:18px}
@media screen and (max-width:640px) {main .category h2 {font-size:28px }main .category h2 span {font-size:18px }}
main .category .post-list {display:flex;padding-bottom:50px}
@media screen and (max-width:640px) {main .category .post-list {flex-direction:column;gap:40px }}
main .category .post-list h3 {min-height:initial;font-weight:700;font-size:23px}
@media screen and (max-width:1200px) {main .category .post-list h3 {margin-top:10px }}
main .category .post-list .subtitle {height:auto}
main .category .post-list >div {display:flex;flex-direction:column;justify-content:space-between;gap:20px}
main .category .post-list >div.right article {margin-left:50px}
main .category .post-list >div.left article {margin-right:50px}
main .category .post-list >div h3.notext,
main .category .post-list >div p {margin-bottom:0}
@media screen and (max-width:1200px) {main .category .post-list >div.right article {margin-left:20px }main .category .post-list >div.left article {margin-right:20px }}
@media screen and (max-width:640px) {main .category .post-list >div {gap:40px }main .category .post-list >div article {margin-left:0 !important;margin-right:0 !important }main .category .post-list >div h3.notext,main .category .post-list >div p {margin-bottom:0 }}
main .category .post-list .sub {flex:0.3}
main .category .post-list .main {flex:0.7}
main .category .post-list .main.right {border-left:#ccc solid 1px}
main .category .post-list .main.left {border-right:#ccc solid 1px}
main .category .post-list .main p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-clamp:2}
@media screen and (max-width:1200px) {main .category .post-list .main {min-height:500px }main .category .post-list .main p {-webkit-line-clamp:4;line-clamp:4 }}
@media screen and (max-width:640px) {main .category .post-list .main {min-height:auto }main .category .post-list .main.right {padding-left:0;border-left:none }main .category .post-list .main.left {padding-right:0;border-right:0 }}
main .works {margin-bottom:0}
main .works h2 {font-size:34px;font-weight:700;text-align:center;line-height:1.5}
main .works p {margin:50px auto;line-height:2.8;text-align:center}
main .works p.mobile {display:none}
@media screen and (max-width:640px) {main .works h2 {font-size:28px }main .works p {display:none }main .works p.mobile {display:block }}
body.dark main .feature .bg {background-color:var(--footer-bg-color)}