@charset "UTF-8";

/*
Theme Name: rikaribo-portfolio
Author: rika / erisa
Description: 個人ポートフォリオサイト用テーマ
Version: 0.1
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@view-transition{navigation: auto;}body{--color-main: #FEFAF5;font-family:Inter,Zen Kaku Gothic New,sans-serif;background-color:var(--color-main)}@media print,screen and (min-width: 768px){body{--content-width: calc(100% - 4rem) ;--header-height: 5rem}}@media screen and (max-width: 767.98px){body{--content-width: calc(100% - 2.5rem) ;--header-height: 4.75rem}}.content-area{padding-top:10rem;padding-bottom:10rem;width:var(--content-width);margin:0 auto;box-sizing:border-box;min-height:80svh}.header{position:fixed;width:100%;top:0;z-index:1}@media print,screen and (min-width: 768px){.header{padding-top:1rem;padding-bottom:1rem}}@media screen and (max-width: 767.98px){.header{transition-delay:.6s}.header.is-open{background-color:var(--color-main);transition-delay:0s}}.header.header--hasBg{background-color:var(--color-main)}.header__content{width:var(--content-width);margin-left:auto;margin-right:auto;display:flex;justify-content:space-between}@media print,screen and (min-width: 768px){.header__title{margin:0}}@media screen and (max-width: 767.98px){.header__title{margin-top:1rem;margin-bottom:1rem}}.header__titleLink{display:block}@media print,screen and (min-width: 768px){.header__titleLink{padding-top:.75rem;padding-bottom:.75rem}}@media screen and (max-width: 767.98px){.header__titleLink{padding:.875rem 0}}.header__titleLogo{display:block}@media print,screen and (min-width: 768px){.header__titleLogo{height:1.375rem}}@media screen and (max-width: 767.98px){.header__titleLogo{height:1rem}}.header__menuButton{border:none;background-color:transparent;font-size:1rem;padding:1rem 1.25rem;margin-right:-1.25rem;color:#000;cursor:pointer}@media print,screen and (min-width: 768px){.header__menuButton{display:none}}.header.is-open .header__menuButtonOpenText{display:none}.header:not(.is-open) .header__menuButtonCloseText{display:none}@media screen and (max-width: 767.98px){.header__menu{position:fixed;inset:64px 0 0;background-color:var(--color-main);display:grid;grid-template-rows:1fr auto;padding:1.25rem;transition:all .6s;z-index:-1}.header__menu[aria-hidden]{visibility:hidden;transform:translateY(-100%)}}.header__list{list-style:none}@media print,screen and (min-width: 768px){.header__list{display:flex;margin:0;margin-right:-.625rem}}@media screen and (max-width: 767.98px){.header__list{box-sizing:border-box;display:grid;row-gap:1rem;padding:0 0 3rem;margin:0;height:100%;align-content:center}}@media print,screen and (min-width: 768px){.header__item:not(:first-child){margin-left:.75rem}}.header__link{font-weight:500;font-size:1.5rem;text-decoration:none;display:inline-block;color:#000}@media print,screen and (min-width: 768px){.header__link{padding:.625rem}}@media screen and (max-width: 767.98px){.header__link{padding:.5rem 0}}@media print,screen and (min-width: 768px){.header__link[aria-current=page]{position:relative}.header__link[aria-current=page]:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;margin:0 auto;background-color:currentColor;width:4px;height:4px}}@media (any-hover: hover){.header__link{position:relative}.header__link:after{content:"";display:none;position:absolute;left:0;right:0;bottom:0;margin:0 auto;background-color:currentColor;width:4px;height:4px}.header__link:hover:after{display:block}}@media print,screen and (min-width: 768px){.header__menuFooter{display:none}}.header__menuFooterText{font-weight:500;font-size:.625rem;line-height:1.6;letter-spacing:0;margin-top:0;margin-bottom:1.35rem}.header__menuFooterLinkArea{display:grid}.header__menuFooterLinkList{display:flex;justify-content:flex-end;list-style:none;margin:0;margin-right:-.5rem;padding:0}.header__menuFooterLinkListItem:not(:first-child){margin-left:.125rem}.header__menuFooterLink{font-weight:500;font-size:1rem;color:#000;text-decoration:none;padding:.5rem}@media (any-hover: hover){.header__menuFooterLink{position:relative}.header__menuFooterLink:after{content:"";display:none;position:absolute;left:0;right:0;bottom:0;margin:0 auto;background-color:currentColor;width:4px;height:4px}.header__menuFooterLink:hover:after{display:block}}@media print,screen and (min-width: 768px){.Footer{width:calc(100% - 2.625rem);margin-left:.625rem;margin-right:2rem}}@media screen and (max-width: 767.98px){.Footer{width:calc(100% - 2.5rem);margin-right:1.25rem;margin-left:1.25rem}}.Footer__Copyright{grid-area:copyright;margin-top:auto;position:fixed;font-weight:500;font-size:.5rem}@media print,screen and (min-width: 768px){.Footer__Copyright{bottom:0}}@media screen and (max-width: 767.98px){.Footer__Copyright{z-index:2;bottom:.75rem}}.Footer__LinkList{display:flex;justify-content:flex-end;list-style:none}@media print,screen and (min-width: 768px){.Footer__LinkListItem:not(:first-child){margin-left:1.875rem}}@media screen and (max-width: 767.98px){.Footer__LinkListItem:not(:first-child){margin-left:.5rem}}.Footer__Link{font-weight:500;text-decoration:none;color:#000;position:relative}@media print,screen and (min-width: 768px){.Footer__Link{font-size:1.5rem}}@media screen and (max-width: 767.98px){.Footer__Link{font-size:1rem}}.Footer__Link:after{bottom:-.5rem}@media screen and (max-width: 767.98px){.Footer__Link{padding:0 .25rem}}@media (any-hover: hover){.Footer__Link{position:relative}.Footer__Link:after{content:"";display:none;position:absolute;left:0;right:0;bottom:0;margin:0 auto;background-color:currentColor;width:4px;height:4px}.Footer__Link:hover:after{display:block}.Footer__Link:after{bottom:-.75rem}}.topPageContents{display:grid;align-items:start}@media print,screen and (min-width: 768px){.topPageContents{margin-top:min(40vh,19rem);padding-bottom:min(40vh,17.25rem);grid-template:"border border" auto "nav main" auto/15.875rem 1fr}.topPageContents:before{content:"";display:block;position:sticky;top:var(--header-height);width:100%;height:1px;grid-area:border;background-color:#000}}@media screen and (max-width: 767.98px){.topPageContents{margin-top:12.5rem;padding-bottom:6rem;grid-template:"nav" auto "main" auto/100%}}.topPageContents__nav{position:sticky;grid-area:nav}@media print,screen and (min-width: 768px){.topPageContents__nav{top:var(--header-height);margin-left:2rem;padding-top:3.25rem}}@media screen and (max-width: 767.98px){.topPageContents__nav{top:4rem;background-color:var(--color-main)}}.topPageContents__navTitle{font-weight:500;color:#000}@media print,screen and (min-width: 768px){.topPageContents__navTitle{font-size:1.5rem;margin:0}}@media screen and (max-width: 767.98px){.topPageContents__navTitle{font-size:1.25rem;margin:0}}.topPageContents__navTitleButton{border:none;padding:0;background-color:transparent;color:#000}@media print,screen and (min-width: 768px){.topPageContents__navTitleButton{pointer-events:none}}@media screen and (max-width: 767.98px){.topPageContents__navTitleButton{padding:.9rem 1.25rem;width:100%;text-align:left;position:relative;border-bottom:1px solid #000;transition-delay:.3s}.topPageContents__navTitleButton:after{content:"";position:absolute;top:0;bottom:0;margin:auto 0;right:1.25rem;height:.625rem;width:.625rem;border-right:1px solid #000;border-bottom:1px solid #000;transform:rotate(45deg);transition:transform .3s}.topPageContents__nav.is-open .topPageContents__navTitleButton{border-color:transparent;transition-delay:0s;background-color:var(--color-main)}.topPageContents__nav.is-open .topPageContents__navTitleButton:after{transform:rotate(-135deg)}}.topPageContents__navCurrent{font-size:.5em}@media print,screen and (min-width: 768px){.topPageContents__navContent{margin-top:2.5rem}}@media screen and (max-width: 767.98px){.topPageContents__navContent{background-color:var(--color-main);width:100%;position:absolute;display:grid;grid-template-rows:1fr;transition:.3s grid-template-rows}.topPageContents__navContent[aria-hidden]{grid-template-rows:0fr}}@media screen and (max-width: 767.98px){.topPageContents__navContentInner{margin:0;width:100%;overflow:hidden}}.topPageContents__navList{list-style:none;padding:0}@media print,screen and (min-width: 768px){.topPageContents__navList{margin:0}}@media screen and (max-width: 767.98px){.topPageContents__navList{margin:0;padding:2rem 1.25rem 4.5rem;width:100%;border-bottom:1px solid #000}}.topPageContents__navListItem:not(:first-child){margin-top:.275rem}.topPageContents__navListInput{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.topPageContents__navListButton{cursor:pointer;padding:0;font-weight:500;font-size:.75rem;color:#000;transition:all .3s}@media print,screen and (min-width: 768px){.topPageContents__navListButton{padding-top:.25rem;padding-bottom:.25rem}}.topPageContents__navListInput:focus-visible+.topPageContents__navListButton{box-shadow:0 0 0 2px #0000004d}.topPageContents__navListInput:checked+.topPageContents__navListButton{color:#c4c4c4}@media (any-hover: hover){.topPageContents__navListButton:hover{color:#c4c4c4}}.topPageContents__main{grid-area:main}@media screen and (max-width: 767.98px){.topPageContents__main{min-height:40svh}}.topPageContents__mainList{margin:0;padding:0;list-style:none;display:grid}@media print,screen and (min-width: 768px){.topPageContents__mainList{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));row-gap:8.125rem}}@media screen and (max-width: 767.98px){.topPageContents__mainList{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));row-gap:2.75rem}}@media print,screen and (min-width: 1440px){.topPageContents__mainList{grid-template-columns:repeat(3,1fr)}}.topPageContents__mainListLink{display:grid;color:#000;text-decoration:none}.topPageContents__mainListTitle{grid-row:2/3;font-weight:500;font-size:.625rem}@media print,screen and (min-width: 768px){.topPageContents__mainListTitle{margin:.4735rem .5rem 0}}@media screen and (max-width: 767.98px){.topPageContents__mainListTitle{margin:.35rem .4rem 0}}.topPageContents__mainListImage{width:100%;height:auto;transition:all .3s;z-index:-1;position:relative}.topPageContents__mainListLink:hover .topPageContents__mainListImage{filter:saturate(24%)}.workContent{border-bottom:1px solid #000;margin:0}@media print,screen and (min-width: 768px){.workContent__inner{margin-right:11.4375rem;border-right:1px solid #000}}.workContent__mainVisual{width:100%;position:sticky;z-index:-1;top:0}@media print,screen and (min-width: 768px){.workContent__mainVisual{height:100vh}}.workContent__mainVisual>img{height:100%;width:100%;object-fit:cover;display:block}.workContent__mainContent{background-color:var(--color-main);display:grid;align-items:start}@media print,screen and (min-width: 768px){.workContent__mainContent{grid-template-columns:22.5rem 1fr}}@media print,screen and (min-width: 768px){.workContent__textArea{padding:10rem 2rem 2rem;top:0;position:sticky}}@media screen and (max-width: 767.98px){.workContent__textArea{padding:3rem 1.25rem 4.25rem}}.workContent__Title{font-weight:500;font-size:1.25rem}.workContent__Date{font-weight:500;font-size:.75rem;margin-top:.625rem}.workContent__text{font-weight:500;font-size:.75rem;margin-top:1.5rem;line-height:1.5}.workContent__dataTitle{margin-top:2rem;font-weight:500;font-size:.75rem}.workContent__dataTextArea{font-weight:500;font-size:.75rem;line-height:1.25}.workContent__dataTextArea p{margin:0}.workContent__dataTextArea a{color:#000;text-decoration:none}@media (any-hover: hover){.workContent__dataTextArea a:hover{color:#c4c4c4}}.workContent__textArea .workContent__viewLinkArea{margin-top:7.25rem}@media screen and (max-width: 767.98px){.workContent__textArea .workContent__viewLinkArea{display:none}}.workContent__viewLink{color:#000;text-decoration:none;font-size:.75rem}.workContent__viewLink:after{bottom:-.5rem}@media (any-hover: hover){.workContent__viewLink:hover{color:#c4c4c4}}.workContent__visualItems{display:grid}.workContent__visualItem.col2{display:grid;grid-template-columns:repeat(2,1fr)}.workContent__visualItemImage>img,.workContent__visualItemImage video{width:100%;height:auto;display:block}.workContent__visualItemImageYoutube{width:100%;padding-top:56.25%;position:relative}.workContent__visualItemImageYoutube>iframe{width:100%;height:100%;position:absolute;inset:0;display:block}.workContent__footArea{padding:2rem 1.25rem;border-top:1px solid #000}@media print,screen and (min-width: 768px){.workContent__footArea{display:none}}.aboutContent{display:grid;align-items:start}@media print,screen and (min-width: 768px){.aboutContent{margin-top:min(40vh,19rem);padding-bottom:6.25rem;grid-template:"border border" auto "nav main" auto/15.875rem 1fr}.aboutContent:before{position:sticky;top:var(--header-height);content:"";display:block;width:100%;height:1px;grid-area:border;background-color:#000}}@media screen and (max-width: 767.98px){.aboutContent{margin-top:12.5rem;padding-bottom:1.9rem;grid-template:"nav" auto "main" auto/100%}}.aboutContent__nav{grid-area:nav}@media print,screen and (min-width: 768px){.aboutContent__nav{position:sticky;top:var(--header-height);margin-left:2rem;padding-top:7.25rem}}@media screen and (max-width: 767.98px){.aboutContent__nav{position:sticky;top:4rem;padding:.9rem 1.25rem;border-bottom:1px solid #000;background-color:var(--color-main)}}.aboutContent__navTitle{font-weight:500;color:#000}@media print,screen and (min-width: 768px){.aboutContent__navTitle{font-size:1.5rem;margin:0}}@media screen and (max-width: 767.98px){.aboutContent__navTitle{font-size:1.25rem;margin:0}}.aboutContent__main{grid-area:main;padding-right:2rem}@media screen and (max-width: 767.98px){.aboutContent__main{padding-top:6.25rem;padding-right:1.25rem;padding-left:1.25rem}}@media print,screen and (min-width: 768px){.aboutContent__section{max-width:37.5rem;margin:8.65rem auto 4rem min(30%,21.5rem)}}.aboutContent__section:not(:first-child){margin-top:7.5rem}.aboutContent__sectionTitle{font-weight:500;font-size:.75rem;line-height:1;letter-spacing:0;margin-bottom:2.25rem;margin-top:0}.aboutContent__sectionName{margin:2.75rem 0 1.75rem;font-weight:500;font-size:1.0625rem;line-height:1;letter-spacing:0}.aboutContent__sectionName>span{display:block;font-size:.75rem;margin-top:.5rem}.aboutContent__sectionTitle+.aboutContent__sectionContent{margin-top:2rem}.aboutContent__sectionContent h4{font-weight:500;letter-spacing:0;margin-bottom:0}@media print,screen and (min-width: 768px){.aboutContent__sectionContent h4{font-size:.75rem;line-height:1.83}}@media screen and (max-width: 767.98px){.aboutContent__sectionContent h4{font-size:.625rem;line-height:2.2}}.aboutContent__sectionContent h4:not(:first-child){margin-top:1.875rem}.aboutContent__sectionContent h4+p:not(:first-child){margin-top:.5rem}.aboutContent__sectionContent p,.aboutContent__sectionContent div{margin-bottom:0;font-weight:500;letter-spacing:0}@media print,screen and (min-width: 768px){.aboutContent__sectionContent p,.aboutContent__sectionContent div{line-height:1.6;font-size:.875rem}}@media screen and (max-width: 767.98px){.aboutContent__sectionContent p,.aboutContent__sectionContent div{font-size:.75rem;line-height:1.83}}.aboutContent__sectionContent p:not(:first-child),.aboutContent__sectionContent div:not(:first-child){margin-top:1.5rem}.aboutContent__sectionContent a{color:currentColor;text-decoration:none}@media print,screen and (min-width: 768px){.aboutContent__sectionContent.aboutContent__sectionContent--about p:not(:first-child),.aboutContent__sectionContent.aboutContent__sectionContent--about div:not(:first-child){line-height:1.6;margin-top:.85em}}@media screen and (max-width: 767.98px){.aboutContent__sectionContent.aboutContent__sectionContent--about p:not(:first-child),.aboutContent__sectionContent.aboutContent__sectionContent--about div:not(:first-child){line-height:1.83;margin-top:.95em}}@media (any-hover: hover){.aboutContent__sectionContent a:hover{color:#c4c4c4}}.aboutContent__note{font-weight:500;letter-spacing:0;margin:0}@media print,screen and (min-width: 768px){.aboutContent__note{font-size:.75rem;line-height:1.83}}@media screen and (max-width: 767.98px){.aboutContent__note{font-size:.625rem;line-height:2.2}}.mouseStalker{position:fixed;top:0;left:0;height:100%;width:100%;pointer-events:none;z-index:99}