/* ブログタイトルとブログ説明の文字の大きさと位置変更 */
/* */
body{margin:0;padding:0;color:#454545;background-color:#f3f3f3;font-family:Trebuchet MS,Arial,Helvetica,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;-moz-transition:all 1s ease;-webkit-transition:all 1s ease}a{color:#256fba;text-decoration:none;-webkit-transition:.3s ease;-webkit-transition-property:opacity,border,color,background;-moz-transition:.3s ease;-moz-transition-property:opacity,border,color,background;-o-transition:.3s ease;-o-transition-property:opacity,border,color,background;transition:.3s ease;transition-property:opacity,border,color,background}a:hover{text-decoration:underline}a:visited{color:#7d9ab7}pre{padding:10px;background:#fafafa;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:inset 0 0 5px #0003}#globalheader-container{position:-webkit-sticky;position:sticky;top:0;background-color:#f3f3f3}#container{text-align:center;margin:20px auto;width:960px;padding:0 0 30px;background:#fff}#blog-title{text-align:center;margin:0 0 50px}#blog-title h1{color:#454545;text-shadow:0 1px 0 white;font-size:34px;padding:50px 30px 5px;font-weight:700;margin:0}#blog-title h1 a{color:#454545}#blog-title h1 a:hover{color:#256fba;text-decoration:none}header h2{color:#454545;text-shadow:0 1px 0 white;font-size:13px;font-weight:700;margin:0}#top-box,#top-editarea,#bottom-editarea{text-align:left;font-size:13px}#top-editarea,#bottom-editarea{margin:0 30px}#navigation{width:1000px;margin:0 auto}#navigation ul{list-style:none;padding:0;margin:0}#navigation ul li{font-size:90%;float:left;line-height:2}#navigation ul li a{color:#454545;text-decoration:none;padding:8px 15px;border-right:1px solid #ddd}#navigation ul li a:hover{color:#fff;font-weight:700;background:-moz-linear-gradient(top,#3888da 0%,#256fba 100%)}#navigation ul:after{content:".";display:block;clear:both;height:0;visibility:hidden}#top-box{margin:20px 130px}#content{padding:0 30px 30px}#content-inner{text-align:left}#wrapper{width:720px;float:left}#main{float:right;width:560px;padding:0 30px;min-height:100px}#main:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}#box1{float:right;width:100px;-moz-transition:all 1s ease;-webkit-transition:all 1s ease}#box2{width:180px;float:left;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;text-align:left}#bottom-box{clear:both}#content:after{content:" ";display:block;height:0;visibility:hidden;clear:both}section.day{margin-bottom:40px}.entry{margin:0 0 48px;position:relative;width:100%;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;word-wrap:break-word}.entry-header{padding:0;margin:0;position:relative}.date{width:100px;border-right:1px solid #DDD;margin:0;font-size:16px;position:absolute;left:-130px;top:0;font-weight:400;height:35px;line-height:35px}.date a{color:#454545}.date-last-updated{color:#454545;font-size:13px;margin-left:-3px;display:inline-block}.entry-title{text-align:left;margin:0;font-size:120%;line-height:35px}.entry-title a{position:relative}.categories a{color:#666;font-size:11px;background:#f5f5f5;padding:3px 10px;white-space:nowrap}.categories a:hover{text-decoration:none;background:#ebebeb;color:#454545}.entry-header p{padding:0;margin:0}.entry-header-menu a{display:block;font-size:12px;font-weight:700;padding:5px 25px;background:#454545;font-size:13px;position:absolute;left:480px;top:5px;color:#f5f5f5}.entry-header-menu a:hover{background:#4486c9;text-decoration:none}.entry .entry-category-area{padding:5px 0;margin:0;color:#aaa;font-size:70%}.entry .entry-category a{color:#454545;margin-left:5px;background:#fff;padding:3px 6px;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry .entry-category :hover{color:#fff;text-decoration:none;background:-moz-linear-gradient(top,#3888da 0%,#256fba 100%);border:1px solid #256fba}.entry-footer{display:block;margin-top:1em;color:#454545;font-size:13px}.entry-footer .social-buttons{margin:0 0 10px}.entry-footer-section{color:#aaa;padding-bottom:8px;margin:0}.pager{display:inline;margin-right:10px}.pager a{font-size:12px;font-weight:700;padding:5px 25px;background:#bbb;font-size:13px;color:#f5f5f5;line-height:1.5;word-wrap:break-word;display:inline-block;max-width:200px}.pager a:hover{background:#4486c9;text-decoration:none}.entry-content{font-size:14px;line-height:1.9;margin:.5em 0}.entry-content img{max-width:560px}.entry-content p{margin:.8em 0}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em}.entry-content h1{font-size:160%}.entry-content h2{font-size:150%}.entry-content h3{font-size:140%}.entry-content h4{font-size:120%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content h1,.entry-content h2,.entry-content h3{border-bottom:1px dotted #999}.entry-content ul,.entry-content ol{margin:0 0 0 1.5em;padding:0}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.footnote-number{scroll-margin-top:56px}.entry blockquote{padding:10px;margin:1em 0;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#fafafa}a.keyword{color:#454545;text-decoration:none;border-bottom:1px solid #DEDEDE}pre.lang-aa{font-size:14px;line-height:15px}.entry-comment{border-bottom:1px solid #ddd}.entry-comment:nth-child(1){border-top:1px solid #ddd}.comment{margin:0 0 15px;padding:0;font-size:13px}.comment li{list-style:none;padding:8px 0}.comment-user-name{font-weight:700;margin:0}.comment-content p{line-height:1.7}.comment-content p{margin:.5em 0;word-wrap:break-word}.comment-metadata{display:inline}.comment-metadata,.comment-metadata a{color:#aaa}.leave-comment-title{font-size:12px;font-weight:700;padding:5px 15px;display:inline-block;*display: inline;*zoom: 1;background:#f5f5f5;border:1px solid #f5f5f5;-webkit-transition:.3s ease;-webkit-transition-property:opacity,border,color,background;-moz-transition:.3s ease;-moz-transition-property:opacity,border,color,background;-o-transition:.3s ease;-o-transition-property:opacity,border,color,background;transition:.3s ease;transition-property:opacity,border,color,background}.leave-comment-title:hover{text-decoration:none;border:1px solid #7D9AB7}.hatena-module{margin-bottom:40px;font-size:13px}.hatena-module-title,.hatena-module-title a,.hatena-module-title a:hover,.hatena-module-title a:visited{text-align:left;font-size:16px;font-weight:400;margin-bottom:5px;padding-bottom:3px;color:#454545}.hatena-module-body ul{margin:0;padding:0;list-style:none;line-height:1.5}.hatena-module-body ul li{padding:.7em 0;border-bottom:1px solid #ddd}.hatena-module-body ul li.archive{border:none}.hatena-module-profile .id{display:block;line-height:2}.profile-icon{border:1px solid #ccc}.hatena-module-profile .profile-description{margin:0 0 5px;line-height:1.5}form.search-form{margin-top:10px}form.search-form input{border:1px solid #ccc;vertical-align:middle}.search-form .search-module-input{width:130px;background:-moz-linear-gradient(top,#eee 0%,#eee 50%,#fff 100%);padding:3px 8px;margin:0;font-size:12px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px}.search-form .search-module-button{height:23px;width:23px;border:none;text-indent:-999px;margin-left:-3px;*margin-left: -5px;cursor:pointer;background:#999 url(https://cdn.blog.st-hatena.com/images/theme/search_w.png?version=997e934d99b2604163e63c09902a08) 50% 50% no-repeat;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px}#footer-box{clear:both}#footer-area1,#footer-area2,#footer-area3,#footer-area4{width:220px;float:left}#footer-area1,#footer-area2,#footer-area3{margin-right:40px}#footer-area4:after{content:"";display:block;height:0;visibility:hidden;clear:both}#footer{clear:both;text-align:center;padding:10px 0;font-size:small}#footer a{color:#454545}#footer a:hover{color:#256fba;text-decoration:none}.hatena-embed.hatena-fotolife,.hatena-embed.twitpic{padding:10px 10px 30px;margin:1em 0;background:transparent;display:inline-block;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff;text-align:center}.hatena-embed.hatena-fotolife{background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-fotolife.png?version=997e934d99b2604163e63c09902a08) no-repeat right bottom}.hatena-embed.twitpic{padding:10px}.hatena-embed.hatena-fotolife .hatena-embed-image,.hatena-embed.twitpic .hatena-embed-image{display:inline-block;max-width:600px}.hatena-embed.hatena-fotolife .hatena-embed-body,.hatena-embed.hatena-fotolife .hatena-embed-body a,.hatena-embed.twitpic .hatena-embed-body,.hatena-embed.twitpic .hatena-embed-body a{text-align:center;font-family:Homemade Apple,cursive;color:#454545;font-size:16px;margin-top:10px}.hatena-embed.hatena-coco,.hatena-embed.foursquare{margin:1em 0;box-shadow:0 1px 5px #00000029}.hatena-embed.hatena-coco{border:1px solid #e2d279;padding:20px 30px;background:#faf9e6 url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-coco.png?version=997e934d99b2604163e63c09902a08) no-repeat right bottom}.hatena-embed.hatena-coco .hatena-embed-image,.hatena-embed.foursquare .hatena-embed-image{width:100px;height:100px}.hatena-embed.foursquare{border:1px solid #C1D5DB;padding:20px 30px;background:#e6eff2 url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-4sq.png?version=997e934d99b2604163e63c09902a08) no-repeat right bottom}.hatena-embed.hatena-bookmark{padding:15px 15px 15px 70px;margin:1em 0;background:transparent;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-bookmark.png?version=997e934d99b2604163e63c09902a08) no-repeat 10px top;position:relative}.hatena-embed.hatena-bookmark a{text-decoration:underline}.hatena-embed.hatena-bookmark .hatena-embed-image{max-height:50px}.hatena-embed.hatena-haiku{padding:15px 15px 15px 70px;margin:1em 0;background:transparent;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-haiku.png?version=997e934d99b2604163e63c09902a08) no-repeat 5px 5px}.hatena-embed.hatena-monolith{width:580px;padding:15px;margin:1em 0;background:transparent;border:1px solid #dfdfdf;box-shadow:0 1px 5px #00000029;background:#fff url(https://cdn.blog.st-hatena.com/images/theme/hatena-embed/embed-monolith.png?version=997e934d99b2604163e63c09902a08) no-repeat right bottom}.hatena-embed.hatena-monolith .hatena-embed-image{display:block;float:left;max-width:98px;border:1px solid #dfdfdf}.hatena-embed.hatena-monolith .hatena-embed-body{float:left;width:470px;margin-left:10px}.hatena-embed.hatena-monolith:after{content:"";display:block;height:0;visibility:hidden;clear:both}.hatena-embed.twitter{padding:10px 0;margin:1em 0;border-bottom:1px dotted #757575;border-top:1px dotted #757575}.hatena-embed.atnd{padding:10px 0;margin:1em 0;border-bottom:1px dotted #757575;border-top:1px dotted #757575;font-family:PT Sans Caption,Helvetica,ヒラギノ角ゴ Pro W3,HiraKakuProN-W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif}.hatena-embed-detail.atnd-detail{font-size:20px;font-weight:700;color:#262626}.hatena-embed-detail.atnd-detail:hover{color:#ea1f00;text-decoration:none}.hatena-embed.atnd .content-body{font-size:12px;color:#222}.page-about dt{font-size:16px;font-weight:700}.page-about dd{margin-left:0;margin-bottom:30px}.page-about .etnry-content img.profile-icon{height:16px;width:16px}.page-archive .date{position:static;border:none}.page-archive .archive-entries .entry-title{margin:0 0 .3em;line-height:1.5}.page-archive .archive-entries section{margin-bottom:30px}.page-archive .archive-entries .categories{margin-bottom:10px}.page-archive .archive-entries p{font-size:14px;line-height:1.5}
/* */
/* */
body{ background-image: url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/2014/pattern-07.png?version=997e934d99b2604163e63c09902a08'); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; background-size: 315px 315px; } @media (-webkit-min-device-pixel-ratio: 2) { body {background-image: url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/2014/pattern-07@2x.png?version=997e934d99b2604163e63c09902a08');} }
/* */
/* カエレバパーツ全体のデザインをカスタマイズ */
.kaerebalink-box,
.booklink-box
{
width: 100%;
margin-bottom: 1rem; /* 余白調整 */
padding: 1rem;
background: #ffffff; /* 背景白に */
border: double 3px #d0d0d0; /* 外線を二重線に */
box-sizing: border-box;
border-radius: 5px; /* 角を丸く*/
-webkit-border-radius: 5px;
}
/* 画像のデザインをカスタマイズ */
.kaerebalink-image,
.booklink-image
{
float: left; /* 画像を左寄せに */
margin: 0; /* 余白なし */
text-align: center;
}
.kaerebalink-image img,
.booklink-image img
{
max-width: 128px; /* 最大幅128pxに */
height: auto; /* 高さ自由 */
}
/* 商品名等をカスタマイズ */
.kaerebalink-info,
.booklink-info
{
margin-left: 140px; /* 文章は右寄せ */
line-height: 1.6rem; /* 行高さの幅を調整 */
}
.kaerebalink-name,
.booklink-name
{
font-weight: bold; /* 商品名太く */
margin: 0; /* 余白調整 */
}
.kaerebalink-name a,
.booklink-name a
{
color: #333333; /* 商品名色指定 */
}
.kaerebalink-name p,
.booklink-name p
{
margin-bottom: 0; /* 余白調整 */
}
.kaerebalink-powered-date,
.booklink-powered-date
{
font-size: 0.75rem; /* psted with ～ の大きさ指定 */
font-weight: normal; /* 文字の太さを標準に */
text-align: right; /* 右寄せ */
}
.kaerebalink-detail,
.booklink-detail
{
font-size: 0.875rem; /* メーカー・作者の文字の大きさ指定 */
margin-bottom: 0.5em; /* 余白調整 */
}
/* ボタンのカスタマイズ */
.kaerebalink-link1,
.booklink-link2
{
width:100%;
}
.kaerebalink-link1 div,
.booklink-link2 div
{
float: left; /* ボタンを横並びに */
width: 49%; /* ボタンの幅調整（2列にするので間の余白を考え49%を指定） */
margin-bottom:0.2rem; /* 余白調整 */
font-size: 0.875rem; /* 文字の大きさ */
font-weight: bold; /* 文字を太く */
text-align: center; /* 文字を中央寄せ */
box-sizing: border-box;
}
.kaerebalink-link1 div:nth-child(even),
.booklink-link2 div:nth-child(even)
{
margin-left: 1%; /* 左右ボタン間の余白を調整 */
}
.kaerebalink-link1 div a,
.booklink-link2 div a
{
display:block;
padding:3px 0; /* ボタンの上下幅指定 */
margin-bottom:8px; /* 上下ボタン間の幅指定 */
text-decoration:none;
border-radius: 4px; /* 丸み調整 */
box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26); /* シャドー作成 */
}
/* ボタンにカーソルを当てた時の動きをカスタマイズ */
.kaerebalink-link1 div a:hover,
.booklink-link2 div a:hover
{
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
color: #ffffff;
}
/* カエレバ・ヨメレバ共通 */
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkseven a,
/* カエレバ */
.shoplinkyahoo a,
.shoplinkbellemaison a,
.shoplinkcecile a,
.shoplinkkakakucom a,
/* ヨメレバ */
.shoplinkkindle a,
.shoplinkrakukobo a,
.shoplinkbk1 a,
.shoplinkehon a,
.shoplinkkino a,
.shoplinktoshokan a
{
display:block;
text-decoration:none;
}
/* カエレバ・ヨメレバ共通 色の指定 */
.shoplinkamazon a { color:#ffffff; background:#ff9901; }
.shoplinkrakuten a { color:#ffffff; background:#c20004; }
.shoplinkseven a { color:#ffffff; background:#225496; }
/* カエレバ 色の指定 */
.shoplinkyahoo a { color:#ffffff; background:#ff0033; }
.shoplinkbellemaison a { color:#ffffff; background:#84be24 ; }
.shoplinkcecile a { color:#ffffff; background:#8d124b; }
.shoplinkkakakucom a { color:#ffffff; background:#314995; }
/* ヨメレバ 色の指定 */
.shoplinkkindle a { color:#ffffff; background:#007dcd; }
.shoplinkrakukobo a { color:#ffffff; background:#d50000; }
.shoplinkbk1 a { color:#ffffff; background:#0085cd; }
.shoplinkehon a { color:#ffffff; background:#2a2c6d; }
.shoplinkkino a { color:#ffffff; background:#003e92; }
.shoplinktoshokan a { color:#ffffff; background:#333333; }
.booklink-footer
{
clear:both;
}
/* もしもアフィリエイトの場合不要な画像を削除 */
.kaerebalink-image img[src^="//i.moshimo.com/af/i/impression"],
.booklink-image img[src^="//i.moshimo.com/af/i/impression"],
.shoplinkamazon img,
.shoplinkrakuten img,
.shoplinkseven img,
.shoplinkyahoo img,
.shoplinkbellemaison img,
.shoplinkcecile img,
.shoplinkkakakucom img,
.shoplinkkindle img,
.shoplinkrakukobo img,
.shoplinkbk1 img,
.shoplinkehon img,
.shoplinkkino img,
.shoplinktoshokan img
{
display:none;
}
/* スマホ表示の設定 */
@media only screen and (max-width:460px){
/* 画像の設定 */
.kaerebalink-image,
.booklink-image
{
float:none; /* 画像を中央寄せに */
margin:0;
text-align:center;
}
/* 画像サイズを最大180pxに */
.kaerebalink-image img,
.booklink-image img
{
max-width:180px;
height:auto;
}
/* 商品名等をカスタマイズ */
.kaerebalink-info,
.booklink-info
{
margin: 0; /* 余白調整 */
}
/* ボタンのカスタマイズ */
.kaerebalink-link1 div,
.booklink-link2 div
{
float: none;
width: 100%;
}
.kaerebalink-link1 div:nth-child(even),
.booklink-link2 div:nth-child(even)
{
margin-left: 0; /* 余白を調整（ボタン縦並びにするため） */
}
}
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
/* カエレバパーツ全体のデザインをカスタマイズ */
.kaerebalink-box,
.booklink-box
{
width: 100%;
margin-bottom: 1rem; /* 余白調整 */
padding: 1rem;
background: #ffffff; /* 背景白に */
border: double 3px #d0d0d0; /* 外線を二重線に */
box-sizing: border-box;
border-radius: 5px; /* 角を丸く*/
-webkit-border-radius: 5px;
}
/* 画像のデザインをカスタマイズ */
.kaerebalink-image,
.booklink-image
{
float: left; /* 画像を左寄せに */
margin: 0; /* 余白なし */
text-align: center;
}
.kaerebalink-image img,
.booklink-image img
{
max-width: 128px; /* 最大幅128pxに */
height: auto; /* 高さ自由 */
}
/* 商品名等をカスタマイズ */
.kaerebalink-info,
.booklink-info
{
margin-left: 140px; /* 文章は右寄せ */
line-height: 1.6rem; /* 行高さの幅を調整 */
}
.kaerebalink-name,
.booklink-name
{
font-weight: bold; /* 商品名太く */
margin: 0; /* 余白調整 */
}
.kaerebalink-name a,
.booklink-name a
{
color: #333333; /* 商品名色指定 */
}
.kaerebalink-name p,
.booklink-name p
{
margin-bottom: 0; /* 余白調整 */
}
.kaerebalink-powered-date,
.booklink-powered-date
{
font-size: 0.75rem; /* psted with ～ の大きさ指定 */
font-weight: normal; /* 文字の太さを標準に */
text-align: right; /* 右寄せ */
}
.kaerebalink-detail,
.booklink-detail
{
font-size: 0.875rem; /* メーカー・作者の文字の大きさ指定 */
margin-bottom: 0.5em; /* 余白調整 */
}
/* ボタンのカスタマイズ */
.kaerebalink-link1,
.booklink-link2
{
width:100%;
}
.kaerebalink-link1 div,
.booklink-link2 div
{
float: left; /* ボタンを横並びに */
width: 49%; /* ボタンの幅調整（2列にするので間の余白を考え49%を指定） */
margin-bottom:0.2rem; /* 余白調整 */
font-size: 0.875rem; /* 文字の大きさ */
font-weight: bold; /* 文字を太く */
text-align: center; /* 文字を中央寄せ */
box-sizing: border-box;
}
.kaerebalink-link1 div:nth-child(even),
.booklink-link2 div:nth-child(even)
{
margin-left: 1%; /* 左右ボタン間の余白を調整 */
}
.kaerebalink-link1 div a,
.booklink-link2 div a
{
display:block;
padding:3px 0; /* ボタンの上下幅指定 */
margin-bottom:8px; /* 上下ボタン間の幅指定 */
text-decoration:none;
border-radius: 4px; /* 丸み調整 */
box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26); /* シャドー作成 */
}
/* ボタンにカーソルを当てた時の動きをカスタマイズ */
.kaerebalink-link1 div a:hover,
.booklink-link2 div a:hover
{
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
color: #ffffff;
}
/* カエレバ・ヨメレバ共通 */
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkseven a,
/* カエレバ */
.shoplinkyahoo a,
.shoplinkbellemaison a,
.shoplinkcecile a,
.shoplinkkakakucom a,
/* ヨメレバ */
.shoplinkkindle a,
.shoplinkrakukobo a,
.shoplinkbk1 a,
.shoplinkehon a,
.shoplinkkino a,
.shoplinktoshokan a
{
display:block;
text-decoration:none;
}
/* カエレバ・ヨメレバ共通 色の指定 */
.shoplinkamazon a { color:#ffffff; background:#ff9901; }
.shoplinkrakuten a { color:#ffffff; background:#c20004; }
.shoplinkseven a { color:#ffffff; background:#225496; }
/* カエレバ 色の指定 */
.shoplinkyahoo a { color:#ffffff; background:#ff0033; }
.shoplinkbellemaison a { color:#ffffff; background:#84be24 ; }
.shoplinkcecile a { color:#ffffff; background:#8d124b; }
.shoplinkkakakucom a { color:#ffffff; background:#314995; }
/* ヨメレバ 色の指定 */
.shoplinkkindle a { color:#ffffff; background:#007dcd; }
.shoplinkrakukobo a { color:#ffffff; background:#d50000; }
.shoplinkbk1 a { color:#ffffff; background:#0085cd; }
.shoplinkehon a { color:#ffffff; background:#2a2c6d; }
.shoplinkkino a { color:#ffffff; background:#003e92; }
.shoplinktoshokan a { color:#ffffff; background:#333333; }
.booklink-footer
{
clear:both;
}
/* もしもアフィリエイトの場合不要な画像を削除 */
.kaerebalink-image img[src^="//i.moshimo.com/af/i/impression"],
.booklink-image img[src^="//i.moshimo.com/af/i/impression"],
.shoplinkamazon img,
.shoplinkrakuten img,
.shoplinkseven img,
.shoplinkyahoo img,
.shoplinkbellemaison img,
.shoplinkcecile img,
.shoplinkkakakucom img,
.shoplinkkindle img,
.shoplinkrakukobo img,
.shoplinkbk1 img,
.shoplinkehon img,
.shoplinkkino img,
.shoplinktoshokan img
{
display:none;
}
/* スマホ表示の設定 */
@media only screen and (max-width:460px){
/* 画像の設定 */
.kaerebalink-image,
.booklink-image
{
float:none; /* 画像を中央寄せに */
margin:0;
text-align:center;
}
/* 画像サイズを最大180pxに */
.kaerebalink-image img,
.booklink-image img
{
max-width:180px;
height:auto;
}
/* 商品名等をカスタマイズ */
.kaerebalink-info,
.booklink-info
{
margin: 0; /* 余白調整 */
}
/* ボタンのカスタマイズ */
.kaerebalink-link1 div,
.booklink-link2 div
{
float: none;
width: 100%;
}
.kaerebalink-link1 div:nth-child(even),
.booklink-link2 div:nth-child(even)
{
margin-left: 0; /* 余白を調整（ボタン縦並びにするため） */
}
}