#appreach-box { border: 1px solid #ddd; margin: 2em 0; } #appreach-box p { display: none; } .box30 { margin: 2em 0; background: #f1f1f1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22); } .box30 .box-title { font-size: 1.2em; background: #fd9535; padding: 4px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em; } .box30 p { padding: 15px 20px; margin: 0; } .square_btn { position: relative; display: inline-block; padding: 0.25em 0.5em; text-decoration: none; color: #FFF; background: #fd9535;/*背景色*/ border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/ border-radius: 4px;/*角の丸み*/ box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); font-weight: bold; } .square_btn:active { border-bottom: solid 2px #fd9535; box-shadow: 0 0 2px rgba(0, 0, 0, 0.30); } /*****ここから会話のCSS*****/ .talk-wrap{ display: block; clear: both; margin:0 auto 3px auto; } .talk-wrap p{ margin:0; } .left-icon{ width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; background: no-repeat; background-size: 180%; background-position: center; float:left; display:inline-block; box-shadow: 1px 1px 5px #aaa; /*左のアイコンの影の設定*/ border: 3px solid #fff; /*左のアイコンの枠の設定*/ margin-bottom: 10px; } .talk-left{ float:right; position: relative; background: #fff; /*左の会話の背景色*/ border: 2px solid #666; padding: 3%; border-radius: 10px; width: 70%; margin-top:10px; box-shadow: 1px 1px 5px #aaa; /*左の会話の影の設定*/ margin-bottom: 10px; } .talk-left:before { content: ""; display: inline-block; border: 10px solid transparent; border-right-color: #666; position: absolute; left: -20px; top: 25%; margin-top: -9px; } .talk-left:after { content: ""; display: inline-block; border: 9px solid transparent; border-right-color: #fff; position: absolute; left: -16px; top: 25%; margin-top: -8px; } .right-icon{ width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius:50%; background: no-repeat; background-size: 180%; background-position: center; float:right; display:inline-block; box-shadow: 1px 1px 5px #aaa; /*右のアイコンの影の設定*/ border: 3px solid #FFF; /*右のアイコンの枠の設定*/ margin-bottom: 10px; } .talk-right{ float:left; position: relative; background: #fff; /*右の会話の背景色*/ border: 2px solid #666; padding: 3%; border-radius: 10px; width: 70%; margin-top:10px; box-shadow: 1px 1px 5px #aaa; /*右の会話の影*/ margin-bottom:10px; } .talk-right:before { content: ""; display: inline-block; border: 10px solid transparent; border-left-color: #666; position: absolute; right: -20px; top: 25%; margin-top: -9px; } .talk-right:after { content: ""; display: inline-block; border: 9px solid transparent; border-left-color: #fff; position: absolute; right: -16px; top: 25%; margin-top: -8px; } .talk-end{ clear:both; } /*****レスポンシブ設定*****/ @media screen and (max-width: 480px){ .left-icon{ width: 80px; height: 80px; } .talk-left{ width: 65%; } .right-icon{ width: 80px; height: 80px; } .talk-right{ width: 65%; } } @media screen and (max-width: 380px){ .left-icon{ width: 60px; height: 60px; } .talk-left{ width: 65%; } .right-icon{ width: 60px; height: 60px; } .talk-right{ width: 65%; } } .entry-content h4 { position: relative; color: #111; border-bottom: 4px solid #ccc; padding: 8px 10px; } .entry-content h4::before { position: absolute; top: 100%; left: 0; width: 20%; height: 4px; background-color: #1d3557; z-index: 2; content: ''; } .entry-content .emphasize-link { position: relative; margin: 36px 0 16px; padding: 16px 10px; border: 2px solid #c8b346; background-color: #fffbf5; } .entry-content .emphasize-link p:last-child { margin-bottom: 0; } .entry-content .emphasize-link::before { position: absolute; top: -12px; left: 10px; padding: 0 10px 0 26px; content: "Check!!"; background-color: #c8b346; border-radius: 10px; color: #fff; font-size: 14px; font-weight: bold; line-height: 20px; } .entry-content .emphasize-link::after { position: absolute; top: -16px; left: 4px; width: 28px; height: 28px; background-color: #c8b346; border-radius: 14px; line-height: 25px; text-align: center; content: "\f029"; font-size: 18px; font-family: "blogicon"; color: #fff; } /*****グローバルメニュー****/ #menu{ width: 100%; margin: 15px auto; background: #48567f;/*７*/ } #menu-inner{ width: 1000px;/*１*/ height: 45px;/*２*/ margin: 0 auto; background: #243b7f;/*８*/ } #menu-btn{display: none;} #menu-content{ padding-left: 0; margin: 0; width: 100%; height: 100%; list-style-type: none; } #menu-content > li{ position: relative; float: left; height: 100%; text-align: center; width: 14%; } #menu-content > li > a{ position: relative; display: block; height: 100%; width: 100%;/*3*/ line-height: 40px;/*２*/ background: #48567f;/*９*/ color: #fff;/*10*/ font-size: 100%; text-decoration: none; z-index: 2; } #menu-content > li > a:hover{ background: #8f822d;/*11*/ color: #fff;/*12*/ } #menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;} /*２階層目*/ #menu-content > li > ul.second-content{ visibility: hidden; position: absolute; top: 0; margin: 0; padding-left: 0; list-style-type: none; z-index: -1; } #menu-content > li:hover > ul.second-content{ visibility: visible; top: 45px;/*2*/ z-index: 1; transition: all .3s; } #menu-content > li > ul.second-content > li{ text-align: center; width: 140px;/*４*/ height: 45px;/*５*/ } #menu-content > li > ul.second-content > li > a{ display: block; line-height: 45px;/*５*/ background: #48567f;/*13*/ color: #fff;/*14*/ font-size: 100%; text-decoration: none; } #menu-content > li > ul.second-content > li > a:hover{ background: #8f822d;/*15*/ color: #fff;/*16*/ } /*******トグルメニュ*********/ @media screen and (max-width:960px){/*19*/ #menu-inner{ width: 100%; height: auto; opacity: 0.8; } #btn-content{text-align: right;}/*20*/ #menu-btn{ display: inline-block; padding: 8px 15px; margin: 5px; cursor: pointer; background: #243b7f;/*17*/ color: #fff;/*18*/ font-size: 100%; } #menu-content{ display: none; width: 100%; } #menu-content > li{ width: 100%; height: 45px;/*６*/ } #menu-content > li > a{ width: 100%; line-height: 45px;/*６*/ padding: 0; text-decoration: none; } /*２階層目*/ #menu-content > li:hover > ul.second-content{display: none;} #menu-content > li > a > .blogicon-chevron-down{display: none;} } body { font-size: 17px; font-family: '“Lucida Grande”', '“segoe UI”', '“ヒラギノ丸ゴ ProN W4”', '“Hiragino Maru Gothic ProN”', “メイリオ”, Meiryo, Verdana, Arial, sans-serif; line-height: 1.7; color: #333333; } /*スマホ*/ @media screen and (max-width:680px){ } body{ font-size: 15px; } /*上に戻る*/ #page-top { display:none; position:fixed; right:10px; bottom:10px; margin: 0; padding: 0; text-align:center; } #move-page-top{ color:rgba(0,0,0,0.4); text-decoration:none; display:block; cursor:pointer; } #move-page-top:hover{ color:rgba(0,0,0,0.6); } @media only screen and (min-width: 400px){ #page-top{ right:50%; margin-right: -750px; } } /* サイドバーの見出し */ .hatena-module-title { /* 四角部分 */ color: #111111; /* ①文字色 */ font-size: 16px; /* ②文字サイズ */ background: #e9ecf4; /* ③背景色 */ border: 2px solid #e9ecf4; /* ④枠線:太さ 線種 色 */ } .hatena-module-title a { /* (リンク有)の文字 */ color: #111111;　 /* ⑤文字色 */ } .hatena-module-title:before { /* 吹き出しの枠線 */ display: none; /* ⑥非表示にする */ border-top-color: #111111; /* ⑦枠線:色 */ } .hatena-module-title:after { /* 吹き出しの背景 */ display: none; /* ⑧非表示にする */ border-color: transparent; /* 一度全体を透明にする */ border-top-color: #e9ecf4; /* ⑨背景色 */ } /*シェアボタン*/ .share-3d{ margin-bottom: 10px; text-align: center; } .share-3d-inner a { position: relative; display: inline-block; width: 15%; height: 40px; line-height: 20px; border-radius: 5px; font-size: 16px; text-align: center; color: #ffffff; text-decoration: none; } .share-3d .small-text{ font-size: 10px; } .share-3d .hatena-bookmark-button{ background: #00A4DE; box-shadow: 0 3px #43638b; } .share-3d .twitter-button{ background: #55ACEE; box-shadow: 0 3px #0092ca; } .share-3d .googleplus-button{ background: #C53727; box-shadow: 0 3px #ad3a2d; } .share-3d .facebook-button{ background: #405BA7; box-shadow: 0 3px #2c4373; } .share-3d .pocket-button{ background: #EE4256; box-shadow: 0 3px 0 #c0392b; } .share-3d .line-button{ position:relative; top: 3px; background: #00C300; box-shadow: 0 3px 0 green; } .share-3d .share-3d a:active{ top: 3px; box-shadow: none; } .share-3d .line-button:active{ top: 4px; } @media screen and (min-width: 480px) { .line-hide{ display: none; } .share-3d-inner a{ width: 18%; } } /*サイドバーフォローボタン*/ .sidebar-follow-buttons{ width: 100%; text-align: center; letter-spacing: -.40em; } .sidebar-follow-buttons a { display: inline-block; letter-spacing: normal; position: relative; width: 47%; font-size: 18px; text-align: center; text-decoration: none; padding:6% 0; margin:1%; overflow: hidden; z-index:2; } .sidebar-follow-buttons a:hover { color:#fff; } .sidebar-follow-buttons a:before, .sidebar-follow-buttons a:after { position:absolute; content:''; width:100%; height:50%; left:0; z-index:-1; transition: 0.3s; } .sidebar-follow-buttons a:before { top:0; } .sidebar-follow-buttons a:after { bottom:0; } .sidebar-follow-buttons .inner-text { font-size:16px; padding-left:5px; } .sidebar-follow-buttons .hatena { color: #ffffff; border: 1px solid #38393C; background: #38393C; } .sidebar-follow-buttons .hatena:hover { color: #38393C; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .hatena:hover:before,.sidebar-follow-buttons .hatena:hover:after { height: 0; background:#38393C; } .sidebar-follow-buttons .facebook { color: #ffffff; border: 1px solid #305097; background: #305097; } .sidebar-follow-buttons .facebook:hover { color: #305097; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .facebook:hover:before,.sidebar-follow-buttons .facebook:hover:after { height: 0; background:#305097; } .sidebar-follow-buttons .twitter { color: #ffffff; border: 1px solid #55acee; background: #55acee; } .sidebar-follow-buttons .twitter:hover { color: #55acee; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .twitter:hover:before,.sidebar-follow-buttons .twitter:hover:after { height: 0; background:#55acee; } .sidebar-follow-buttons .instagram { color: #ffffff; border: 1px solid #3f729b; background: #3f729b; } .sidebar-follow-buttons .instagram:hover { color: #3f729b; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .instagram:hover:before,.sidebar-follow-buttons .instagram:hover:after { height: 0; background:#3f729b; } .sidebar-follow-buttons .feedly { color: #ffffff; border: 1px solid #6cc655; background: #6cc655; } .sidebar-follow-buttons .feedly:hover { color: #6cc655; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .feedly:hover:before,.sidebar-follow-buttons .feedly:hover:after { height: 0; background:#6cc655; } .sidebar-follow-buttons .googleplus { color: #ffffff; border: 1px solid #db4a39; background: #db4a39; } .sidebar-follow-buttons .googleplus:hover { color: #db4a39; background: #ffffff; transition: all .3s; } .sidebar-follow-buttons .googleplus:hover:before,.sidebar-follow-buttons .googleplus:hover:after { height: 0; background:#db4a39; } /* カエレバ用CSSサンプル */ .kaerebalink-box, .booklink-box, .pochireba{ background: #fff; margin: 1em 0; padding: 1em; min-height: 160px; border: 5px #eee solid; border-radius: 0.5em; -webkit-box-shadow: 0 0 25px #ceaa29 inset; -moz-box-shadow: 0 0 25px #ceaa29 inset; -o-box-shadow: 0 0 25px #ceaa29 inset; box-shadow: 0 0 25px #ceaa29 inset; } .kaerebalink-image, .booklink-image, .pochireba img{ width:30%; float:left; margin:0 1em 0 0; text-align: center; } .kaerebalink-name a, .booklink-name a, .pochi_name a{ font-weight:bold; font-size:1.2em; } .pochi_name a{ margin-bottom: 0.8em; display: block; } .kaerebalink-powered-date, .kaerebalink-detail, .booklink-powered-date, .booklink-detail, .pochi_seller, .pochi_time, .pochi_post{ font-size:0.6em; } .kaerebalink-link1, .booklink-link2{ margin-top:0.5em; } .kaerebalink-link1 div, .booklink-link2 div{ display: inline-block!important; font-size:0.8em!important; margin-right:0.2em!important; } .kaerebalink-link1 div a, .booklink-link2 div a{ display: block; width: 12em; text-align: center; font-size: 1.3em; background: #888; color: #fff; border-bottom: 5px #777 solid; border-radius: 0.3em; padding: 0.2em 0.7em; text-decoration: none; margin: 0 0.2em 0.7em 0; line-height: 1.8; } .kaerebalink-link1 div a:hover, .booklink-link2 div a:hover{ border-bottom-width: 3px; color:#fff; text-decoration: none; position: relative; bottom: -2px; opacity: 0.6; filter: alpha(opacity=60); } .booklink-link2 .shoplinkamazon a, .booklink-link2 .shoplinkkindle a, .kaerebalink-link1 .shoplinkamazon a{ background: #E47911; border-bottom-color: #C26A15; } .booklink-link2 .shoplinkrakuten a, .kaerebalink-link1 .shoplinkrakuten a{ background: #bf0000; border-bottom-color: #800000; } .booklink-link2 .shoplinkyahoo a, .kaerebalink-link1 .shoplinkyahoo a{ background: #7B6696; border-bottom-color: #3B3049; } .kaerebalink-link1 div a img{ margin:0; } .pochireba-footer,.booklink-footer{ clear:left; } @media screen and (max-width: 640px){ .kaerebalink-box,.booklink-box,.pochireba{ min-height:100px; } } /*アプリーチカスタム*/ #appreach-box { border-radius: 5px; border: double 3px #ececec; margin-bottom: 10px; } .appreach-links{ margin-bottom: 10px; } .appreach-footer{ margin-bottom: 0; line-height: 0; } table.type02 { border-collapse: separate; border-spacing: 0; text-align: left; line-height: 1.5; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } table.type02 th { width: 150px; padding: 10px; font-weight: bold; vertical-align: top; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #eee; } table.type02 td { width: 350px; padding: 10px; vertical-align: top; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

