/* 残課題・side barにsticky-blockを設置・footer */ /* @media screen and (min-width:767px) and (max-width:1024px){} 最小幅767pxから最大幅1024pxまではこのスタイルを使用する */ body { font-family: "Helvetica Neue", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; color: black; font-size: 16px; /* の子要素は16px（emの基準）ルート要素は10px(remの基準) */ } .md-typeset h1 { color: black; font-size: 1.6em; font-weight: bold; overflow-wrap: break-word; } .md-typeset h2 { font-size: 1.4em; font-weight: bold; border-bottom: 2px solid #a2a9b1; margin: 2.5em 0 0.5em 0; padding: 0 0 0.2em; overflow-wrap: break-word; } .md-typeset h3 { font-size: 1.2em; font-weight: bold; border-bottom: 2px dotted #ccc; margin: 2.5em 0 1em 0; padding: 0 0 0.2em; overflow-wrap: break-word; } /* 以前のh3装飾 .md-typeset h3::before { display: inline-block; font-family: "FontAwesome"; content: "\f45c"; font-size: 70%; color: #a2a9b1; margin-right: 0.4em; } */ /* スタイルが付いていて、かつ、目次に反映される見出しはh3まで h4は16px boldであり、平文boldと変わらない */ .md-typeset h2 + h3 { margin: 1.7em 0 1em 0; } .md-typeset h4 { margin: 1.7em 0 1em 0; } .md-typeset p { line-height: 2; margin: 1.7em 0; } .md-typeset blockquote { font-size: 95%; color: black; background-color: #fafafa; border-left: solid 6px #e0e0e0 !important; padding: 1em; } .md-typeset blockquote p { margin: 0.5em 0; } .md-typeset blockquote cite { text-align: right; font-style: italic; display: block; font-size: 90%; } /* pptスライド画像 */ .md-typeset .slide { margin: 0 auto; width: 100%; max-width: 670px; height: auto; } .md-nav__link { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ten { text-emphasis: filled dot; } .align-right { text-align: right; } .md-content{ max-width: 680px; margin: 0 auto; } .md-sidebar--secondary{ width: 25%; } [data-md-color-primary=white] { --md-typeset-a-color: #2094f3; } /* works.md カード .card{ max-width: 670px; height: auto; margin-bottom: 2em; } .card a{ color: #111; text-decoration: none; } .card__imgframe-1{ width: 100%; height: auto; padding-top: 56.25%; background: url(araki-nobuyoshi-card.png) no-repeat center; background-size: cover; box-sizing: border-box; object-fit: cover; } .card__imgframe-2{ width: 100%; height: auto; padding-top: 56.25%; background: url(katsushika-hokusai-iitsu-fugaku36-1.jpg) no-repeat center; background-size: cover; box-sizing: border-box; object-fit: cover; } .card__imgframe-3{ width: 100%; height: auto; padding-top: 56.25%; background: url(escher-hands.jpg) no-repeat center; background-size: cover; box-sizing: border-box; object-fit: cover; } .card__imgframe-4{ width: 100%; height: auto; padding-top: 56.25%; background: url(Arcimboldo_Librarian_Stokholm.jpg) no-repeat center; background-size: cover; box-sizing: border-box; object-fit: cover; } .card__imgframe-5{ width: 100%; height: auto; padding-top: 56.25%; background: url(rodin-thinker.jpg) no-repeat center; background-size: cover; box-sizing: border-box; object-fit: cover; } .card__textbox{ width: 100%; height: auto; padding: 20px 18px; background: #ffffff; box-sizing: border-box; } .card__textbox > * + *{ margin-top: 10px; } .card__titletext{ font-size: 20px; font-weight: bold; line-height: 125%; } .card__overviewtext{ font-size: 12px; line-height: 150%; } .card-skin{ box-shadow: 2px 2px 6px rgba(0,0,0,.4); } .card:hover { box-shadow:0 6px 14px rgba(0, 0, 0, 0.24); transform:translate(0, -2px); } .card a:hover { color: #111; text-decoration: none; } */ /* リストのスタイル第一階層は黒丸第二階層は白丸第三階層は黒丸以下の階層は黒丸 */ .md-typeset ul ul{ list-style-type: circle; } .md-typeset ul ul ul{ list-style-type: circle; }