CINXE.COM
ログイン | カーリル
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ログイン | カーリル</title> <meta name="theme-color" content="#00A1EA"> <meta name="application-name" content="カーリル" /> <meta name="apple-mobile-web-app-title" content="カーリル"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="search" type="application/opensearchdescription+xml" href="https://calil.jp/public/search.xml" title="カーリル" /> <link rel="alternate" type="application/rss+xml" title="カーリルのブログ" href="https://blog.calil.jp/feed" /> <link rel="stylesheet" href="/public/web-html/css/index.css"> <style type="text/css" media="print"> #menu, #menu_sp, .navigation { display: none; } #next, #next * { -webkit-print-color-adjust: exact; } </style> <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' https://www.googletagmanager.com https://www.google-analytics.com https://ssl.google-analytics.com; script-src-elem 'self' 'unsafe-inline' https://www.googletagmanager.com https://www.google-analytics.com https://ssl.google-analytics.com; connect-src 'self' *.sentry.io https://www.google-analytics.com https://api.calil.jp http://127.0.0.1:8080 http://127.0.0.1:8090; img-src 'self' https: data:; style-src 'unsafe-inline' *;"/> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-S0SYRD0CEW"></script> <script> var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack; if (dnt!=='1' && dnt!=='yes') { window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-S0SYRD0CEW'); } else { console.log('Do-Not-Track, not loading analytics.'); window.gtag = function() {}; } </script> </head> <body> <div id="menu"> <div class="container"> <a href="/"> <img src="/public/web-html/assets/home.svg" title="ホーム"> </a> <a href="/popular/">今話題の本</a><a href="/library/">図書館マップ</a><a href="/recipe">本のレシピ</a><a class="large" href="/list">読みたいリスト</a> <div class="dropdown"> <button aria-disabled="true" onclick="event.target.focus();">もっと見る<span class="caret" aria-hidden="true">▼</span></button> <div class="menu" role="menubar"> <a tabindex="0" class="small" href="/list">読みたいリスト</a> <a tabindex="0" href="/review/">書評</a> <a tabindex="0" href="/local/">カーリルローカル</a> <a tabindex="0" href="/touch/">カーリルタッチ</a> <a tabindex="0" href="/stamp">図書館スタンプラリー</a> </div> </div> <div class="right"> <a href="/login">ログイン・新規登録</a> <div class="dropdown"> <button aria-disabled="true" onclick="event.target.focus();">設定<span class="caret">▼</span> </button> <div class="menu" role="menubar" aria-label="設定"> <a tabindex="0" href="/settings">お気に入り図書館</a> <a tabindex="0" href="/profile/source">高度な検索設定</a> <a tabindex="0" href="/login">ログイン</a> </div> </div> </div> </div> </div> <div id="menu_sp" role="menu"> <div class="container"> <a class="logo" href="/"> <img src="/public/web-html/assets/logo-sp.svg" title="カーリル"> </a> <a class="login" href="/login?redirect=/login%3Fredirect%3D%252Fbook%252F2889109879">ログイン</a> <a class="setting" href="/settings">図書館の設定</a> <a href="/popular/">今話題の本</a> <a href="/library/">図書館マップ</a> <a href="/recipe">本のレシピ</a> <a href="/list">読みたいリスト</a> <a href="/review/">書評</a> <a href="/local/">ローカル</a> <a href="/stamp">スタンプラリー</a> </div> </div> <nav class="navigation"> <button class="menu_icon" aria-label="メニュー" aria-haspopup="true" aria-controls="menu_sp"></button> <button class="search_icon" aria-label="検索フォームの表示"> </nav> <div id="next" class="page_hide"> <div class="container"> <a class="logo" href="/" title="カーリルのホームに戻る"> <picture> <source media="(max-width: 1024px)" srcset="/public/web-html/assets/logo-mini.svg"> <img src="/public/web-html/assets/logo.svg" alt="日本最大の図書館蔵書検索・カーリル"> </picture> </a> <form action="/search" method="get"><input name="q" type="search" value="" placeholder="" autocomplete="off" autofocus="true"><button type="submit">さがす</button></form> </div> </div> <style type="text/css" media="screen"> .container a { color: #00ABFF; text-decoration: none; } h1 { font-size: 120%; color: #00ABFF; margin-top: 0; } h3 { font-size: 100%; } h1, h2, h3, h4 { font-weight: 600; } @media screen and (min-width: 1001px) { .row { display: flex; padding-top: 1rem; } .guide_left { flex: 7; } .guide_right { flex: 3; } } /* begin guide */ .guide_left { margin-bottom: 60px; margin-right: 30px; } .guide_left h3 { color: #666; font-size: 125%; font-weight: normal; border: none; margin-bottom: 0; } .guide_left a { text-decoration: underline; } .guide_left p { margin-top: 0px; } .guide_left .prefix { display: flex; justify-content: flex-start; align-items: center; } .guide_left .icon_box { display: flex; justify-content: center; align-items: center; height: 80px; padding-top: 7px; } .guide_left .icon_desc h3 { font-size: 100%; } .guide_left .icon_desc p { font-size: 85%; } .guide_left .icon { display: block; width: 64px; height: 38px; line-height: 14px; margin-right: 10px; vertical-align: middle; background-position: 0 0; background-repeat: no-repeat; } .guide_left .icon_search { background-image: url("https://calil.jp/public/img/2012/startguide.png"); background-position: 12px 0; } .guide_left .icon_popular { height: 50px; background-image: url("https://calil.jp/public/img/2012/startguide.png"); background-position: 12px -40px; } .guide_left .icon_author { background-image: url("https://calil.jp/public/img/2012/startguide.png"); background-position: 5px -90px; } .guide_left .icon_library { height: 44px; background-image: url("https://calil.jp/public/img/2012/startguide.png"); background-position: 5px -133px; } .guide_left .icon_list { height: 60px; background-image: url("https://calil.jp/public/img/2012/startguide.png"); background-position: 19px -182px; } .guide_left .icon_account { height: 68px; background-image: url("https://calil.jp/public/img/2012/startguide.png"); background-position: 0 -245px; } .guide_left .icon_firstsearch { background-image: url("https://calil.jp/public/img/2012/loginicon.png"); background-position: 4px 0; } .guide_left .icon_golib { background-image: url("https://calil.jp/public/img/2012/loginicon.png"); background-position: 0 -65px; } .guide_left .icon_recipe { background-image: url("https://calil.jp/public/img/2012/loginicon.png"); background-position: 0 -140px; } .guide_right { float: right; width: 345px; background-color: #f8f8f8; border: 2px solid #E9E9E9; border-radius: 5px; padding: 20px 30px; } .guide_right_inner { padding: 10px 52px; } @media screen and (min-width: 1001px) { .is_sp { display: none; } } @media screen and (max-width: 1000px) { .is_pc { display: none; } h1 { margin-bottom: 5px } /* begin guide */ .guide_left { margin-bottom: 10px; margin-right: 0px; } .guide_left h3 { color: #666; font-size: 125%; font-weight: normal; border: none; margin-bottom: 0; } .guide_left a { text-decoration: underline; } .guide_left p { margin-top: 0px; } .icon_box { float: left; height: 60px; } .guide_left .icon { display: block; width: 64px; height: 38px; line-height: 14px; vertical-align: middle; background-position: 0 0; background-repeat: no-repeat; } .guide_left .icon_firstsearch { background-image: url("https://calil.jp/public/img/2012/loginicon.png"); background-position: 4px 0; } .guide_left .icon_golib { background-image: url("https://calil.jp/public/img/2012/loginicon.png"); background-position: 0 -65px; } .guide_left .icon_recipe { background-image: url("https://calil.jp/public/img/2012/loginicon.png"); background-position: 0 -140px; } .guide_right { float: none; clear: both; width: auto; background-color: #f6f6f6; border: 1px solid #CFCFCF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .guide_right h4 { font-size: 120%; font-weight: normal; margin-bottom: 10px; text-align: center; } } </style> <div class="container"> <div class="row"> <div class="col-md-7 guide_left"> <h1>ログイン</h1> <p style="margin-bottom:30px"> カーリルにログインすると無料のすべてのサービスをさらに便利に使えます。<br> よく使っているサービスを選択してログインしましょう。 </p> <div class="is_pc"> <div class="prefix"> <div class="icon_box"> <span class="icon icon_firstsearch"></span> </div> <div class="icon_desc"> <h3>すぐに検索</h3> <p>お気に入りの図書館の設定を保存して、いつでも呼び出し</p> </div> </div> <div class="prefix"> <div class="icon_box"> <span class="icon icon_golib"></span> </div> <div class="icon_desc"> <h3>図書館に行ける</h3> <p>読みたい本をリストに印刷、図書館へでかけよう</p> </div> </div> <div class="prefix"> <div class="icon_box"> <span class="icon icon_recipe"></span> </div> <div class="icon_desc"> <h3>読んだ本をすすめる</h3> <p>本のレシピを作成して、広がる本の世界へ</p> </div> </div> </div> </div> <div class="col-md-5 guide_right"> <style> h4 { text-align: center; font-size: 0.9rem; font-weight: 500; font-family: system-ui; color: #333; margin-bottom: 0.85rem; } h4:first-child { margin-top: 0; } .text-line { display: flex; align-items: center; justify-content: center; margin: 1.2rem 0 1rem; } .text-line:before, .text-line:after { content: ""; flex-grow: 1; height: 1px; background: #999999; margin: 0 0.5rem; } .text-line h4 { margin: 0; } @media screen and (max-width: 1000px) { .logins { max-width: 400px; margin: 0 auto; } } .logins p { margin: 0px auto 0px; } .login_button { display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; font-size: 0.85rem; color: #000 !important; background-color: #fff; margin-bottom: 10px; padding: 0.6rem; cursor: pointer; border: 1px solid #cfcfcf; border-radius: 5px; transition-property: color, border-color, background-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; } .login_button:hover { border-color: #666666; } @media screen and (max-width: 1000px) { .login_button { width: 100%; } } .login_button svg { margin-right: 0.8rem; width: 20px; } #login_passkey svg { width: 18px; margin-left: 2px; } #login_google svg { width: 18px; margin-left: 2px; } #login_twitter svg { width: 16px; margin-left: 2px; } #login_mixi svg { width: 22px; margin-left: -2px; } #login_yahoo_oauth2 svg { width: 22px; margin-right: calc(1rem - 2px); } .passkeyLoginMessage { display: none; font-size: .8rem; color: #666; text-align: center; } p.deprecated { font-size: .8rem; color: #eb6d00; text-align: center; margin-bottom: 1.25rem; } </style> <div class="logins"> <h4>ログイン・新規登録</h4> <p id="login_google"> <a href="https://login.calil.jp/google_login?redirect=%2Fbook%2F2889109879" class="login_button" rel="nofollow"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.6 10.2273C19.6 9.51819 19.5364 8.83639 19.4182 8.18179H10V12.05H15.3818C15.15 13.3 14.4455 14.3591 13.3864 15.0682V17.5773H16.6182C18.5091 15.8364 19.6 13.2727 19.6 10.2273Z" fill="#4285F4"/> <path d="M10 20C12.7 20 14.9636 19.1045 16.6181 17.5773L13.3863 15.0682C12.4909 15.6682 11.3454 16.0227 10 16.0227C7.3954 16.0227 5.1909 14.2636 4.4045 11.9H1.0636V14.4909C2.7091 17.7591 6.0909 20 10 20Z" fill="#34A853"/> <path d="M4.4045 11.9C4.2045 11.3 4.0909 10.6591 4.0909 9.99999C4.0909 9.34089 4.2045 8.69999 4.4045 8.09999V5.50909H1.0636C0.3864 6.85909 0 8.38639 0 9.99999C0 11.6136 0.3864 13.1409 1.0636 14.4909L4.4045 11.9Z" fill="#FBBC04"/> <path d="M10 3.9773C11.4681 3.9773 12.7863 4.4818 13.8227 5.4727L16.6909 2.6045C14.9591 0.9909 12.6954 0 10 0C6.0909 0 2.7091 2.2409 1.0636 5.5091L4.4045 8.1C5.1909 5.7364 7.3954 3.9773 10 3.9773Z" fill="#E94235"/> </svg> Googleログインする </a> </p> <p id="login_facebook"> <a href="/facebook_oauth2_login?redirect=%2Fbook%2F2889109879" class="login_button" rel="nofollow"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_28)"> <mask id="mask0_2_28" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-4" y="-4" width="28" height="28"> <path d="M-4 -4.00001H24V24H-4V-4.00001Z" fill="white"/> </mask> <g mask="url(#mask0_2_28)"> <path d="M20 10C20 4.47717 15.5228 1.28506e-05 10 1.28506e-05C4.47716 1.28506e-05 0 4.47717 0 10C0 14.6898 3.2286 18.6249 7.58424 19.7055V13.0558H5.52216V10H7.58424V8.68325C7.58424 5.27957 9.12456 3.70197 12.4662 3.70197C13.0997 3.70197 14.1928 3.82617 14.64 3.95041V6.72057C14.404 6.69573 13.9941 6.68329 13.4848 6.68329C11.845 6.68329 11.2115 7.30441 11.2115 8.91929V10H14.4778L13.9167 13.0558H11.2115V19.9268C16.1629 19.3287 20 15.1127 20 10Z" fill="#0866FF"/> <path d="M13.9167 13.0558L14.4779 10H11.2115V8.91925C11.2115 7.30437 11.845 6.68329 13.4847 6.68329C13.9941 6.68329 14.404 6.69569 14.64 6.72053V3.95041C14.1928 3.82617 13.0997 3.70193 12.4661 3.70193C9.12458 3.70193 7.58422 5.27957 7.58422 8.68325V10H5.52214V13.0558H7.58422V19.7055C8.35794 19.8974 9.16694 20 9.99998 20C10.4101 20 10.8143 19.9747 11.2115 19.9268V13.0558H13.9167Z" fill="white"/> </g> </g> <defs> <clipPath id="clip0_2_28"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> Facebookログインする </a> </p> <p id="login_yahoo_oauth2"> <a href="/yahoo_oauth2_login?redirect=%2Fbook%2F2889109879" class="login_button" rel="nofollow"><svg width="39" height="21" viewBox="0 0 39 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 0C4.98713 0 9.97425 0 15.1125 0C14.95 1.13007 14.95 1.13007 14.625 1.45294C14.2152 1.51923 14.2152 1.51923 13.7046 1.5551C13.4312 1.57539 13.4312 1.57539 13.1523 1.59609C12.9613 1.60879 12.7703 1.62148 12.5734 1.63456C12.3811 1.6485 12.1888 1.66244 11.9907 1.67681C11.5147 1.71113 11.0387 1.74408 10.5625 1.77582C11.0902 2.7602 11.7346 3.61952 12.4211 4.50008C12.5926 4.72173 12.5926 4.72173 12.7676 4.94786C13.0019 5.25071 13.2365 5.55337 13.4713 5.85583C13.7904 6.2675 14.1078 6.68031 14.4244 7.09381C14.5186 7.21672 14.6128 7.33963 14.7098 7.46627C14.8847 7.69464 15.0596 7.92308 15.2343 8.15159C15.7204 8.7843 16.2202 9.40129 16.7375 10.0091C16.8693 9.89781 17.001 9.78648 17.1368 9.67177C17.3185 9.51849 17.5002 9.36526 17.682 9.21205C17.7781 9.1311 17.8741 9.05015 17.973 8.96674C18.5608 8.47257 19.1542 7.98677 19.7539 7.50686C20.4189 6.96766 21.0668 6.41322 21.7039 5.84203C21.829 5.73153 21.829 5.73153 21.9566 5.6188C22.382 5.23258 22.6998 4.89525 22.9125 4.35882C22.7557 4.34696 22.7557 4.34696 22.5958 4.33486C21.3914 4.23586 20.2049 4.06849 19.0125 3.87451C18.9589 3.34176 18.9053 2.80902 18.85 2.26013C23.14 2.26013 27.43 2.26013 31.85 2.26013C31.3897 3.40335 31.3897 3.40335 30.875 3.87451C30.3142 4.06356 29.741 4.15679 29.1586 4.25792C27.7275 4.54628 26.662 4.88633 25.5125 5.81176C25.3338 5.94715 25.1548 6.08208 24.9755 6.21662C23.6538 7.21862 22.3814 8.28217 21.125 9.3634C20.9754 9.4918 20.8259 9.6202 20.6718 9.75249C20.273 10.1014 19.8798 10.447 19.5 10.8163C19.4028 10.8918 19.3057 10.9673 19.2056 11.045C18.5204 11.6581 18.2977 12.1777 18.2302 13.0978C18.2056 13.7368 18.2055 14.3743 18.2102 15.0137C18.208 15.2801 18.2054 15.5464 18.2022 15.8127C18.1947 16.4615 18.1976 17.109 18.2 17.7582C19.6479 17.8647 21.0958 17.9713 22.5875 18.081C22.5875 19.2111 22.5875 19.2111 22.425 19.6954C15.5074 19.7753 15.5074 19.7753 8.45 19.8569C8.45 18.5654 8.45 18.5654 8.6125 18.2425C9.05519 18.1732 9.48728 18.121 9.93281 18.081C10.8315 17.9979 11.6509 17.8692 12.5125 17.5967C12.9858 16.0025 13.1441 13.0964 12.4116 11.5731C12.0468 11.0564 11.6563 10.6216 11.2125 10.1706C10.984 9.88955 10.7644 9.60292 10.5446 9.31512C10.1804 8.83979 9.80219 8.37568 9.425 7.91046C9.30288 7.75937 9.18076 7.60829 9.05493 7.45263C8.13749 6.32857 7.19187 5.22894 6.23832 4.13511C6.03293 3.89808 5.83023 3.65876 5.62783 3.4192C5.4613 3.22504 5.4613 3.22504 5.29141 3.02696C5.15096 2.86089 5.15096 2.86089 5.00767 2.69147C4.23398 1.984 3.1728 1.97427 2.17344 1.84645C1.86658 1.80628 1.55977 1.76573 1.25303 1.72474C1.11779 1.70735 0.982546 1.68996 0.843207 1.67204C0.4875 1.61438 0.4875 1.61438 0 1.45294C0 0.973471 0 0.494 0 0Z" fill="#FF0033"/> <path d="M33.3125 1.77583C34.1675 1.95624 35.0068 2.15423 35.842 2.41276C36.0279 2.46998 36.2139 2.52721 36.4054 2.58618C36.5947 2.64507 36.7839 2.70396 36.9789 2.76464C37.1738 2.82478 37.3687 2.88492 37.5696 2.94689C38.0465 3.09414 38.5233 3.24193 39 3.39021C38.9103 3.93838 38.7867 4.34655 38.4922 4.81793C38.419 4.93686 38.3458 5.05579 38.2703 5.17833C38.1894 5.30745 38.1084 5.43658 38.025 5.56962C37.847 5.8587 37.6693 6.14796 37.4918 6.43735C37.395 6.59489 37.2982 6.75242 37.1985 6.91473C36.6847 7.75954 36.1846 8.61223 35.6839 9.46469C34.5288 11.4308 33.36 13.3881 32.175 15.3366C31.1894 15.2298 30.3442 15.0235 29.4125 14.6909C29.8034 13.2178 30.246 11.7615 30.6941 10.3049C30.7699 10.0577 30.8457 9.81052 30.9215 9.56331C31.1192 8.9186 31.3173 8.27399 31.5154 7.6294C31.7182 6.96924 31.9207 6.309 32.1233 5.64877C32.5194 4.3577 32.9158 3.06673 33.3125 1.77583Z" fill="#FF0033"/> <path d="M27.95 16.6281C28.7261 16.7242 29.4551 16.8704 30.2047 17.0922C30.4806 17.1715 30.4806 17.1715 30.762 17.2524C30.9788 17.3429 30.9788 17.3429 31.2 17.4353C31.4186 18.0869 31.1871 18.4708 30.9258 19.0699C30.8631 19.2263 30.8631 19.2263 30.7991 19.3858C30.4729 20.1455 30.4729 20.1455 30.0862 20.3006C29.698 20.3458 29.4492 20.3012 29.0754 20.1917C28.9536 20.1562 28.8318 20.1208 28.7063 20.0842C28.518 20.0266 28.518 20.0266 28.3258 19.9679C28.1983 19.9313 28.0709 19.8948 27.9395 19.8572C27.6145 19.7604 27.2942 19.6482 26.975 19.534C26.9214 19.4274 26.8677 19.3209 26.8125 19.2111C26.9869 18.7645 27.1704 18.3342 27.3711 17.8994C27.4261 17.7777 27.4811 17.656 27.5377 17.5305C27.674 17.2292 27.8119 16.9286 27.95 16.6281Z" fill="#FF0033"/> </svg> Yahoo! JAPANログインする </a> </p> <p id="login_docomosp"> <a href="/docomo_oauth2_login?redirect=%2Fbook%2F2889109879" class="login_button" rel="nofollow"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2_10)"> <path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20Z" fill="#CC0033"/> <path d="M11.1204 4.44433V8.06855C10.622 7.78365 10.0277 7.61418 9.33737 7.61418C6.8682 7.61418 5.55555 9.51303 5.55555 11.3082C5.55555 13.0988 6.8682 14.9999 9.33737 14.9999C11.1919 14.9999 11.8858 14.114 13.179 13.5281V4.44433H11.1204ZM7.61417 11.3064C7.61417 10.4066 8.23475 9.5242 9.3804 9.5242C10.5274 9.5242 11.1272 10.369 11.1475 11.2599V11.3529C11.1272 12.2446 10.5274 13.0899 9.3804 13.0899C8.23475 13.0899 7.61417 12.2071 7.61417 11.3064Z" fill="white"/> </g> <defs> <clipPath id="clip0_2_10"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> dアカウントログインする </a> </p> <p id="login_mixi_oauth2"> <a href="/mixi_login?redirect=%2Fbook%2F2889109879" class="login_button" rel="nofollow"><svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.2064 2.76665C19.2683 2.82109 19.3302 2.87553 19.394 2.93163C20.7923 4.24325 21.8673 6.26571 21.9785 8.19701C22.027 10.7763 22.027 10.7763 21.6071 12.0138C21.5881 12.0703 21.569 12.1268 21.5494 12.1849C20.3585 15.6268 17.4819 18.1128 14.2897 19.6793C12.2782 20.6386 12.2782 20.6386 11.7375 20.6386C11.7375 19.9344 11.7375 19.2302 11.7375 18.5046C11.5321 18.534 11.3267 18.5633 11.1151 18.5936C7.95761 18.7901 4.97177 17.986 2.52368 15.9539C1.00624 14.5395 0.101233 12.6205 0.00277587 10.5448C-0.0599385 8.06298 0.943794 5.68347 2.62996 3.87878C6.96234 -0.592897 14.3799 -1.50583 19.2064 2.76665Z" fill="#D1AD5A"/> <path d="M10.2815 5.71753C10.8141 6.03142 11.147 6.43002 11.4708 6.94567C11.5118 6.90051 11.5528 6.85535 11.5951 6.80882C12.3675 5.99367 13.1579 5.52919 14.2938 5.48968C15.1082 5.50611 15.7399 5.65121 16.3167 6.25102C17.0438 7.15661 16.9966 8.24186 16.9922 9.34881C16.992 9.46953 16.9919 9.59024 16.9918 9.71095C16.9915 10.0268 16.9906 10.3427 16.9896 10.6586C16.9887 10.9817 16.9883 11.3047 16.9879 11.6278C16.9869 12.2603 16.9854 12.8929 16.9835 13.5254C16.5141 13.5254 16.0446 13.5254 15.5609 13.5254C15.5601 13.3626 15.5592 13.1998 15.5584 13.032C15.5552 12.4915 15.5504 11.951 15.5445 11.4105C15.541 11.0831 15.5382 10.7557 15.5368 10.4283C15.5354 10.1118 15.5324 9.7953 15.5281 9.47879C15.5262 9.30048 15.526 9.12215 15.5258 8.94382C15.5158 8.31607 15.4891 7.7407 15.1163 7.21241C14.7064 6.88237 14.2661 6.79358 13.7461 6.81681C13.1989 6.91173 12.7686 7.16561 12.371 7.54585C11.8846 8.28987 11.7732 8.89709 11.7723 9.78297C11.7708 9.89038 11.7693 9.9978 11.7678 10.1085C11.7635 10.4491 11.7616 10.7896 11.7598 11.1302C11.7573 11.3622 11.7546 11.5942 11.7518 11.8261C11.7452 12.3925 11.7408 12.9589 11.7375 13.5254C11.2681 13.5254 10.7986 13.5254 10.3149 13.5254C10.3136 13.2812 10.3136 13.2812 10.3124 13.032C10.3092 12.4915 10.3044 11.951 10.2985 11.4105C10.295 11.0831 10.2922 10.7557 10.2908 10.4283C10.2894 10.1118 10.2864 9.7953 10.2821 9.47879C10.2802 9.30048 10.28 9.12215 10.2798 8.94382C10.2699 8.31688 10.2441 7.73945 9.87031 7.21241C9.47078 6.89635 9.0615 6.80223 8.55707 6.82827C7.96883 6.91275 7.53634 7.14567 7.11394 7.56808C6.60188 8.28731 6.55221 8.97193 6.54363 9.82638C6.54191 9.9322 6.54018 10.038 6.53841 10.147C6.53311 10.484 6.52897 10.821 6.52487 11.158C6.52148 11.3869 6.518 11.6158 6.51445 11.8447C6.50593 12.4049 6.49845 12.9651 6.49153 13.5254C6.02206 13.5254 5.55258 13.5254 5.06889 13.5254C5.06889 10.9433 5.06889 8.3612 5.06889 5.70086C5.53836 5.70086 6.00783 5.70086 6.49153 5.70086C6.52087 6.05296 6.55021 6.40506 6.58044 6.76784C6.67947 6.65964 6.7785 6.55144 6.88053 6.43996C7.748 5.56786 9.13067 5.16379 10.2815 5.71753Z" fill="#FEFEFD"/> </svg> mixiログインする </a> </p> <p id="login_twitter"> <a href="/twitter_oauth2_login?redirect=%2Fbook%2F2889109879" class="login_button" rel="nofollow"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.9027 8.46864L19.3482 0H17.5838L11.119 7.3532L5.95547 0H0L7.8082 11.1193L0 20H1.76443L8.59152 12.2348L14.0445 20H20L11.9023 8.46864H11.9027ZM9.48608 11.2173L8.69495 10.1101L2.40018 1.29968H5.11025L10.1902 8.40994L10.9813 9.51718L17.5847 18.7594H14.8746L9.48608 11.2177V11.2173Z" fill="black"/> </svg> X(Twitter)ログインする </a> </p> <p id="login_passkey"> <button class="login_button passkeyLogin "><svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.89474 9.47368C10.5108 9.47368 12.6316 7.35293 12.6316 4.73684C12.6316 2.12076 10.5108 0 7.89474 0C5.27865 0 3.1579 2.12076 3.1579 4.73684C3.1579 7.35293 5.27865 9.47368 7.89474 9.47368Z" fill="black"/> <path d="M20.5263 9.47368C20.5286 8.81382 20.3537 8.16545 20.0197 7.59632C19.6858 7.02719 19.2051 6.55819 18.628 6.23833C18.0508 5.91847 17.3984 5.75949 16.7387 5.77801C16.0791 5.79653 15.4366 5.99186 14.8783 6.34359C14.32 6.69532 13.8664 7.19055 13.5649 7.77752C13.2634 8.36449 13.1251 9.02165 13.1645 9.68034C13.2038 10.339 13.4193 10.9751 13.7885 11.522C14.1577 12.0689 14.667 12.5067 15.2632 12.7895V18.4211L16.8421 20L19.4737 17.3684L17.8947 15.7895L19.4737 14.2105L18.1684 12.9053C18.8617 12.6378 19.4578 12.1669 19.8786 11.5545C20.2994 10.9421 20.5252 10.2167 20.5263 9.47368ZM16.8421 9.47368C16.6339 9.47368 16.4304 9.41195 16.2573 9.29628C16.0842 9.18062 15.9493 9.01622 15.8696 8.82388C15.7899 8.63153 15.7691 8.41988 15.8097 8.21569C15.8503 8.0115 15.9506 7.82394 16.0978 7.67673C16.245 7.52951 16.4326 7.42926 16.6368 7.38864C16.8409 7.34803 17.0526 7.36887 17.2449 7.44855C17.4373 7.52822 17.6017 7.66313 17.7173 7.83624C17.833 8.00934 17.8947 8.21286 17.8947 8.42105C17.8947 8.70023 17.7838 8.96797 17.5864 9.16537C17.389 9.36278 17.1213 9.47368 16.8421 9.47368Z" fill="black"/> <path d="M12.0421 11.6C11.2338 11.2396 10.3587 11.0531 9.47368 11.0526H6.31579C4.64074 11.0526 3.03429 11.718 1.84985 12.9025C0.665412 14.0869 0 15.6934 0 17.3684V19.4737H13.6842V13.6737C12.9743 13.1283 12.4102 12.416 12.0421 11.6Z" fill="black"/> </svg> パスキーログインする </button> </p> <p class="passkeyLoginMessage"></p> <script type="module" crossorigin src="https://calil.jp/auth/passkey/static/passkeyLogin/index.js"></script> <script> const button = document.querySelector('button.passkeyLogin') const messageSpan = document.querySelector('.passkeyLoginMessage') button.addEventListener('click', async () => { button.disabled = true messageSpan.textContent = '' messageSpan.style.display = 'none' const r = await window.onPasskeyLogin() if (r.status === 'success') { const urlParams = new URLSearchParams(window.location.search); let redirectUrl = urlParams.get('redirect') || '/'; if (!/^\/.*/.test(redirectUrl) && !/https:\/\/(touch\.)?calil\.jp/.test(redirectUrl)) redirectUrl = '/' location.href = redirectUrl } else { messageSpan.textContent = r.message messageSpan.style.display = 'block' button.disabled = false } }) </script> </div> </div> </div> </div> <div class="footer"> <p> <a href="/doc/about.html">カーリルについて</a> - <a href="/doc/lib.html">図書館の方へ</a> - <a href="/local/">ローカル</a> - <a href="/doc/api.html">図書館 API</a> - <a href="/doc/download.html">バナー・素材</a> </p> <p> <a href="/">ホーム</a> - <a href="/company/">運営会社</a> - <a href="https://blog.calil.jp/">ブログ</a> - <a href="https://twitter.com/caliljp">Twitter</a> - <a href="/privacy/freedom.html">図書館の自由</a> - <a href="/privacy/">プライバシーポリシー</a> - <a href="/doc/contact.html">お問い合わせ</a> </p> </div> <script type="text/javascript" charset="utf-8" src="/public/web-html/js/menusp.js"></script> </body> </html>