愛内のラブイン日記 2

ちゃんとしっかりやりたい

【無料アート企画】第⑮号「夜宵 feat.クラゲ化計画」さんを描いたよ

ラブイン日記 イラスト

 

こんにちわ

ラブイン愛内（@inaiinaiainai）です。

 

今回は無料アート企画、第⑮号の「夜宵 feat.クラゲ化計画」さんの紹介です

 

目次

[表示]

 

無料アート企画とは？

 

無料で貴方だけのオリジナルイラストを描いちゃうよ！という企画です

詳しくはこちらの記事をご覧ください

cute.lovein-ainai.xyz

 

まだ募集していますが、完成までに日にちがかなりかかりますのでご了承ください。その代わり全て無料で制作します

2018年1月31日24時までの応募受付とさせて頂きます

「夜宵 feat.クラゲ化計画」さんを描いたよ

 

今回ご依頼頂いたのは、反復性うつ病、不安障害、パニック障害など幾多の障害と闘いながら、北の大地で大自然に試されながらも、ひっそりゆらゆらと彷徨えるフルグラクラゲこと 夜宵（@Yayoi_F_0764）さん です。

 

夜宵さんはですね・・・上記でもある通り様々な障害と日々戦う

元バンギャで元ゴスロリ(パンクス時代も有)の本当に彷徨っている（失礼かw）海月姫です

