ããã¯CSSã³ãŒããããã¯ã§ããŠã§ããµã€ãã§äœ¿çšãããGuardian Headline Fullããã©ã³ããã¡ããªãŒãå®çŸ©ããŠããŸãããã©ã³ãã®ç°ãªããŠã§ã€ãïŒã©ã€ããã¬ã®ã¥ã©ãŒãããã£ã¢ã ãã»ãããŒã«ãïŒãšã¹ã¿ã€ã«ïŒããŒãã«ãŸãã¯ã€ã¿ãªãã¯ïŒãããããæå®ããè€æ°ã®@font-faceã«ãŒã«ãå«ãŸããŠããŸããåããªãšãŒã·ã§ã³ã«ã€ããŠãã³ãŒãã¯ããŸããŸãªãã©ãŠã¶éã§ã®äºææ§ã確ä¿ããããã«ãç°ãªã圢åŒïŒWOFF2ãWOFFãTTFïŒã®ãã©ã³ããã¡ã€ã«ãæäŸããŠããŸãããã©ã³ããã¡ã€ã«ã¯Guardianã®ã¢ã»ãããµãŒããŒã§ãã¹ããããŠããŸãã
left: -11pxã
ã€ã³ã¿ã©ã¯ãã£ãèšäºã®ã¡ã€ã³ã³ã³ãã³ãåã«ã¯ãåã蟌ã¿èŠçŽ ã®åšå²ã«ããŒãžã³ãããã£ã³ã°ããªããäžäžã«12pxã®ããã£ã³ã°ããããŸããæ®µèœã®åŸã«åã蟌ã¿èŠçŽ ãç¶ãå Žåãããã£ã³ã°ã¯åé€ãããäž¡åŽã«12pxã®ããŒãžã³ã眮ãæããããŸããã€ã³ã©ã€ã³èŠçŽ ã¯æå€§å¹
620pxã«å¶éãããŠããŸãã61.25emããåºãç»é¢ã§ã¯ãã€ã³ã©ã€ã³ãšããŠããŒã¯ããããã£ã®ã¥ã¢ã620pxã«å¶éãããŸãã
ã«ãŒãåç»ãå«ãã¡ãã£ã¢ã»ã¯ã·ã§ã³ã§ã¯ããã£ãã·ã§ã³ã¯z-index 6ã§äžã«éããããã«ãŒããã¿ã³ã¯å³äžã«é
眮ãããäžããŒãžã³40pxãå³ããŒãžã³3pxã§ãããã¥ãŒããã¿ã³ãšã¢ã³ãã¥ãŒããã¿ã³ã¯å³æãã§ãå·Šããã£ã³ã°ã远å ãããŠããŸãããã£ãã·ã§ã³ãã¿ã³ã¯é«ãz-indexãæã¡ã倧ããªç»é¢ã§ã¯äžç«¯ãã20pxã®äœçœ®ã«ãããŸãã46.25emããåºãç»é¢ã®ã·ããã°ã©ãåç»ã§ã¯ãé«ãå¶éãè§£é€ãããŸãã
ããã£ã»ã¯ã·ã§ã³ã§ã¯ãã»ã«ããã¹ãåç»ã¯ãããã¯ãšããŠè¡šç€ºãããæå€§å¹
620pxãããŒãžã³12pxã§ããã«ãŒãåç»ãšãã®ãããªèŠçŽ ã¯å
šå¹
ã«åºãããã¢ã¹ãã¯ãæ¯ãç¶æããäžå€®ã«é
眮ãããŸããã«ãŒãåç»ãã€ããŒã·ãã¢ãŒãã«èšå®ãããŠããå ŽåãããŒãžã³ãªãã§å
šå¹
ã«æ¡åŒµãããŸãã71.25emããåºãç»é¢ã§ã¯ãã€ããŒã·ãåç»ã¯1140pxå¹
ã«æ¡åŒµããã180pxå·Šã«ã·ãããããã£ãã·ã§ã³ã¯20pxã€ã³ãã³ããããŸãã81.25emããåºãç»é¢ã§ã¯ã1300pxã«æ¡åŒµããã260pxå·Šã«ã·ããããŸãã
ãã¶ã€ã³ã¯è²ã«CSS倿°ã䜿çšããŠããŸããæ¥ä»ç·ã¯æ¿ãã°ã¬ãŒãããããŒããŒããŒã¯èãã°ã¬ãŒããã£ãã·ã§ã³ã¯äžçšåºŠã®ã°ã¬ãŒã§åéæã®æãèæ¯ããã£ãŒãã£ãŒã«ã©ãŒã¯æ·±ãèµ€ã§ããã¡ã€ã³ã®ãã©ãŒã«ã©ãŒã¯ããã©ã«ãã§ãã£ãŒãã£ãŒã«ã©ãŒã«ãªããŸããå°èŠåºãããã«ã¯ã©ãŒãããããã¯ã¯ã©ãŒãã¯ã»ã«ã³ããªãã©ãŒã«ã©ãŒã䜿çšããããŒã¯ã¢ãŒãã§ã¯ç°ãªãè²åãã«é©å¿ããŸãã
ã€ã³ã¿ã©ã¯ãã£ãã³ã³ãã³ãåã«ã¯ãåã蟌ã¿èŠçŽ ã®åšå²ã«ããã£ã³ã°ããããŸãããåã蟌ã¿èŠçŽ ãå¥ã®èŠçŽ ãŸãã¯æ°Žå¹³ã«ãŒã«ã®çŽåŸã«è¡šç€ºãããå ŽåãåŸç¶ã®æ®µèœã«ã¯è¿œå ã®ãããããŒãžã³ããããŸãããããã¯ãã¡ã€ã³ã®èšäºæ¬æãã€ã³ã¿ã©ã¯ãã£ãã»ã¯ã·ã§ã³ãå«ãããŸããŸãªã³ã³ããã¿ã€ãã«é©çšãããŸãã
.furniture-wrapper {
display: grid;
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-columns: [title-start headline-start meta-start standfirst-start] repeat(5, 1fr) [title-end headline-end meta-end standfirst-end portrait-start] repeat(5, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start] 0.75fr [standfirst-end meta-start] auto [meta-end portrait-end];
}
.furniture-wrapper #headline > div:first-child,
.furniture-wrapper [data-gu-name="headline"] > div:first-child,
.furniture-wrapper .headline > div:first-child {
border-top: 1px solid var(--headerBorder);
}
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name="meta"] {
position: relative;
padding-top: 2px;
margin-right: 0;
}
.furniture-wrapper .standfirst .content__standfirst,
.furniture-wrapper #standfirst .content__standfirst,
.furniture-wrapper [data-gu-name="standfirst"] .content__standfirst {
margin-bottom: 4px;
}
.furniture-wrapper .standfirst ul li,
.furniture-wrapper #standfirst ul li,
.furniture-wrapper [data-gu-name="standfirst"] ul li {
font-size: 20px;
}
.furniture-wrapper .standfirst li a,
.furniture-wrapper .standfirst a,
.furniture-wrapper #standfirst li a,
.furniture-wrapper #standfirst a,
.furniture-wrapper [data-gu-name="standfirst"] li a,
.furniture-wrapper [data-gu-name="standfirst"] a {
border-bottom: none;
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--headerBorder, #dcdcdc);
text-decoration-thickness: 1px;
}
.furniture-wrapper .standfirst li a:hover,
.furniture-wrapper .standfirst a:hover,
.furniture-wrapper #standfirst li a:hover,
.furniture-wrapper #standfirst a:hover,
.furniture-wrapper [data-gu-name="standfirst"] li a:hover,
.furniture-wrapper [data-gu-name="standfirst"] a:hover {
text-decoration-color: var(--new-pillar-colour);
}
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: 1px solid var(--headerBorder);
padding-bottom: 0;
}
@media (min-width: 61.25em) and (min-width: 71.25em) {
.furniture-wrapper .standfirst p:first-of-type,
.furniture-wrapper #standfirst p:first-of-type,
.furniture-wrapper [data-gu-name="standfirst"] p:first-of-type {
border-top: unset;
}
}
@media (min-width: 61.25em) {
.furniture-wrapper figure {
margin: 0 0 0 -10px;
}
.furniture-wrapper figure[data-spacefinder-role="inline"].element {
max-width: 630px;
}
}
@media (min-width: 71.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(2, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(7, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 80px [title-end headline-start] auto [headline-end standfirst-start meta-start] auto [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name="meta"]:before {
content: "";
width: 540px;
position: absolute;
top: 0;
background-color: var(--headerBorder);
height: 1px;
}
.furniture-wrapper .standfirst p,
.furniture-wrapper #standfirst p,
.furniture-wrapper [data-gu-name="standfirst"] p {
border-top: unset;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
content: "";
width: 1px;
background-color: var(--headerBorder);
height: 100%;
position: absolute;
top: 0;
left: 0.5px;
}
}
@media (min-width: 81.25em) {
.furniture-wrapper {
grid-template-columns: [title-start headline-start meta-start] repeat(3, 1fr) [meta-end standfirst-start] repeat(5, 1fr) [title-end headline-end standfirst-end portrait-start] repeat(8, 1fr) [portrait-end];
grid-template-rows: [title-start portrait-start] 0.25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] 0.75fr [standfirst-end meta-end portrait-end];
}
.furniture-wrapper #meta:before,
.furniture-wrapper [data-gu-name="meta"]:before {
width: 620px;
}
.furniture-wrapper .standfirst:before,
.furniture-wrapper #standfirst:before,
.furniture-wrapper [data-gu-name="standfirst"]:before {
left: -0.5px;
}
}
.furniture-wrapper .article-header .content__labels > div,
.furniture-wrapper [data-gu-name="title"].content__labels > div {
padding-top: 2px;
}
.furniture-wrapper #headline h1,
.furniture-wrapper [data-gu-name="headline"] h1,
.furniture-wrapper .headline h1 {
font-weight: 600;
max-width: 620px;
font-size: 32px;
}
@media (min-width: 71.25em) {
.furniture-wrapper #headline h1,
.furniture-wrapper [data-gu-name="headline"] h1,
.furniture-wrapper .headline h1 {
max-width: 540px;
font-size: 50px;
}
}
@media (min-width: 46.25em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name="lines"] {
margin-right: 0;
}
}
@media (min-width: 61.25em) {
.furniture-wrapper .keyline-4,
.furniture-wrapper [data-gu-name="lines"] {
display: none;
}
}
.furniture-wrapper .keyline-4 svg,
.furniture-wrapper [data-gu-name="lines"] svg {
stroke: var(--headerBorder);
}
@media (min-width: 46.25em) {
.furniture-wrapper #meta,
.furniture-wrapper [data-gu-name="meta"] {
margin-right: 0;
}
}
.furniture-wrapper #meta .meta__social,
.furniture-wrapper #meta .meta__social ul li a span,
.furniture-wrapper #meta .meta__comment,
.furniture-wrapper [data-gu-name="meta"] .meta__social,
.furniture-wrapper [data-gu-name="meta"] .meta__social ul li a span,
.furniture-wrapper [data-gu-name="meta"] .meta__comment {
border-color: var(--headerBorder);
}
.furniture-wrapper #meta .content__meta-container_dcr > div > gu-island,
.furniture-wrapper [data-gu-name="meta"] .content__meta-container_dcr > div > gu-island {
display: none;
}
.furniture-wrapper .standfirst,
.furniture-wrapper #standfirst,
.furniture-wrapper [data-gu-name="standfirst"] {
margin-left: -10px;
padding-left: 10px;
position: relative;
}
@media (min-width: 46.25em) {
.furniture-wrapper .standfirst,
.furniture-wrapper #standfirst,
.furniture-wrapper [data-gu-name="standfirst"] {
padding-top: 2px;
}
}
.furniture-wrapper .standfirst p,
.furniture-wrapper #standfirst p,
.furniture-wrapper [data-gu-name="standfirst"] p {
font-weight: 400;
font-size: 20px;
padding-bottom: 14px;
}
.furniture-wrapper #main-media,
.furniture-wrapper [data-gu-name="media"] {
position: relative;
margin-top: 0;
margin-bottom: 2px;
grid-area: portrait;
}
.furniture-wrapper #main-media div div,
.furniture-wrapper [data-gu-name="media"] div div {
width: 100%;
margin-inline: 0;
}
@media (min-width: 61.25em) {
.furniture-wrapper #main-media,
.furniture-wrapper [data-gu-name="media"] {
margin-bottom: 0;
}
}
@media (max-width: 46.24em) {
.furniture-wrapper #main-media,
.furniture-wrapper [data-gu-name="media"] {
width: calc(100vw - var(--scrollbar-width, 0px));
margin-left: -10px;
}
}
@media (max-width: 46.24em) and (min-width: 30em) {
.furniture-wrapper #main-media,
.furniture-wrapper [data-gu-name="media"] {
margin-left: -20px;
}
}
.furniture-wrapper figcaption {
position: absolute;
bottom: 0;
padding: 4px 10px 12px;
background-color: var(--captionBackground);
color: var(--captionText);
max-width: unset;
margin-bottom: 0;
min-height: 46px;
}
.furniture-wrapper figcaption span {
color: var(--headerBorder);
}
.furniture-wrapper figcaption span svg {
fill: var(--headerBorder);
}
.furniture-wrapper figcaption span:nth-of-type(1) {
display: none;
}
.furniture-wrapper figcaption span:nth-of-type(2) {
display: inline;
max-width: 90%;
}
@media (min-width: 30em) {
.furniture-wrapper figcaption {
padding: 4px 20px 12px;
}
}
.furniture-wrapper figcaption.hidden {
opacity: 0;
}
.furniture-wrapper #caption-button {
display: block;
position: absolute;
bottom: 10px;
right: 8px;
z-index: 30;
background-color: var(--captionBackground);
border: none;
border-radius: 50%;
padding: 6px 5px 5px;
}
.furniture-wrapper #caption-button svg {
transform: scale(0.85);
}
@media (min-width: 30em) {
.furniture-wrapper #caption-button {
right: 10px;
}
}
@media (min-width: 71.25em) {
.content__main-column--interactive:before {
top: -12px !important;
height: calc(100% + 24px) !important;
}
}
.content__main-column--interactive h2 {
max-width: 620px;
}
:root {
--new-pillar-colour: var(--darkmode-pillar, var(--darkModeFeature)) !important;
--headerBorderColor: #606060;
--darkModeFeature: #ff5943;
}
nav + section {
display: none;
}
nav + aside {
display: none;
}
aside + section {
display: none;
}
.furniture-wrapper {
background-color: var(--darkBackground);
margin: 0 -10px;
padding: 0 10px 4px;
}
@media (min-width: 30em) {
.furniture-wrapper {
margin: 0 -20px;
padding: 0 20px 8px;
}
}
@media (min-width: 61.25em) {
.furniture-wrapper {
padding: 0 20px;
}
}
@media (min-width: 81.25em) {
.furniture-wrapper:before {
content: "";
width: calc((100vw - 1298px) / 2);
height: 100%;
}
}eight:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfirst li a:hover,.furniture-wrapper [data-gu-name=standfirst] a:hover,.furniture-wrapper [data-gu-name=standfirst] li a:hover{border-bottom:none;text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{color:#dcdcdc}@media (min-width: 61.25em){.furniture-wrapper .standfirst p:first-of-type,.furniture-wrapper #standfirst p:first-of-type,.furniture-wrapper [data-gu-name=standfirst] p:first-of-type{bo
.ment-article-container .furniture-wrapper .standfirst__inner p {
font-family: Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, serif;
}
body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a,
body.ios #feature-article-container .furniture-wrapper .standfirst__inner a,
body.ios #standard-article-container .furniture-wrapper .standfirst__inner li a,
body.ios #standard-article-container .furniture-wrapper .standfirst__inner a,
body.ios #comment-article-container .furniture-wrapper .standfirst__inner li a,
body.ios #comment-article-container .furniture-wrapper .standfirst__inner a,
body.android #feature-article-container .furniture-wrapper .standfirst__inner li a,
body.android #feature-article-container .furniture-wrapper .standfirst__inner a,
body.android #standard-article-container .furniture-wrapper .standfirst__inner li a,
body.android #standard-article-container .furniture-wrapper .standfirst__inner a,
body.android #comment-article-container .furniture-wrapper .standfirst__inner li a,
body.android #comment-article-container .furniture-wrapper .standfirst__inner a {
color: var(--new-pillar-colour) !important;
background-image: none !important;
text-decoration: underline;
text-underline-offset: 6px;
text-decoration-color: var(--headerBorder, #dcdcdc);
border-bottom: none;
}
body.ios #feature-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.ios #feature-article-container .furniture-wrapper .standfirst__inner a:hover,
body.ios #standard-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.ios #standard-article-container .furniture-wrapper .standfirst__inner a:hover,
body.ios #comment-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.ios #comment-article-container .furniture-wrapper .standfirst__inner a:hover,
body.android #feature-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.android #feature-article-container .furniture-wrapper .standfirst__inner a:hover,
body.android #standard-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.android #standard-article-container .furniture-wrapper .standfirst__inner a:hover,
body.android #comment-article-container .furniture-wrapper .standfirst__inner li a:hover,
body.android #comment-article-container .furniture-wrapper .standfirst__inner a:hover {
text-decoration-color: var(--new-pillar-colour);
}
body.ios #feature-article-container .furniture-wrapper .meta,
body.ios #standard-article-container .furniture-wrapper .meta,
body.ios #comment-article-container .furniture-wrapper .meta,
body.android #feature-article-container .furniture-wrapper .meta,
body.android #standard-article-container .furniture-wrapper .meta,
body.android #comment-article-container .furniture-wrapper .meta {
margin: 0;
}
body.ios #feature-article-container .furniture-wrapper .meta .byline,
body.ios #feature-article-container .furniture-wrapper .meta .byline__author,
body.ios #feature-article-container .furniture-wrapper .meta span.byline__author a,
body.ios #feature-article-container .furniture-wrapper .meta .meta__byline span,
body.ios #standard-article-container .furniture-wrapper .meta .byline,
body.ios #standard-article-container .furniture-wrapper .meta .byline__author,
body.ios #standard-article-container .furniture-wrapper .meta span.byline__author a,
body.ios #standard-article-container .furniture-wrapper .meta .meta__byline span,
body.ios #comment-article-container .furniture-wrapper .meta .byline,
body.ios #comment-article-container .furniture-wrapper .meta .byline__author,
body.ios #comment-article-container .furniture-wrapper .meta span.byline__author a,
body.ios #comment-article-container .furniture-wrapper .meta .meta__byline span,
body.android #feature-article-container .furniture-wrapper .meta .byline,
body.android #feature-article-container .furniture-wrapper .meta .byline__author,
body.android #feature-article-container .furniture-wrapper .meta span.byline__author a,
body.android #feature-article-container .furniture-wrapper .meta .meta__byline span,
body.android #standard-article-container .furniture-wrapper .meta .byline,
body.android #standard-article-container .furniture-wrapper .meta .byline__author,
body.android #standard-article-container .furniture-wrapper .meta span.byline__author a,
body.android #standard-article-container .furniture-wrapper .meta .meta__byline span,
body.android #comment-article-container .furniture-wrapper .meta .byline,
body.android #comment-article-container .furniture-wrapper .meta .byline__author,
body.android #comment-article-container .furniture-wrapper .meta span.byline__author a,
body.android #comment-article-container .furniture-wrapper .meta .meta__byline span {
/ ããã«ã¯ç¹å®ã®ã¹ã¿ã€ã«ã¯å®çŸ©ãããŠããŸãããäžè²«æ§ã®ããã«ä¿æãããŠããŸãã /
}
ç§ãèšãããã®ã¯ã人çã§ã¯ãã èªåãããããããšã§ãã
æã
ã人ã
ã¯åœŒå¥³ããšãŠãæ¿ãããé·ãéãã£ãšèŠã€ãããããè¡ç¯ã«ã¶ã€ãã£ãŠããŸãããšããããŸããã人ã
ã¯ã³ã¡ã³ãããŸããããããã¯åœŒå¥³ãæ©ãŸããããšã¯ãããŸããã§ããããããªãã¯ããæãã§ããããããªãããªãã¯ãããªã«åããªã»ã©åŒ±ãå¿ãæã£ãŠããã®ïŒãã äœãéããã®ãèŠãã ãã§ããããããããŠãããªãã¯ããæãã®ã§ãããããã圌ãã®ããã§ã¯ãªãããå¿ããŸããããããåœŒå¥³ã®æ ¡é·ã¯ãåŠæ ¡ã®ã³ãŒããããªãã©ã®ã±ãŒãã®ããã«ãçãŠããããšã§åœŒå¥³ãå±ããŸããããåæã«ããã©ãŒããèšãããã«ã圌女ã®ãæŒåçãªåŸåããèªèããå°å
ã®ã¢ããã¥ã¢æŒåã°ã«ãŒããéå¶ããå人ã«ç޹ä»ããŸããã
ãã©ãŒãã¯é 調ã«é²ã¿ãã¢ããã¥ã¢æŒåã®åœ¹ãåŒãåããå°å
ã®åŽåè
ã¯ã©ãã§å
¬æŒããŸããã1974幎ã«ã¯ãã¬ãã®ã¿ã¬ã³ãçºæçªçµããªããã¥ããã£ã»ããã¯ã¹ãã«åºæŒããŸãããããæãããžã£ãã¯ã»ã©ãã»ã«ã«æ¬¡ãã§2äœã«ãªããŸããïŒåœŒå¥³ã¯ã飌ãäž»ããã®ç¬ã®å°»ã«æãå
¥ããŠãåå³ã§é å ããããŠãããšäž»åŒµããŠããŸãïŒãããã以æ¥ããžã£ãã¯ã»ã©ãã»ã«ã¯å¥œãã§ã¯ãããŸããããšåœŒå¥³ã¯ç¬ããªããèšããŸããã圌ããé¿ããŠéãæž¡ããŸããã
åœŒå¥³ã®æåã®å€§ããªããã®ä»äºã¯ãè¥ããã£ã¡ãã³ã»ãããã³ããã·ã¥ããããã¥ãŒã¹ãããã¢ãŒå
¬æŒã®ããŽã¹ãã«ãã§ããããããã³ããã·ã¥ã¯åŸã«æŒåçã®å·šäººã«ãªããŸããåŽåè
éçŽã®ä¿³åªãšããŠå Žéãã«æããããšã¯ãããŸãããïŒãããããé¢çœãããšã«ãç§ãšéåžžã«äŒŒãŠãã人ãã¡ã«äœäººãäŒããŸããããããä»ã§ã¯ããç§ç«æè²ãåãã人ã
ããå
¬ç«åŠæ ¡åºèº«è
ãããå€ããããããŸããããããã仲éãšäžç·ã«ãããšããããã¬ãŒããŒãã«è¡ã£ãããšããã人ãã¡ãšäžç·ã«ãããšãããå Žéãã«æããããšã¯ãããŸããã§ãããã圌女ã¯èªåèªèº«ã«å€§ç¬ãããŸãã人ã
ã¯åœŒå¥³ãéåžžã«æè²ãåããŠããªããããåéã®çç«æŒåã¢ã«ãããŒã®é åèªã§ãããã©ããã®çºé³ãç¥ããªãã ãããšæ±ºãã€ããŠããŸããããããã¯ç§ãç¬ããããã®ã§ããç§ã¯ããããããšãããŸããããã æ¥œãã¿ã®ããã«ãç§ã«ãšã£ãŠãåºèº«å°ã¯æ±ºããŠéèŠã§ã¯ãããŸãããè¯ãããŒã ãã¬ãŒã€ãŒã§ãããèŠåŸãšæ
ç±ãæã£ãŠããéãããããŠä¿¡é Œæ§ãç§ã¯åžžã«åŒ·ãåŽåå«çãä¿¡ããŠããŸãããã
ã€ã³ãã¹ã¿ãŒçå矀ã¯åœŒå¥³ãæ©ãŸããããšã¯ãããŸããã§ããã圌女ã¯äž¡èŠªãšæåž«ã«æ¯ããããããšã幞éã ã£ããšèšããŸãããèªåã¯ååã§ã¯ãªããšæããããšã¯ãããŸããã§ãããç§ã¯æ±ºããŠèªåãé倧è©äŸ¡ããªãããã«ããŸããããããæã£ãŠããŸããããã¹ãŒãããªãã«ã¯ä»ã®èª°ã«ãè² ããªãã ãã®æèœãããããã
å€ãã®ãããã¥ãŒãµãŒã¯ãããªããåŒéããæã ãšæã£ãŠããŸãããããïŒç§ã¯è¥ãããŸãã
ãã©ãŒãã¯5å¹ŽéæŒåã®ä»äºãããŠããŠã30æ³ã«è¿ã¥ãããšãã«ããã€ã»ãã»ãã€ïŒãã®åœ¹ãåŸãŸãããïŒãã®çŽåã«ãå¥ã®ã·ããã³ã ããã¥ãŒã»ã¢ããã»ãã¥ãŒã»ããŠã³ãã«åºæŒããŠããŸãããïŒãç§ã¯ãã æé 倩ã§ãããç§ã¯åœæãäžçã§æã幞éãªäººéã§ãããç§ãã¡å
šå¡ãããã§ãããããããããã»ã©å€§ãããªããšåãã£ãŠããŸãããïŒãããããã§ããã€ãããçãæ®ã£ããšããã¹ã¿ããå
šå¡ã倧ç¬ãããŠããã®ã§ãæ£ããæ¹åã«é²ãã§ãããšãããã³ãã¯ãããŸãããããŠãŒã¢ã¢ã¯ã圌女ã«ãããšãããŸãå€ã³ãŠããªãããã§ãããããã¯ã倧人ãã°ãããç¶æ³ã§æ»çšœã«èŠãããšãããã®ã§ããã»ãšãã©ããã¿ãã¿åã§ãããããç§ããã®äœåãæããçç±ã§ãããªããªããç§ã¯èº«äœçãªãŠãŒã¢ã¢ã奜ãã ããã§ãããïŒãã³ã¬ãªãŒã§ã¯ä»ã§ã人æ°ããããŸããïŒ
圌女ã¯ä»ã§ããã®çªçµã«ã€ããŠè©±ãã®ã倧奜ãã§ãç¹ã«ãã¡ã³ããå°ããããããšã«ã€ããŠè
¹ãç«ãŠãããšã¯æ±ºããŠãªããšèšããŸããã人ã
ã¯ãããæããŠããŸãããããªãã誰ãã®äººçã®äžéšã§ãã£ãããšãå°éããªããã°ãªããŸããã芳客ã軜ãããããšã¯ã²ã©ãããšã ãšæããŸããããã£ã¹ãããããã¯å°ãªããšããŸã çããŠãã人ã
ã¯ãä»ã§ãéãŸãç¶ããŠããŸãããç§ãã¡ã¯èªåãã¡ããã¢ã³ãããããšåŒãã§ããŸãããŸã ããã«ãã人ã
ã®ããšã§ããç§ãã¡ã¯èšããŸããããããªã«å€ãã®äººã
ã«åã³ãããããããšãã§ããŠãç§ãã¡ã¯ãªããŠå¹žéã ã£ããã ããããã
ãã€ãã圌女ã«çŽ
è¶ãæã£ãŠããŠããã©ãŒãã¯ãã³ãããã°ãããåããŸããããã°ã«ã¯åœŒå¥³ã®åºæŒäœåã®ååããã¹ãŠé£ŸãããŠããŸãããã£ãŒããã°ãåãåºãããã®äœããæ¢ããŠããŸãã圌女ã¯ããããæã£ãŠããŸããïŒïŒãã¬ãã®ããã«çªçµããŠããã»ã¢ã€ã»ã©ã€ã»ãã¥ã»ãŠãŒïŒãã§ããã©ãŒãã¯ã¬ã¹ãã©ã³ã®ãµã©ããæŽ»æ°ã¥ããããã®ããããšã人çãæŽ»æ°ã¥ããããã®ããŒãã£ãŒããã¯ãŒãåžžã«æã¡æ©ããŠããããšãæãããŸãããïŒä»æ¥ã¯ãããã¯ãããŸããããä»ã¯å
¥ããŠããŸããã人ã
ãçã¿å§ããããã§ãããããŒãã£ãŒããã¯ãŒã¯ïŒåœŒå¥³ã¯åã³ããã°ãããåããäžã€åãåºããŠã鳎ãããŸãããæã
ãçªç¶é»è»ã®äžã§âŠã圌女ã¯ããã倧声ã§å¹ããç¬ããŸãããåãã§ãããæ¬åœã«ïŒç§ã¯70代ã§ãããã ç¬ãããŠããããã§ããã
1984幎ããã©ãŒãã¯ããŒã¿ãŒã»ããŒãªãšçµå©ããŸããã圌ã¯ããã€ã»ãã»ãã€ïŒããã¥ãŒãžã«ã«ã®èå°ä¿ãšããŠåããŠãããšãã«ç¥ãåããŸããã圌ã«ç·æ§ã®æäººãããããšãç¥ã£ãŠããŸããããã¿ããã€ãçŽããããç¥ããšãäœå¹Žã«ããããåæ§æå«æªã®å ±éãå§ãŸããŸããããïŒèšè
ã«è¿œãããã®ã¯ïŒããŸãæ°æã¡ã®è¯ããã®ã§ã¯ãããŸãããç¹ã«ä»äºãããªããã°ãªããªããšãã¯ãããšåœŒå¥³ã¯èšããŸãã圌ãç·æ§ãšã®æ
äºãç¶ããŠãããšãã話ãçµ¶ãããããŸããã
ãŸããHIVãšãšã€ãºã®å±æ©ã®ææã§ããããã¿ããã€ãçŽã¯ããã«éæ¿ã«ãªããŸãããã²ã€ã³ãã¥ããã£ã®é·å¹Žã®æ¯æŽè
ã§ãããã©ãŒãã¯ãå人ãç
æ°ã«ãªãå§ããã®ãææãšãšãã«èŠå®ããŸããã圌女ã¯ããã³ãã³ã®è±¡åŸŽçãªLGBTQ+äŒå Žã§ãããã€ã€ã«ã»ãŽã©ã¯ãœãŒã«ã»ã¿ããŒã³ã§åæã®è³ééããããããšãèŠããŠããŸãããåœæãç§ã¯ããã«ã€ããŠååã«ç¥ããŸããã§ããã誰ãç¥ããªãã£ããšæããŸãã人ã
ã¯çŽ æŽãããããéãå¯ä»ããŠãããŸããããããããã®åŸããã¡ãããç¥ã£ãŠãã人ã
ãæ»ã«å§ããŸãããæåã®äžäººã¯ããŽã¹ãã«ãã®å人ã§ãããããã¯æ¬åœã«æ²åçãªããšã§ããã圌ã¯çŽ æŽãããã£ããããããããšãŠã芪ããåäººãæ¬åœã«å£æ»
çã§ãããã圌女ã¯å人ã®å人ã«ã€ããŠãè³ã«ããŸããããæ¬åœã®æ
°ãã¯ãããŸããã§ãããã
ãã¥ãŒç»åããã«ã¹ã¯ãªãŒã³ã§è¡šç€º
ãç§ã¯é»è©±ã鳎ãã®ãåŸ
ã£ãŠããã€ããã¯ãããŸããã... 2010幎ã®ãããããŒã ãã¯ãªã¹ãã¹ã¹ãã·ã£ã«ã«åºæŒãããã©ãŒããåçïŒTiger Aspect/ITV
ãã©ãŒãã¯ä»ã§ãå
倫ãšå€§ã®èŠªåã§ããäºäººã¯1992幎ã«é¢å©ããŸãããã圌ã®å€«ãšã芪åã§ããã人çã®ããšãåŸæããããšã¯ã§ããŸãããç©äºãæåã«æãã§ããããã«ã¯ãªããªãã£ããšæ²ããæãããšã¯ãããããããŸããããæšã¿ãåŸæããããŸãããã圌女ã«ã¯å¥ã®é·æçãªé¢ä¿ããããŸãããããããããã以æ¥ãç§ã¯ãã®æ°ã«ãªããŸãããç§ã¯ç·æ§ãããã·ã§ãŒããºã«æ
ç±ãæã£ãŠããŸããã
ãããã圌女ãåäŸãæã¡ãããšæããªãã£ãçç±ã§ããããªãç§ãæ¯èŠªã«ãªããããšæãã®ã§ããããïŒããããªããããã£ãã«ãå€é£ãé£ã¹ãªããããšèšããªãããã©ããã£ãŠã»ãªããèŠããããã§ããããïŒã©ããã£ãŠäººã
ãããããã£ãŠããã®ããç§ã«ã¯ããããŸãããããŒãªã³ããä»ã§ãåäŸãæããªãããšãéžã¶å¥³æ§ã«ãšã£ãŠã¯å€§å€ãªããšã§ããã80幎代ã«åœŒå¥³ã¯ãã®ããšã§æ¹å€ãããŸãããïŒããããã人ã
ã¯å®éã«âŠããããšãç¥ã£ãŠããããã ãšæããŸãããããŠãããªãã¯æé«ã®ããšãç¥ã£ãŠããŸããïŒãã«ããšç§ã®ç¶ã¯ãããã€ç§ãã¡ã¯ç¥ç¶æ¯ã«ãªãã®ïŒããšäžåºŠãèšããŸããã§ãããã効ã®ãžãŒã³ãåäŸãæã¡ãŸããã§ããããããã¯æ±ºããŠæªãåè²ãŠã®ããã§ã¯ãããŸããã§ããã圌ãã¯çŽ æŽãããã£ããç§ãã¡ã¯ãã ãã®éãéžã¶