-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (59 loc) · 18.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!doctype html>
<html data-n-head-ssr>
<head>
<title>一心寺キャラクター</title><meta data-n-head="ssr" charset="utf-8"><meta data-n-head="ssr" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="ssr" data-hid="description" name="description" content="一心寺オリジナルキャラクターの紹介"><meta data-n-head="ssr" data-hid="og:title" name="og:title" content="一心寺キャラクター"><meta data-n-head="ssr" data-hid="og:description" name="og:description" content="一心寺オリジナルキャラクターの紹介"><link data-n-head="ssr" rel="icon" type="image/x-icon" href="/isshinji/favicon.ico"><base href="/isshinji/"><link rel="preload" href="/isshinji/_nuxt/a687e7b9c652a89f9fc7.js" as="script"><link rel="preload" href="/isshinji/_nuxt/4fcf1c515f4287ff6f26.js" as="script"><link rel="preload" href="/isshinji/_nuxt/6306d6a14e1805427675.js" as="script"><link rel="preload" href="/isshinji/_nuxt/582080545745f3a002a5.js" as="script"><link rel="preload" href="/isshinji/_nuxt/f1ed938ee7c769c4239d.js" as="script"><style data-vue-ssr-id="f52d43e0:0 3191d5ad:0 932a8f60:0 6759f5ab:0 6b3e58ea:0 6b2babb9:0 36dfbd22:0">body{font-family:M PLUS Rounded\ 1c,Lato,Noto Sans JP,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;line-height:1.6}addr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}small{font-size:60%}h2{font-size:9vw;line-height:1;color:#4f1e08;position:absolute;top:0;right:0;pointer-events:none;font-family:Nunito;font-weight:900}img{width:100%}.boldroman{font-family:Nunito;font-weight:900}@media screen and (min-width:1025px){h2{font-size:5.4vw}}.nuxt-progress{position:fixed;top:0;left:0;right:0;height:2px;width:0;opacity:1;transition:width .1s,opacity .4s;background-color:#fff;z-index:999999}.nuxt-progress.nuxt-progress-notransition{transition:none}.nuxt-progress-failed{background-color:red}html{font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}*,:after,:before{box-sizing:border-box;margin:0}.button--green{display:inline-block;border-radius:4px;border:1px solid #3b8070;color:#3b8070;text-decoration:none;padding:10px 30px}.button--green:hover{color:#fff;background-color:#3b8070}.button--grey{display:inline-block;border-radius:4px;border:1px solid #35495e;color:#35495e;text-decoration:none;padding:10px 30px;margin-left:15px}.button--grey:hover{color:#fff;background-color:#35495e}#chara-banner{padding-top:12vw}@media screen and (min-width:1025px){.app{width:60%}#chara-banner{padding-top:7.2vw}}li[data-v-7ec4991e]{display:list-item}ul[data-v-7ec4991e]{list-style:none}.chara-banner[data-v-7ec4991e]{cursor:pointer;width:100%;font-size:5vw;color:#eee;background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.chara-banner.sui[data-v-7ec4991e]{background-image:url(/isshinji/sui-banner-back.png)}.chara-banner.hotaru[data-v-7ec4991e]{background-image:url(/isshinji/hotaru-banner-back.png)}.chara-banner.tenma[data-v-7ec4991e]{background-image:url(/isshinji/tenma-banner-back.png)}.chara-banner.isshin[data-v-7ec4991e]{background-image:url(/isshinji/isshin-banner-back.png)}.chara-banner-inner[data-v-7ec4991e]{position:relative;padding-top:32%;overflow:hidden;font-family:M PLUS Rounded\ 1c}.chara-banner-image[data-v-7ec4991e]{position:absolute;top:10%;left:6%;width:60%}.chara-name-1[data-v-7ec4991e]{top:28%;left:46%}.chara-name-1[data-v-7ec4991e],.chara-name-2[data-v-7ec4991e]{font-size:100%;position:absolute}.chara-name-2[data-v-7ec4991e]{bottom:28%;left:50%}.fade-1-enter-active[data-v-7ec4991e]{transition:all .4s ease}.fade-2-enter-active[data-v-7ec4991e]{transition:all .4s ease .1s}.fade-3-enter-active[data-v-7ec4991e]{transition:all .4s ease .15s}.fade-4-enter-active[data-v-7ec4991e]{transition:all .4s ease .2s}.fade-1-enter[data-v-7ec4991e],.fade-2-enter[data-v-7ec4991e],.fade-3-enter[data-v-7ec4991e],.fade-4-enter[data-v-7ec4991e]{transform:translateX(-40%);opacity:0}.fade-1-leave-to[data-v-7ec4991e],.fade-2-leave-to[data-v-7ec4991e],.fade-3-leave-to[data-v-7ec4991e],.fade-4-leave-to[data-v-7ec4991e]{transform:translateX(100%);opacity:0}.fade-1-leave-active[data-v-7ec4991e]{transition-property:all;transition-duration:.6s;transition-timing-function:ease-out}.fade-2-leave-active[data-v-7ec4991e]{transition-property:all;transition-duration:.5s;transition-timing-function:ease-out;transition-delay:.1s}.fade-3-leave-active[data-v-7ec4991e]{transition-property:all;transition-duration:.45s;transition-timing-function:ease-out;transition-delay:.15s}.fade-4-leave-active[data-v-7ec4991e]{transition-property:all;transition-duration:.4s;transition-timing-function:ease-out;transition-delay:.2s}@media screen and (min-width:1025px){.chara-banner[data-v-7ec4991e]{font-size:3vw}}.chara-detail{background-color:#fdd;top:-12vw;min-height:100%;overflow-x:hidden}.chara-detail,.chara-detail-inner{display:block;position:relative;box-sizing:border-box}.chara-detail-inner{padding:15% 3.3% 30%;min-height:165vw}.chara-detail-bgcolor{position:absolute;top:0;left:0;width:100%;height:100%}.chara-detail-bgname{position:absolute;top:0;font-size:13vw;line-height:1;color:#fff;text-shadow:0 0 2px #eee,0 0 2px #eee,0 0 2px #eee}.chara-detail-image-fg{position:relative;width:74.2%;margin-left:auto}.chara-detail-contents{position:absolute;top:46vw;left:3%;right:3%;padding:1vw;background-color:hsla(0,0%,100%,.46667)}.chara-detail-name{font-size:6.4vw;text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;color:#4f1e08}.chara-detail-cv{cursor:pointer;font-size:3.2vw;display:inline-block;margin-top:2vw;padding:0 2vw;border-radius:2vw;color:#222;font-weight:700}.chara-detail-cv,.chara-detail-cv-name{vertical-align:middle}.chara-detail-cv-voice{text-align:center;vertical-align:middle;width:5.12vw;height:5.12vw}.chara-detail-desc{font-size:3vw;text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;color:#4f1e08;margin-top:1em;line-height:1.7}.chara-detail-desc1{margin-bottom:.5em}.chara-detail-youtube{position:relative;width:100%;padding-top:56.25%}.chara-detail-youtube iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}.sakura-border{background-image:url(/bg-sakura.png);background-repeat:repeat-x;background-size:10vw 5vw;height:10vw;border:none}@media screen and (min-width:1025px){.chara-detail{top:-7.2vw}.chara-detail-inner{min-height:99vw}.chara-detail-bgname{font-size:7.8vw}.chara-detail-contents{top:27.6vw;padding:.6vw}.chara-detail-name{font-size:3.84vw}.chara-detail-cv{font-size:1.92vw;border-radius:1vw}.chara-detail-cv-voice{margin-left:.4em;width:3.072vw;height:3.072vw}.chara-detail-desc{font-size:1.8vw;margin-top:1vw;padding:0 1vw}.sakura-border{background-size:6vw 3vw;height:6vw}}.fade-left-enter-active{transition:all .5s ease}.fade-left-enter{transform:translateX(-40%);opacity:0}.fade-right-enter-active{transition:all .5s ease}.fade-right-enter{transform:translateX(40%);opacity:0}.fade-top-enter-active{transition:all .5s ease .6s}.fade-top-enter,.fade-top-leave-to{transform:translateY(20%);opacity:0}.fade-top-leave-active{transition:all .5s ease-out}.chara-detail-nav{cursor:pointer;position:absolute;bottom:2%;width:22vw;background-color:hsla(0,0%,100%,.46667);border-radius:3vw}.chara-detail-nav.nav-left{left:8%}.chara-detail-nav.nav-top{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%)}.chara-detail-nav.nav-right{right:8%}@media screen and (min-width:1024px){.chara-detail-nav{width:13.2vw;border-radius:1.8vw}}</style>
</head>
<body>
<div data-server-rendered="true" id="__nuxt"><!----><div id="__layout"><div><div class="app"><h2 id="site-title" class="site-title" data-v-4a2b84bc>CHARACTER</h2> <div id="chara-banner"><ul><li class="chara-banner sui" data-v-7ec4991e data-v-7ec4991e><div class="chara-banner-inner" data-v-7ec4991e><div class="chara-banner-image" data-v-7ec4991e><img src="/isshinji/sui-banner-front.png" alt="SUI SAKURAMIYA" data-v-7ec4991e></div> <p class="chara-name-1 boldroman" data-v-7ec4991e><span data-v-7ec4991e>SUI</span></p> <p class="chara-name-2 boldroman" data-v-7ec4991e><span data-v-7ec4991e>SAKURAMIYA</span></p></div></li><li class="chara-banner hotaru" data-v-7ec4991e data-v-7ec4991e><div class="chara-banner-inner" data-v-7ec4991e><div class="chara-banner-image" data-v-7ec4991e><img src="/isshinji/hotaru-banner-front.png" alt="HOTARU SAKURAMIYA" data-v-7ec4991e></div> <p class="chara-name-1 boldroman" data-v-7ec4991e><span data-v-7ec4991e>HOTARU</span></p> <p class="chara-name-2 boldroman" data-v-7ec4991e><span data-v-7ec4991e>SAKURAMIYA</span></p></div></li><li class="chara-banner tenma" data-v-7ec4991e data-v-7ec4991e><div class="chara-banner-inner" data-v-7ec4991e><div class="chara-banner-image" data-v-7ec4991e><img src="/isshinji/tenma-banner-front.png" alt="TENMA SAKURAMIYA" data-v-7ec4991e></div> <p class="chara-name-1 boldroman" data-v-7ec4991e><span data-v-7ec4991e>TENMA</span></p> <p class="chara-name-2 boldroman" data-v-7ec4991e><span data-v-7ec4991e>SAKURAMIYA</span></p></div></li><li class="chara-banner isshin" data-v-7ec4991e data-v-7ec4991e><div class="chara-banner-inner" data-v-7ec4991e><div class="chara-banner-image" data-v-7ec4991e><img src="/isshinji/isshin-banner-front.png" alt="ISSHIN KURIKARA" data-v-7ec4991e></div> <p class="chara-name-1 boldroman" data-v-7ec4991e><span data-v-7ec4991e>ISSHIN</span></p> <p class="chara-name-2 boldroman" data-v-7ec4991e><span data-v-7ec4991e>KURIKARA</span></p></div></li></ul></div> <div class="chara-detail" style="background-color:#fdd;display:none"><div class="chara-detail-inner"><div class="chara-detail-bgcolor"></div> <div class="chara-detail-image-bg"></div> <p class="chara-detail-bgname boldroman">
SUI <br>SAKURAMIYA
</p> <div class="chara-detail-image-fg"><img src="/isshinji/sui-all.png"></div> <div class="chara-detail-contents"><h3 class="chara-detail-name">
桜宮 翠 <small>（さくらみや すい）</small></h3> <div class="chara-detail-desc"><p class="chara-detail-desc1">
桜宮三姉妹の長女で一心寺の看板娘。<br>
優しくて面倒見のいいお姉ちゃん、でも天然な一面も。<br>
一心とは幼なじみで実は相思相愛だが、天然なので一心からのアピールには気づいていない…。
</p> <p class="chara-detail-desc2">
モデルは一心寺の初代住職の奥様であるスイさん。<br>
一心寺建立の際、初代住職の安部一さんはスイさんが元気になれるように、スイさんの大好きな八重桜をたくさん植えられました。
それが今も一心寺が八重桜咲き誇る名所となったきっかけです。<br>
翠ちゃんはそんなスイさんの愛した八重桜（牡丹桜）をモチーフとしたキャラクターです。
</p></div> <p class="chara-detail-cv" style="background-color:pink"><span class="chara-detail-cv-name">CV: 春野美柑</span> <img src="/isshinji/voice-icon.svg" class="chara-detail-cv-voice"></p></div> <div class="chara-detail-nav nav-left"><img src="/isshinji/isshin-button.png" alt="倶利伽羅 一心"></div> <div class="chara-detail-nav nav-top"><img src="top-button.png" alt="TOP"></div> <div class="chara-detail-nav nav-right"><img src="/isshinji/hotaru-button.png" alt="桜宮 蛍"></div></div> <!----> <div class="chara-detail-twitter"><div></div></div></div><div class="chara-detail" style="background-color:#ffe680;display:none"><div class="chara-detail-inner"><div class="chara-detail-bgcolor"></div> <div class="chara-detail-image-bg"></div> <p class="chara-detail-bgname boldroman">
HOTARU <br>SAKURAMIYA
</p> <div class="chara-detail-image-fg"><img src="/isshinji/hotaru-all.png"></div> <div class="chara-detail-contents"><h3 class="chara-detail-name">
桜宮 蛍 <small>（さくらみや ほたる）</small></h3> <div class="chara-detail-desc"><p class="chara-detail-desc1">
桜宮三姉妹の二女で、天才肌の天邪鬼。<br>
超自信家でも、陰での努力は欠かさない。<br>
熱いアニメやスポーツが大好き！
</p> <p class="chara-detail-desc2">
モデルは一心寺で咲く希少種の八重桜「鬱金桜<small>（うこんざくら）</small>」と、初夏に境内を飛び交うホタルの光。<br>
鬱金桜は数ある桜の中でも唯一黄色の花を咲かせ、散り際には徐々に赤みを増し、ピンク色になっていきます。
一心寺には黄桜だけを植え揃えた黄桜坂があり、そこから臨む桜の雲海は一心寺を代表する絶景といえます。<br>
蛍ちゃんは鬱金桜の秀麗さやホタルが舞う光の可憐さをモチーフとしたキャラクターです。
</p></div> <p class="chara-detail-cv" style="background-color:#ffd080"><span class="chara-detail-cv-name">CV: よしみつゆみ</span> <img src="/isshinji/voice-icon.svg" class="chara-detail-cv-voice"></p></div> <div class="chara-detail-nav nav-left"><img src="/isshinji/sui-button.png" alt="桜宮 翠"></div> <div class="chara-detail-nav nav-top"><img src="top-button.png" alt="TOP"></div> <div class="chara-detail-nav nav-right"><img src="/isshinji/tenma-button.png" alt="桜宮 天満"></div></div> <!----> <div class="chara-detail-twitter"><div></div></div></div><div class="chara-detail" style="background-color:#a0ffc0;display:none"><div class="chara-detail-inner"><div class="chara-detail-bgcolor"></div> <div class="chara-detail-image-bg"></div> <p class="chara-detail-bgname boldroman">
TENMA <br>SAKURAMIYA
</p> <div class="chara-detail-image-fg"><img src="/isshinji/tenma-all.png"></div> <div class="chara-detail-contents"><h3 class="chara-detail-name">
桜宮 天満 <small>（さくらみや てんま）</small></h3> <div class="chara-detail-desc"><p class="chara-detail-desc1">
桜宮三姉妹の三女で、負けん気が強いしっかりもの。<br>
ダンスやゲームが大好きで、得意技は回し蹴り！<br>
何より…翠お姉ちゃん大好き！
</p> <p class="chara-detail-desc2">
モデルは一心寺で咲く希少種の八重桜「御衣黄<small>（ぎょいこう）</small>」。<br>
御衣黄は緑色に咲く桜で、遠目には開花しているかわかりづらいかもしれません。
散り際には徐々に赤みを増し、ピンク色になっていきます。
一心寺には5本ありましたが、希少種ゆえ管理が非常に難しく、寿命も短命であることから現在では2本を残すだけになってしまいました。<br>
天満ちゃんは御衣黄の花をモチーフにした衣装をまとった、しっかりものの末っ子キャラクターです。
</p></div> <p class="chara-detail-cv" style="background-color:#80ff90"><span class="chara-detail-cv-name">CV: 真城かな</span> <img src="/isshinji/voice-icon.svg" class="chara-detail-cv-voice"></p></div> <div class="chara-detail-nav nav-left"><img src="/isshinji/hotaru-button.png" alt="桜宮 蛍"></div> <div class="chara-detail-nav nav-top"><img src="top-button.png" alt="TOP"></div> <div class="chara-detail-nav nav-right"><img src="/isshinji/isshin-button.png" alt="倶利伽羅 一心"></div></div> <!----> <div class="chara-detail-twitter"><div></div></div></div><div class="chara-detail" style="background-color:#dc8080;display:none"><div class="chara-detail-inner"><div class="chara-detail-bgcolor"></div> <div class="chara-detail-image-bg"></div> <p class="chara-detail-bgname boldroman">
ISSHIN <br>KURIKARA
</p> <div class="chara-detail-image-fg"><img src="/isshinji/isshin-all.png"></div> <div class="chara-detail-contents"><h3 class="chara-detail-name">
倶利伽羅 一心 <small>（くりから いっしん）</small></h3> <div class="chara-detail-desc"><p class="chara-detail-desc1">
一心寺を守護する不動明王の化身である青年。<br>
三姉妹や寺に訪れる人々を見守りつつ、邪悪や災いあれば携えた大剣「倶利伽羅剣<small>（くりからけん）</small>」で切り伏せ、焼き払う。<br>
幼なじみの翠に想いを寄せており、相思相愛であるもののお互いに気づいてはいない…。
</p> <p class="chara-detail-desc2">
モデルは一心寺の初代住職である安部 一<small>（はじめ）</small>さん。<br>
一さんは病院でも治せないほどの病に倒れた妻のスイさんを救いたい一心で仏様におすがりしたところ、スイさんの夢にお不動様が現れて救ってくださいました。
その感謝のお気持ちから不動明王の信仰に入られ、お不動様への恩返しや
苦しんでいる人たちへの手助けとなるよう一心寺を建立されました。<br>
一心くんはそんな一さんと、力強くも慈悲深い不動明王をモチーフとしたキャラクターです。
</p></div> <p class="chara-detail-cv" style="background-color:#d07070"><span class="chara-detail-cv-name">CV: みやまおたる</span> <img src="/isshinji/voice-icon.svg" class="chara-detail-cv-voice"></p></div> <div class="chara-detail-nav nav-left"><img src="/isshinji/tenma-button.png" alt="桜宮 天満"></div> <div class="chara-detail-nav nav-top"><img src="top-button.png" alt="TOP"></div> <div class="chara-detail-nav nav-right"><img src="/isshinji/sui-button.png" alt="桜宮 翠"></div></div> <!----> <div class="chara-detail-twitter"><div></div></div></div></div></div></div></div><script>window.__NUXT__={layout:"default",data:[{}],fetch:[],error:null,serverRendered:!0,routePath:"/"}</script><script src="/isshinji/_nuxt/a687e7b9c652a89f9fc7.js" defer></script><script src="/isshinji/_nuxt/f1ed938ee7c769c4239d.js" defer></script><script src="/isshinji/_nuxt/4fcf1c515f4287ff6f26.js" defer></script><script src="/isshinji/_nuxt/6306d6a14e1805427675.js" defer></script><script src="/isshinji/_nuxt/582080545745f3a002a5.js" defer></script>
</body>
</html>