そんな 夜宵さんのブログはこちら

yayoi-f-0764.hatenablog.com

夜宵さんをもっと知りたい！記事はこちら

yayoi-f-0764.hatenablog.com

HSPについて考える記事。実はわいもこのHSPです。これは後々記事にしたいと思います

yayoi-f-0764.hatenablog.com

そんな 夜宵 feat.クラゲ化計画さんを描いたイラストはこちら

f:id:lovein-ainai:20180217092452p:plain

アップ

f:id:lovein-ainai:20180217094052p:plain

意識したこと

ヒアリングをしたところ・・・ヒアリングを・・・してない！（笑）

ツイキャスでクラゲが良い～みたいな感じでわいが勝手に解釈したと思います

 

夜宵さんのブログバナーを参考にして、声などを事前に聞いていたので優しさなどイメージは出来たので、あとは夜宵さんをフォローしているクラゲ化計画の皆さんにお世話になりました

クラゲ化計画ラブインverに強制参加して下さった方を紹介

クラゲ化計画をパロディーしました

f:id:lovein-ainai:20180217095356p:plain

クラゲ化計画主 ヤノユウ (id:yanoyu22) さん を筆頭に

f:id:lovein-ainai:20180217110828p:plain
f:id:lovein-ainai:20180217101132p:plain
f:id:lovein-ainai:20180217101239p:plain
f:id:lovein-ainai:20180217101136p:plain
f:id:lovein-ainai:20180217101207p:plain

