@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');body{font-family:"Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;background-color:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%}::selection{background-color:#53adf9;color:#fafafa}::-moz-selection{background-color:#53adf9;color:#fafafa}header#topHeader{position:fixed;width:100%;background-color:#fafafa;z-index:1;border-bottom:1px solid #ddd}header#topHeader div.container{width:1120px;padding:0 16px;margin:auto;height:64px;padding-bottom:8px;display:flex;align-items:center}header#topHeader div.container div.left h1 a{display:block;width:232px;height:40px;background:url(/img/hopes_api.svg) no-repeat left center/232px 48px;text-indent:-9999px}header#topHeader div.container div.right{margin-left:auto}header#topHeader div.container div.right ul{display:flex}header#topHeader div.container div.right ul li{list-style:none}div.mainContainer{min-height:100%;box-sizing:border-box;padding-top:113px;padding-bottom:180px}footer.pageFooter{margin-top:-100px;height:100px;box-sizing:border-box;border-top:1px solid #ddd}footer.pageFooter p.copyright{font-size:0.9375rem;letter-spacing:0.05em;text-align:center}span#topCover{position:relative;display:block;width:692px;margin:auto;box-shadow:0 0 2px 4px rgba(214, 214, 214, 0.2) inset;background-color:#eee;border-radius:4px}span#topCover span.container{display:block;height:264px}span#topCover span.container:before{content:"";display:block;width:152px;height:200px;position:absolute;left:64px;top:32px;background:url(/img/tsukada.svg) no-repeat center/152px 200px}span#topCover span.container:after{content:"";display:block;width:264px;height:200px;position:absolute;right:64px;top:32px;background:url(/img/gear.svg) no-repeat center/264px 200px}span#topCover span.container:hover{filter:drop-shadow(0 -4px 8px rgba(255, 84, 132, 0.8))}section#apiList{padding-top:40px;width:692px;margin:auto}section#apiList h2,section#apiList h3{font-weight:900;letter-spacing:0.05em}section#apiList p{margin-top:8px;font-size:1.125rem;line-height:1.75em;letter-spacing:0.1em}section#apiList p.toDetail{text-align:right}section#apiList p.toDetail a{color:#53adf9;font-weight:bold}section#apiList p.toDetail a:hover{color:#ff5484}section#apiList h2{font-size:2.25rem;text-align:center}section#apiList div.summary{margin-top:32px}section#apiList div.weatherApi{margin-top:64px;padding-top:32px;border-top:1px solid #ddd}section#apiList div.weatherApi:before{content:"";display:block;width:104px;height:104px;margin:auto;background:url(/img/api_weather.svg) no-repeat center;border-radius:8px}section#apiList div.weatherApi h3{font-size:2rem;font-weight:900;line-height:2em;text-align:center}section#apiList div.list{display:flex}