/* ここに独自の CSS を追加することができます。 詳しくは上のヘルプアイコンをクリックしてください。 */ /* たぬき油性マジックWEBフォント class="tanukiClass"で指定 */ @font-face { font-family: "tanuki"; src: url("http://tanukifont.com/webfonts/web_tanuki.eot?") format('eot'), url("http://tanukifont.com/webfonts/web_tanuki.woff") format("woff"); } .webfonttanuki { font-family: "tanuki"; } /* ようじょふぉんとWEBフォント class="yojoClass"で指定 */ @font-face { font-family: "yojo"; src: url("http://tanukifont.com/webfonts/web_yojo.eot?") format('eot'), url("http://tanukifont.com/webfonts/web_yojo.woff") format("woff"); } .webfontyojo { font-family: "yojo"; } /* 自由の翼フォントWEBフォント class="jiyuClass"で指定 */ @font-face { font-family: "jiyu"; src: url("http://tanukifont.com/webfonts/web_jiyu.eot?") format('eot'), url("http://tanukifont.com/webfonts/web_jiyu.woff") format("woff"); } .webfontjiyu { font-family: "jiyu"; } /* Ingress Glyphabet WEBフォント class="glyphabetClass"で指定 */ @font-face { font-family: "glyphabet"; src: url("http://tanukifont.com/webfonts/web_glyphabet.eot?") format('eot'), url("http://tanukifont.com/webfonts/web_glyphabet.woff") format("woff"); } .webfontglyphabet { font-family: "glyphabet"; } /* 押出Mゴシック WEBフォント class="webfontoshidashi"で指定 */ @font-face { font-family: "oshidashi"; src: url("http://tanukifont.com/webfonts/web_oshidashi.woff2") format('woff2'), url("http://tanukifont.com/webfonts/web_oshidashi.woff") format('woff'); } .webfontoshidashi { font-family: "oshidashi"; } /* エセナパJ WEBフォント class="webfontesenapaj"で指定 */ @font-face { font-family: "esenapaj"; src: url("http://tanukifont.com/webfonts/web_esenapaj.woff2") format('woff2'), url("http://tanukifont.com/webfonts/web_esenapaj.woff") format('woff'); } .webfontesenapaj { font-family: "esenapaj"; } /* オリジナル枠 */ .waku { padding: 15px; border: solid 2px #99CC99; border-radius: 10px; background-color: #FFF; margin-top: 30px; margin-bottom: 30px; } /* ダウンロード枠 */ .dlframe { margin: 50px 0 100px; font-weight: bold; font-size: xx-large; } /* キャプション枠 */ .wp-caption { margin-top: 30px; margin-bottom: 30px; /* border: 1px solid silver; background-color: #EEE; padding: 20px; */ } .wp-caption-text { margin-bottom: 0; color: #000; } /* 画像に枠をつける */ img.qwq { border: 1px solid #dddddd; } /* フォントサンプル表示用の文字 */ .fontsample { font-size: 2.5em; } p { font-size: 15px; line-height: 27px; margin-bottom: 20px; } /* コード部分の文字 */ code { font-size: .7em; } /* フォントストリームテスト */ @font-face{ font-family: "Elegant-09"; font-weight: normal; src:url("https://www.font-stream.com/fontdata/Elegant-09.eot?token=z7jomnkfavm_1ekr") format("embedded-opentype"), url("https://www.font-stream.com/fontdata/Elegant-09.woff?token=z7jomnkfavm_1ekr") format("woff"), url("https://www.font-stream.com/fontdata/Elegant-09.otf?token=z7jomnkfavm_1ekr") format("opentype"); } .webfontelegant09 { font-family: "Elegant-09"; } @font-face{ font-family: "KOKizahashiKinryo"; font-weight: normal; src:url("https://www.font-stream.com/fontdata/KOKizahashiKinryo-M.eot?token=z7jomnkfavm_1ekr") format("embedded-opentype"), url("https://www.font-stream.com/fontdata/KOKizahashiKinryo-M.woff?token=z7jomnkfavm_1ekr") format("woff"), url("https://www.font-stream.com/fontdata/KOKizahashiKinryo-M.otf?token=z7jomnkfavm_1ekr") format("opentype"); } .webfontkinryo { font-family: "KOKizahashiKinryo"; } @font-face{ font-family: "SeptemberN-04"; font-weight: normal; src:url("https://www.font-stream.com/fontdata/SeptemberN-04.eot?token=z7jomnkfavm_1ekr") format("embedded-opentype"), url("https://www.font-stream.com/fontdata/SeptemberN-04.woff?token=z7jomnkfavm_1ekr") format("woff"), url("https://www.font-stream.com/fontdata/SeptemberN-04.otf?token=z7jomnkfavm_1ekr") format("opentype"); } .webfontsepn { font-family: "SeptemberN-04"; }