・夜宵 (id:Yayoi_F_0764)さん

・ジョヴァンナ (id:giovannna)さん

・ホルスタインおじさん (id:holstein_ojisan)さん

・いっしー (id:issizzz)さん

・迷子のイカ (id:usausamode)さん

f:id:lovein-ainai:20180217101216p:plain
f:id:lovein-ainai:20180217101147p:plain
f:id:lovein-ainai:20180217101203p:plain
f:id:lovein-ainai:20180217101255p:plain
f:id:lovein-ainai:20180217101144p:plain

・えむ(id:mnby-blog)さん

・あまなつ（id:amanatu_sauce）さん

・えす (id:Sakurachannel0530)さん

・初音りず (id:lizune)さん

・こなゆき (id:konayuki358) 

f:id:lovein-ainai:20180217101158p:plain
f:id:lovein-ainai:20180217101152p:plain
f:id:lovein-ainai:20180217101213p:plain
f:id:lovein-ainai:20180217101225p:plain
f:id:lovein-ainai:20180217101234p:plain

・もふもふマン（@private_dadada）さん

・須田ジーノ (id:Hachan)さん

・九條ユーゴ (id:kujoyugo)さん

・円野まど (id:ma-corpus) さん

・りょうへい (id:rsk26-blog) さん

f:id:lovein-ainai:20180217101303p:plain
f:id:lovein-ainai:20180217101247p:plain
f:id:lovein-ainai:20180217101200p:plain
f:id:lovein-ainai:20180217101228p:plain
f:id:lovein-ainai:20180217101311p:plain

