/*----------------------------------
グローバルメニュー
----------------------------------*/
#menu{
width: 100%;
margin: 10px auto;
background: #fff;/*7*/
}
#menu-inner{
width: 1000px;/*1*/
height: 40px;/*2*/
margin: 0 auto;
background: #fff;/*8*/
}
#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: 16%;
}
#menu-content > li > a{
position: relative;
display: block;
height: 100%;
width: 100%;/*3*/
line-height: 40px;/*2*/
background: #fff;/*9*/
color: #444;/*10*/
font-size: 70%;
text-decoration: none;
z-index: 2;
}
#menu-content > li > a:hover{
background: #b0c4de;/*11*/
color: #444;/*12*/
}
#menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;}
/*2階層目*/
#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: 40px;/*2*/
z-index: 1;
transition: all .3s;
}
#menu-content > li > ul.second-content > li{
text-align: center;
width: 200px;/*4*/
height: 40px;/*5*/
}
#menu-content > li > ul.second-content > li > a{
display: block;
line-height: 40px;/*5*/
background: #fff;/*13*/
color: #444;/*14*/
font-size: 70%;
text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover{
background: #b0c4de;/*15*/
color: #444;/*16*/
}
/*******トグルメニュ*********/
@media screen and (max-width:960px){/*19*/
#menu-inner{
width: 100%;
height: auto;
}
#btn-content{text-align: right;}/*20*/
#menu-btn{
display: inline-block;
padding: 8px 15px;
margin: 5px;
cursor: pointer;
background: #fff;/*17*/
color: #444;/*18*/
font-size: 70%;
}
#menu-content{
display: none;
width: 100%;
}
#menu-content > li{
width: 100%;
height: 40px;/*6*/
float: none;
}
#menu-content > li > a{
width: 100%;
line-height: 40px;/*6*/
padding: 0;
text-decoration: none;
}
/*2階層目*/
#menu-content > li:hover > ul.second-content{display: none;}
#menu-content > li > a > .blogicon-chevron-down{display: none;}
}
/*--------------------------------------
ヨメレバ・カエレバ・トマレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box, .tomarebalink-box{
box-sizing: border-box;
border: solid 1px #ccc;
border-radius: 2px;
padding: 10px;
margin-bottom: 10px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.booklink-image, .kaerebalink-image, .tomarebalink-image{
margin:0 15px 0 0;
width: 160px;
text-align: center;
-webkit-flex: 0.4;
flex: 0.4;
}
.cstmreba img{
margin: 0 auto;
text-align: center;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info{
-webkit-flex: 1;
flex: 1;
margin:0;
line-height: 1.2em;
overflow: hidden;
}
.booklink-name, .kaerebalink-name, .tomarebalink-name{
line-height:1.3em;
}
.booklink-name a, .kaerebalink-name a, .tomarebalink-name a{
text-decoration: none;
font-weight: bold;
}
.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date{
background-color: #DDD;
padding: 2px;
font-size: .6em;
text-align: right;
line-height: 1.2em;
margin-bottom: 3px;
}
.booklink-powered-date a, .kaerebalink-powered-date a, .tomarebalink-powered-date a {
text-decoration: none;
}
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
font-size: .7em;
}
.booklink-link2, .kaerebalink-link1, .tomarebalink-link1{
flex-wrap: wrap;
display: -webkit-flex;
display: flex;
}
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
margin: 3px 3px 0 0;
padding: 10px 0px;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
.booklink-link2 a:hover, .kaerebalink-link1 a:hover, .tomarebalink-link1 a:hover{
color: #fff;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkkakakucom, .shoplinkrakukobo, .shoplinkyahoo, .shoplinkseven, .shoplinkjtb, .shoplinkjalan {
width: 48%;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkkindle a, .shoplinkkakakucom a, .shoplinkrakukobo a, .shoplinkyahoo a, .shoplinkseven a, .shoplinkjtb a, .shoplinkjalan a {
width: 100%;
}
/* amazon */
.shoplinkamazon a {
color: #FF9901 ; /* 文字の色 */
border: solid 1px #FF9901 ; /* ボーダー色 */
}
.shoplinkamazon a:hover {
background-color: #ff9901; /* カーソルを重ねた時の背景色 */
}
/* 楽天 */
.shoplinkrakuten a {
color: #c20004 ; /* 文字の色 */
border: solid 1px #c20004 ; /* ボーダー色 */
}
.shoplinkrakuten a:hover {
background-color: #c20004; /* カーソルを重ねた時の背景色 */
}
/* kindle */
.shoplinkkindle a {
color: #007dcd; /* 文字の色 */
border: solid 1px #007dcd ; /* ボーダー色 */
}
.shoplinkkindle a:hover {
background-color: #007dcd; /* カーソルを重ねた時の背景色 */
}
/* 価格 */
.shoplinkkakakucom a {
color: #314995; /* 文字の色 */
border: solid 1px #314995 ; /* ボーダー色 */
}
.shoplinkkakakucom a:hover {
background-color: #314995; /* カーソルを重ねた時の背景色 */
}
/* kobo */
.shoplinkrakukobo a {
color: #990000; /* 文字の色 */
border: solid 1px #990000 ; /* ボーダー色 */
}
.shoplinkrakukobo a:hover {
background-color: #990000; /* カーソルを重ねた時の背景色 */
}
/* yahoo */
.shoplinkyahoo a {
color: #7b0099; /* 文字の色 */
border: solid 1px #7b0099 ; /* ボーダー色 */
}
.shoplinkyahoo a:hover {
background-color: #7b0099; /* カーソルを重ねた時の背景色 */
}
.shoplinkyahoo img {
display: none;
}
.shoplinkyahoo a {
font-size: 9px;
}
/* 7net */
.shoplinkseven a {
color: #82c36f ; /* 文字の色 */
border: solid 1px #82c36f ; /* ボーダー色 */
}
.shoplinkseven a:hover {
background-color: #82c36f; /* カーソルを重ねた時の背景色 */
}
/* jtb */
.shoplinkjtb a {
color: #990000 ; /* 文字の色 */
border: solid 1px #990000 ; /* ボーダー色 */
}
.shoplinkjtb a:hover {
background-color: #990000; /* カーソルを重ねた時の背景色 */
}
/* jalan */
.shoplinkjalan a {
color: #FF9901 ; /* 文字の色 */
border: solid 1px #FF9901 ; /* ボーダー色 */
}
.shoplinkjalan a:hover {
background-color: #FF9901; /* カーソルを重ねた時の背景色 */
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover,
.tomarebalink-link1 a:hover{
font-weight:bold;
opacity: 0.6;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkkindle a, .shoplinkkakakucom a, .shoplinkrakukobo a, .shoplinkyahoo a, .shoplinkseven a, .shoplinkjtb a, .shoplinkjalan a {
width: 100%;
position: relative;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.shoplinkamazon a:hover, .shoplinkrakuten a:hover, .shoplinkkindle a:hover, .shoplinkkakakucom a:hover, .shoplinkrakukobo a:hover, .shoplinkyahoo a:hover, .shoplinkseven a:hover, .shoplinkjtb a:hover, .shoplinkjalan a:hover {
-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
color: #fff; /* カーソルを重ねた時の文字色 */
-webkit-animation: anim-1 0.3s forwards;
animation: anim-1 0.3s forwards;
}
.shoplinkamazon a:focus, .shoplinkrakuten a:focus, .shoplinkkindle a:focus, .shoplinkkakakucom a:focus, .shoplinkrakukobo a:focus, .shoplinkyahoo a:focus, .shoplinkseven a:focus, .shoplinkjtb a:focus, .shoplinkjalan a:focus {
outline: none;
}
.shoplinkamazon a::before, .shoplinkrakuten a::before, .shoplinkkindle a::before, .shoplinkkakakucom a::before, .shoplinkrakukobo a::before, .shoplinkyahoo a::before, .shoplinkseven a::before, .shoplinkjtb a::before, .shoplinkjalan a::before {
content: '';
position: absolute;
top: -10px;
left: -10px;
bottom: -10px;
right: -10px;
background: inherit;
z-index: -1;
opacity: 0.4;
-webkit-transform: scale3d(0.8, 0.5, 1);
transform: scale3d(0.8, 0.5, 1);
}
.shoplinkamazon a:hover::before, .shoplinkrakuten a:hover::before, .shoplinkkindle a:hover::before, .shoplinkkakakucom a:hover::before, .shoplinkrakukobo a:hover::before, .shoplinkyahoo a:hover::before, .shoplinkseven a:hover::before, .shoplinkjtb a:hover::before, .shoplinkjalan a:hover::before {
-webkit-animation: anim-2 0.3s 0.3s forwards;
animation: anim-2 0.3s 0.3s forwards;
}
.booklink-footer{display: none;}
/* アニメーション部分 */
@-webkit-keyframes anim-1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-1 {
60% {
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
}
85% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes anim-2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes anim-2 {
to {
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
/*--------------------------------------
関連記事
--------------------------------------*/
.iine{
display: -webkit-flex;
display: flex;
margin: 0 0 1em 0;
}
.iine-l{
width: 50%;
color: transparent;
background-size: cover;
background-position: center center;
}
.iine-r{
width: 50%;
background: #333;
color: #fff;
padding: 2em 1em;
text-align: center;
}
.iine-icon{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.iine-icon a{
color: #fff;
font-size: 0.7rem;
display: inline-block;
margin:1rem 0;
padding:0.3rem 0 0.45rem 0;
width:32%;
}
.iine-hatenablog{
background: #606060;
}
.iine-twitter{
background:#1b95e0;
}
.iine-feedly{
background:#2BB24C;
}
.iine-hatenablog:hover{
background:#666;
}
.iine-twitter:hover{
background:#31a3ea;
}
.iine-feedly:hover{
background:#2ebc50;
}
.iine-icon a::before{
font-family: blogicon;
font-size: 0.9rem;
margin: 0 0.2rem 0 0;
position: relative;
top: 0.15rem;
}
.iine-hatenablog::before{
content: '\f000';
}
.iine-twitter::before{
content: '\f035';
}
.iine-feedly::before{
content: '\f04e';
}
.iine-0{
font-weight:bold;
margin:0 0 0.5rem 0;
}
.iine-1{
font-size: 0.9rem;
}
.iine-2{
font-size: 0.8rem;
}
@media screen and (max-width: 540px){
.iine-icon a{
font-size: 0px;
width:31%;
}
.iine-icon a::before{
font-size: 1.2rem;
margin: 0 0 0 0;
top: 0rem;
}
.iine-0{
font-size: 0px;
}
.iine-1{
font-size: 0.8rem;
}
.iine-2{
font-size: 0.7rem;
}
}
こんばんは、葵です。
日常の小さなドキドキをみなさんと共有すべくはじめたこのブログ。
ぽつぽつ更新していますが、毎日心ときめくことは起こらないのが現実。
毎日インスタ映え、ブログネタなんてなかなかないものです。
死ぬまでドキドキしたいわ!

「素敵な毎日を過ごされていますね」
なんてコメントをいただくけれど、全然そんなことはなくて。
やっぱりブログに切り取るものは、日常のきらりと光るものを磨いて磨いて。
きれいにブラッシュアップされたものたちなのです。
わたしだって、仕事が終わってちょっとだけベッドでごろりとしていたら深夜3時に目が覚めて、いそいそシャワーを浴びたり、「疲れた身体にチョコレート…」なんて呟いていたらドカ食いしていて自己嫌悪になったり…
やっぱり日常にすてきなことはそうゴロゴロ落ちていない。
でも、ドキドキしていたい!
「じぶんごと」を増やす
ドキドキするために必要なことは、「自分事(じぶんごと)」を増やすこと。
これに尽きるのかなと思います。
わたしは花瓶を買ってからというもの、フラワーショップを無意識に探してしまう。
ふらりと店内に入ってみては「ピンクのお花可愛いな」「このかたちでバラなの?」と真剣にあのフラワーベースに合うお花を探しています。
スイトピーは春のお花、ということは知っていても、黄色や青っぽい色があるなんて知りもしなかった。
今まで自分とは無関係なところにあったお花が、フラワーベースを買ったことで一気に自分事になり、心のアンテナが無意識のうちに情報をキャッチするようになりました。
飾りたいなというお花を見つけては、ドキドキする毎日です!
興味を引いたものは自分事にできるもの
TwitterのTLに流れてきてちょこっと気になった、キュレーションアプリで見かけていいなと思ったなど、少しでも興味を引いたものは自分事にできる見込みのあるもの!
そこでさらりと流してしまわずに、TwitterでRTしてみたり、メモをしてあとで調べてみたり、やりたいことリストにとにかく入れてみたり…
自分の領域にとにかく引きずり込んで、半径5メートルの中に入れ込んで。
そしたらドキドキするものを、無意識に心がキャッチするようになってくれるはず。
心の感度が悪いときは、なかなかキャッチがうまくいかないけれど、自分はどういうものに興味があるのかなって自覚することで、すこしずつドキドキを取り戻していくはず。
ふーん、いいなぁで流してしまわないで、自分の日常に一歩近づけてみて。
やっぱり、死ぬまでドキドキしてたいわ!
思えば、2015年から毎年、今年やりたいリストをつくっています。
3年もつくり続けていると、どんどんとやりたいことを見つけるのが上手になってきました!
はじめの年は「100個もやりたいことが見つからない」なんて落ち込んでいたけれど、気になったことを自分事にするようにしただけで、おもしろそうなイベントや美味しそうなお店に足を運ぶまでに成長しました。
出不精なわたしなので、大きな変化だなと思います。
「素敵なお店は東京にしかないから」「これ高くて手が出せないから」と、キラキラを遠ざける前に、少し調べて自分の生活に取り入れてみると、小さなキラキラって案外近くにあるんだなって思えてくるはず!
スターをつけました
引用をストックしました
引用するにはまずログインしてください
引用をストックできませんでした。再度お試しください