・ひのくらデース(@hinokurage)さん

・あいまいみー (id:imyme_999)さん

・ハレ (id:hare0008)さん

・りか (id:rkssd0717)さん

・さとch(id:satochannel24)さん

f:id:lovein-ainai:20180217101222p:plain
f:id:lovein-ainai:20180217101149p:plain
f:id:lovein-ainai:20180217101316p:plain
f:id:lovein-ainai:20180217101142p:plain
f:id:lovein-ainai:20180217101140p:plain

・銀羊堂 (id:ginyoudou)さん

・ぬこ(id:nukoblog)さん

・半魚人 (id:dead_corns)さん

・センベイ (id:senbeibj59634hu)さん

・ふとし (id:futo-c)さん

f:id:lovein-ainai:20180217101250p:plain
f:id:lovein-ainai:20180217101321p:plain
f:id:lovein-ainai:20180217101210p:plain
f:id:lovein-ainai:20180217101243p:plain

・ちょぶ(id:chobu0415)さん

・Milk (id:maxminkun)さん

・ポロロッカ (id:Pororo-CA)さん

・エノモト (id:minaraisennin)さん

そして、わいこと ラブイン愛内 (id:lovein-ainai)

f:id:lovein-ainai:20180217101327p:plain

皆可愛すぎてわいも、勝手にクラゲになっちゃったよ～

こちらの記事で紹介して下さりました！

紹介され次第記載します

ラブイン愛内から一言

 

ちーちちっち Oっぱーい ボインボイーン！ボインボイーーン！！！

 
海月姫
posted with カエレバ
能年玲奈 (C)2014『海月姫』製作委員会(Ｃ)東村アキコ／講談社 2015-07-02
Amazon
楽天市場
 

「無料アート企画」はこちらから見れます

cute.lovein-ainai.xyz