@charset "UTF-8";
/*!
Theme Name: GRID wordpress theme (custom)
Theme URI: http://www.straightline.jp/private-works/grid-wordpress-theme/
Description: 
Version: 0.1.0
Author: yasukawa
Date: March 2012
*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0

px   %
10 = 77 
11 = 85  
12 = 93 (was 93)  
13 = 100  
14 = 108 (was 107) 
15 = 116 (was 114) 
16 = 123.1 (was 122) 
17 = 131 (was 129) 
18 = 138.5 (was 136) 
19 = 146.5 (was 144) 
20 = 153.9 (was 152) 
21 = 161.6 (was 159) 
22 = 167
23 = 174
24 = 182
25 = 189
26 = 197

*/
body {
  /*font: 13px/1.231 arial,helvetica,clean,sans-serif;*/
  font: 13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
}

select, input, button, textarea, button {
  font: 99% arial,helvetica,clean,sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

body * {
  margin: 0;
  padding: 0;
}

p,
pre,
address,
cite {
  margin: 1em 0;
  font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0;
}

h1 {
  font-size: 197%;
}

h2 {
  font-size: 161.6%;
}

h3 {
  /* 	font-size: 146.5%; */
  /* 	2013/03/06 add */
  font-size: 150%;
  letter-spacing: 0.1em;
  font-weight: bold;
  border-left: 8px solid #000;
  border-bottom: 1px solid #000;
  /* 	2014/07/04 mod 微調整、margin-topを広げた */
  /* 	padding-left: 10px; */
  /* 	margin-left: 0px; */
  padding: 0 0 0 10px;
  margin: 2em 0 1em;
}

h4 {
  /* 	font-size: 123.1%; */
  /* 	2013/03/06 add */
  font-size: 137%;
  letter-spacing: 0.1em;
  font-weight: bold;
  border-left: 8px solid #888888;
  padding-left: 10px;
  margin-left: 8px;
}

h5 {
  font-size: 108%;
}

h6 {
  font-size: 108%;
}

pre {
  padding: 0.5em 10px;
  width: 90%;
  overflow: scroll;
}

/* 2013/09/23 add */
hr {
  height: 0;
  border: 0;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #eee;
  margin: 40px 0;
}

/* 徳永さんからの要望で変更
blockquote {
	margin: 1em 2em;
	padding: 1px 0; 
}
*/
blockquote {
  margin: 0 1em;
  padding: 0 10px;
  background-color: #E8E8E8;
  border-top-style: groove;
  border-bottom-style: ridge;
}

cite {
  display: block;
  text-align: right;
}

em {
  font-weight: bold;
}

strong {
  font-weight: bold;
}

abbr,
acronym {
  cursor: help;
}

kbd {
  text-transform: uppercase;
}

ul,
ol {
  margin: 1em 2em;
}

dl {
  margin: 1em 2em;
}

li,
dt,
dd {
  margin: 0 1em;
}

dt {
  margin-top: 0.6em;
}

dd {
  margin-left: 1em;
  margin-bottom: 0.6em;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
  font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
  margin: 0;
}

del {
  text-decoration: line-through;
}

del[datetime]::before {
  content: " ( " attr(datetime) "削除) ";
}

ins {
  text-decoration: none;
}

ins[datetime]::before {
  content: " ( " attr(datetime) "修正) ";
}

form {
  margin: 0.5em 0;
}

form dl,
form p {
  margin: 0.5em 0;
}

legend {
  margin: 0 1em;
}

input,
textarea {
  margin: 0;
  padding: 0.1em;
}

input {
  line-height: 1.2;
}

textarea {
  padding: 0.4em 0.1em;
}

label {
  cursor: pointer;
}

table {
  margin: 1em 0;
  border-collapse: collapse;
}

th,
td {
  padding: 0.1em 0.5em;
}

img {
  vertical-align: middle;
}

a img {
  border-style: none;
}

object,
embed {
  margin: 1em 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* end MacIE5 */
/* I W J の色使い指定 */
html {
  -webkit-text-size-adjust: 100%;
}

html, body {
  background-color: #eee;
  /*       background-image: url("noize-texture.jpg"); */
}

body * {
  line-height: 1.6;
  font-style: normal;
}

body {
  color: #444;
  text-algin: center;
}

/* 2013/03/06 del */
h1,
h2 {
  font-size: 100%;
}

a {
  /*   2014/02/05 mod */
  /*     color: #000; */
  color: #1E66B2;
  padding: 0.4em 0;
}

a:link {
  color: #1E66B2;
}

a:visited {
  color: #45269E;
}

a:hover {
  text-decoration: none;
  color: #2C86E7;
}

a:active {
  color: #ba0d28;
}

img,
.home object,
.archive object,
.home embed,
.archive embed {
  height: auto;
}

#wrapper {
  margin: 0 auto;
  text-align: left;
}

#header,
.grid,
#footer {
  padding: 1em 0;
}

#header a,
#footer a {
  text-decoration: none;
}

/* 2012/04/12 add フォントサイズ大*/
/* 2013/01/16 mod フォントサイズ 250 -> 346、シャドウ追加 */
#title {
  font-size: 346%;
  margin: 0;
  padding: 0;
  text-shadow: -1px 1px 0 white;
}

/* 2014/02/05 add リンクカラー変更に伴い */
#title a {
  color: #000;
}

/* 2012/04/12 add フォントサイズ大、マージン追加、下線追加*/
#description {
  /* font-size: 85%; */
  font-size: 143%;
  margin: 4px;
  text-decoration: underline;
}

.grid {
  position: relative;
}

.grid-item {
  width: 250px;
}

.single .grid-item.post-section,
.page .grid-item.post-section {
  width: 750px;
  /* .grid-item.width * 3 */
}

.grid-content {
  margin: 0 10px 0 0;
  padding: 10px;
  background-color: #fff;
  border-top: 1px solid #eee;
  overflow: hidden;
}

.grid-content:hover {
  background-color: #fafafa;
}

.grid-item-start .grid-content {
  border-top-style: none;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
}

.grid-item-end .grid-content {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
}

.post-date,
.post-title,
.post-content,
.post-feedback,
.sidebar-title,
.sidebar-content,
.comment-title,
.comment-list {
  margin: 0 0 1em 0;
}

/* 2013/09/23 add タイトルからリンクを外すとbodyのcolorになるため、直接色指定 */
/* 2014/02/05 mod リンクカラー変更に伴いセレクタをaも追加 */
.post-title,
.post-title a {
  color: #000;
}

/* 2013/09/22 add タイトルフォントサイズ再拡大、ただし、単独ページのみ */
.single .post-title,
.page .post-title {
  font-size: 185%;
  margin: 12px 0 20px;
}
.single .post-title a,
.page .post-title a {
  line-height: 1.7;
  padding: 8px 0;
  text-decoration: none;
}

/* 特集ページタイトル拡大 一時的仮処理 */
.page #post-119595 .post-title {
  font-size: 300%;
}

/* 2012/04/12 custom add タイトルサイズ大*/
/* 2013/09/22 mod 一覧ページと単独ページデザインを分ける */
/* .post-title { */
.home .post-title,
.archive .post-title,
.search .post-title {
  font-size: 135%;
  margin: 12px 0 20px;
}
.home .post-title a,
.archive .post-title a,
.search .post-title a {
  line-height: 1.7;
  padding: 6px 0;
}

/* 2013/02/02 add クリック範囲の調整 */
/* 2013/09/22 mod .home .post-title{} にネスト */
/*
.post-title a {
    line-height: 1.4;
    padding: 6px 0;
}
*/
.post-meta {
  margin: 0;
  font-size: 100%;
}

/* 2012/04/28 custom add 記事本文サイズ大、
 * base.css で pタグ単体のfont-sizeが100%になっていたため、.post-contentのみでは効かない
*/
/* 2013/09/23 mod フォントサイズ指定をpxに変更、1px分拡大。行間とpのmarginを調整 */
/* 2014/02/04 media query 対応で%に戻す */
.post-content p {
  /* font-size: 123.1%; */
  /*     font-size: 16px; */
  font-size: 131%;
  line-height: 1.7;
  margin: 1em 0 1.5em;
}

/* 2013/09/25 add 右揃え */
.post-content p.align-r {
  text-align: right;
}

.post-date,
.post-feedback,
.comment-list em
 {
  font-size: 77%;
}

/* 2013/01/14 add */
.comment-author {
  font-size: 102%;
}

.comment-meta {
  font-size: 77%;
}

h2.comment-title {
  font-size: 137%;
}

.post-content,
.sidebar-content
 {
  font-size: 85%;
}

.nav-content {
  font-size: 122%;
  font-weight: bold;
}

.post-next {
  display: none;
  text-decoration: none;
  text-align: center;
  font-size: 85%;
}

.post-section .post-next {
  display: block;
}

.single .post-content,
.page .post-content,
.comment-list p {
  font-size: 93%;
}

.sidebar-content ul,
.comment-list ol,
.comment-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.comment-list p {
  clear: both;
  margin: 1em 0.5em;
  /* 2013/01/14 add */
  /* 2013/09/23 mod */
  /*     font-size: 104%; */
  /*     2014/04/29 mod %に戻して16px相当に */
  /*     font-size: 16px; */
  font-size: 131%;
}

.comment-list li {
  margin: 1em 0;
  padding: 0;
}

.comment-list li li {
  padding: 1em 0 0 2em;
}

.comment-author img {
  float: left;
  margin: 0 10px 10px 0;
}

.comment-author cite {
  display: inline;
}

.reply {
  font-size: 88%;
  text-align: right;
}

.comment-nav {
  font-size: 85%;
  text-align: center;
}

.comment-form #cancel-comment-reply,
.comment-form p {
  font-size: 85%;
}

#footer {
  font-size: 85%;
  color: #bbb;
}

#footer a {
  color: #999;
}

/* 2012/04/12 custom add 誘導文言デザイン */
/* 2015/04/11 id="invite" へ変更しても問題ないように修正 */
.invite,
#invite {
  /*     font-size: 114%; */
  /*     2014/04/04 mod %に戻す */
  /*     font-size: 15px; */
  font-size: 123.1%;
  line-height: 2.3;
  border: solid 1px #aaaaaa;
  margin: 10px auto;
  /*     padding: 15px 0px 15px 50px; */
  padding: 2% 6%;
  background: #FFFBE4;
  /*     width: 590px; */
  width: 82%;
}

/* 2013/02/12 add 誘導文言ボタンデザイン */
.invite a.member,
.invite a.fellow,
.invite a.join,
.invite a.ondemand,
#invite a.member,
#invite a.fellow,
#invite a.join,
#invite a.ondemand {
  color: #fff;
  /*     font-size:114%; */
  /*     2014/04/04 mod %に戻す */
  /*     font-size: 16px; */
  font-size: 108%;
  text-decoration: none;
  margin: 0 8px;
  padding: 3px 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0px 1px 5px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0px 1px 5px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0px 1px 5px rgba(255, 255, 255, 0.3);
}

.invite a.member,
#invite a.member {
  border: 1px solid #004487;
  background: #2ea0f7;
  background: -moz-linear-gradient(top, #2ea0f7 0%, #006ed4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2ea0f7), color-stop(100%, #006ed4));
  background: -webkit-linear-gradient(top, #2ea0f7 0%, #006ed4 100%);
  background: -ms-linear-gradient(top, #2ea0f7 0%, #006ed4 100%);
  background: linear-gradient(to bottom, #2ea0f7 0%, #006ed4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea0f7', endColorstr='#006ed4',GradientType=0 );
}

.invite a.fellow,
#invite a.fellow {
  border: 1px solid #077000;
  background: #46cc2b;
  background: -moz-linear-gradient(top, #46cc2b 0%, #0a9900 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #46cc2b), color-stop(100%, #0a9900));
  background: -webkit-linear-gradient(top, #46cc2b 0%, #0a9900 100%);
  background: -o-linear-gradient(top, #46cc2b 0%, #0a9900 100%);
  background: -ms-linear-gradient(top, #46cc2b 0%, #0a9900 100%);
  background: linear-gradient(to bottom, #46cc2b 0%, #0a9900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46cc2b', endColorstr='#0a9900',GradientType=0 );
}

.invite a.join,
#invite a.join {
  border: 1px solid #bd4444;
  background: #ff8c7f;
  background: -moz-linear-gradient(top, #ff8c7f 0%, #e05555 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8c7f), color-stop(100%, #e05555));
  background: -webkit-linear-gradient(top, #ff8c7f 0%, #e05555 100%);
  background: -o-linear-gradient(top, #ff8c7f 0%, #e05555 100%);
  background: -ms-linear-gradient(top, #ff8c7f 0%, #e05555 100%);
  background: linear-gradient(to bottom, #ff8c7f 0%, #e05555 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8c7f', endColorstr='#e05555',GradientType=0 );
}

.invite a.ondemand,
#invite a.ondemand {
  border: 1px solid #d46211;
  background: #ffa442;
  background: -moz-linear-gradient(top, #ffa442 0%, #ed7113 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa442), color-stop(100%, #ed7113));
  background: -webkit-linear-gradient(top, #ffa442 0%, #ed7113 100%);
  background: -o-linear-gradient(top, #ffa442 0%, #ed7113 100%);
  background: -ms-linear-gradient(top, #ffa442 0%, #ed7113 100%);
  background: linear-gradient(to bottom, #ffa442 0%, #ed7113 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa442', endColorstr='#ed7113',GradientType=0 );
}

.invite a.member:hover,
.invite a.fellow:hover,
.invite a.join:hover,
.invite a.ondemand:hover,
#invite a.member:hover,
#invite a.fellow:hover,
#invite a.join:hover,
#invite a.ondemand:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}

.invite .mailto,
#invite .mailto {
  /*     2014/04/04 mod %に戻す */
  /*     font-size: 93%; */
  /*     font-size: 14px; */
  font-size: 93%;
  margin: 0px;
  padding: 0px;
}

/* 2013/01/16 add  */
.post-meta a {
  /* 2014/02/05 mod 微調整 */
  /*     line-height: 2.4em; */
  /*     padding: 3px 8px; */
  /*     margin: 0px 6px 0px 0px; */
  line-height: 2.8em;
  padding: 6px 4px;
  margin: 0px 1px 0px 0px;
  border: #ccc solid 1px;
  background-color: #f4f4f4;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  white-space: nowrap;
}

/* 2013/01/16 add  */
.post-meta a:hover {
  background-color: #fff;
}

/* 2012/04/28 custom add この記事を編集する・下書き表示ハイライト */
a.post-edit-link,
.post-draft {
  font-weight: bold;
  background: #ffff00;
  font-size: 110%;
  padding: 6px 30px;
}

/* 2012/04/28 custom add 続きを読むをbold */
/* 2014/02/05 mod トップページデザインと統一 */
a.more-link {
  /*   font-weight: bold; */
  /*   font-size: 108%; */
  padding: 3px 0;
  margin: 0 0 0 auto;
  width: 43%;
  display: block;
  font-size: 93%;
  text-align: center;
  color: #fff;
  background: #ba0d28;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/* 2013/01/13 add 埋め込みセンタリング*/
.post-content iframe {
  display: block !important;
  margin: 0 auto !important;
}

/* 2014/03/03 add ツイキャス埋め込みセンタリング */
.post-content .twitcasting-live-embed {
  width: 640px !important;
  margin: 0 auto !important;
}

/* 2014/03/25 add Twitterツイート埋め込み調整 */
.post-content .twitter-tweet-rendered {
  width: 640px !important;
  margin: 10px auto !important;
}

/* 2013/01/14 add ただしAmazonはinline */
/* 2013/06/26 add 属性セレクタで class="amzn-afl" が入っていない古いコードにも対応 */
.post-content iframe.amzn-afl,
.post-content iframe[src^="http://rcm-jp.amazon"] {
  display: inline !important;
}

/* 2013/01/13 add Google Ads */
.gads-footertext-view,
.gads-headerimage {
  width: 734px;
  margin: 0 0 20px 0;
  padding: 10px 0px 10px 6px;
  background-color: white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.gads-footertext {
  height: 130px;
  margin: 35px auto auto -4px;
}

/* 2013/02/12 add Google Ads 個別記事ヘッダーイメージ */
.gads-headertext {
  margin: 0 0 20px 0;
}

/* 2013/01/13 add リスト表示は小さくなってしまっていたので */
/* 2013/09/25 mod フォントサイズをpxに変更 */
/* 2014/04/29 mod フォントサイズを%に戻す */
.post-content ul,
.post-content ol {
  margin-top: -0.5em;
  /*     font-size: 15px; */
  font-size: 123.1%;
}

/* 2013/09/23 add 行間と幅調整、主に関連記事のリスト用 base.cssとは別途*/
.post-content li {
  margin: 0.6em 0;
}
.post-content li a {
  padding: 6px 0;
}

/* 2014/05/14 add リストのネスト対応 */
.post-content li ul,
.post-content li ol {
  margin: .8em 0 .8em 1.5em;
  font-size: 100%;
  /* 2014/05/21 add class="" を特に付けない場合、ネストすると大きくなってしまうのを修正 */
}

/* 2013/01/16 add 注意喚起強調 p とか span での利用を想定 */
.attention {
  /*     color: red */
  color: #ba0d28;
  font-weight: bold;
}

/* 2013/11/27 add boldじゃないバージョン */
.attention-light {
  color: #ba0d28;
  font-weight: normal;
}

/* 2013/08/20 add 別色の強調が欲しいとの要望により */
.attention-2 {
  color: #0a6430;
  font-weight: bold;
}

/* 2013/11/27 add boldじゃないバージョン */
.attention-2-light {
  color: #0a6430;
  font-weight: normal;
}

/* 2013/01/22 add コメント投稿フォーム整形 */
.comment-form input#author,
.comment-form input#email,
.comment-form textarea {
  margin-bottom: 10px;
}

.comment-form input#author,
.comment-form input#email,
.comment-form textarea,
.comment-form label {
  font-size: 123%;
}

.comment-form input#author,
.comment-form input#email,
.comment-form input#submit {
  width: 31%;
}

.comment-form textarea {
  width: 99%;
}

.comment-form input#submit {
  font-size: 143%;
  padding: 10px 0;
  background: -moz-linear-gradient(top, #f5f5f5 0%, #d4d4d4);
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#d4d4d4));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
  -moz-box-shadow: inset 0px 1px 3px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0px 1px 3px rgba(255, 255, 255, 0.7);
  box-shadow: inset 0px 1px 3px rgba(255, 255, 255, 0.7);
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.3), 1px 1px 2px rgba(255, 255, 255, 0);
  cursor: pointer;
}

/* 2013/01/23 add WP-PageNavi wp-pagenavi/pagenavi-css.css から転載 */
.wp-pagenavi {
  clear: both;
  margin: 2em 0 3.5em;
}

/* 2014/02/05 add リンクカラー変更に伴い */
.wp-pagenavi a {
  color: #000;
}

.wp-pagenavi a,
.wp-pagenavi span {
  font-size: 116%;
  text-decoration: none;
  margin-right: 8px;
  padding: 1.7em 0.9em;
  border: 1px solid #fff;
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #000;
  background-color: #eee;
}

.wp-pagenavi a:hover {
  background-color: #fafafa;
}

.wp-pagenavi span.current {
  font-weight: bold;
  /*      padding: 15px 10px;  */
}

.wp-pagenavi a.first,
.wp-pagenavi a.last {
  padding-left: 0.4em;
  padding-right: 0.4em;
  /*   padding: 15px 8px; */
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
  padding-left: 1.7em;
  padding-right: 1.7em;
  /*   padding: 15px 8px; */
}

.wp-pagenavi span.extend {
  background-color: transparent;
  border-style: none;
  padding: 0px;
}

/* 2013/01/30 add 個別記事のページナビ */
.single-navi {
  width: 740px;
  height: 70px;
  margin-top: -5px;
  margin-bottom: 40px;
}

.single-navi-pre,
.single-navi-next {
  width: 345px;
  height: 100%;
  padding: 10px;
  background-color: white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.single-navi-pre:hover,
.single-navi-next:hover {
  background-color: #fafafa;
}

.single-navi-pre p,
.single-navi-next p {
  font-size: 120%;
  font-weight: bold;
  margin: 0;
}

.single-navi-pre p {
  text-align: right;
}

.single-navi-pre {
  float: right;
}

.single-navi-next {
  float: left;
}

.single-navi-clear {
  clear: both;
}

.single-navi-pre a,
.single-navi-next a {
  font-size: 104%;
  line-height: 1.1;
  margin: 0;
}

/* 2013/01/30 add WP-SBL のStyleがheadに書かれるのでこちらに移動 */
/* 2013/04/07 mod WP-SBLから自作に切り替え後、セレクタはクラス名を変えて流用 */
.my_social_bookmarking {
  border: 0;
  padding-bottom: 12px;
  margin: 0 0 0 20px;
}

.my_social_bookmarking div {
  float: left;
  border: 0;
  padding: 0;
  margin: 0 10px 0 0;
  height: 23px;
  text-indent: 0;
}

.my_social_bookmarking img {
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.my_social_bookmarking_clear {
  clear: both;
}

.msb_evernote {
  width: 76px !important;
}

.hatena-bookmark-button-frame {
  width: 64px !important;
}

#___plusone_0 {
  width: 77px !important;
}

.msb_facebook_like {
  width: 160px !important;
}

#fb-root {
  margin: 0;
}

.msb_twitter {
  width: 115px !important;
}

/* 2013/02/06 add 一覧ページのアイキャッチに記事リンク */
/* a.view-thumbnail img:hover { */
/* 2013/04/03 mod 全てのimgリンクに対応 */
/* 2013/04/24 mod 更に.grid-content全体に範囲を拡張 */
/* .post-content a img:hover {  */
.grid-content a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
}

/* 2014/04/20 add function.php でアイキャッチのサイズをトップページに合わせるため220px→256pxへ変更。その分WP側をテーマに合わせて縮小。 */
img.attachment-post-thumbnail {
  width: 220px;
}

/* 2013/02/16 add 見出し追加 */
h2.post-headline {
  color: #FD1111;
  font-size: 143%;
  font-weight: bold;
  line-height: 1.3;
  margin: 8px 0 15px;
}

h2.post-title-min {
  font-size: 104%;
  margin: 8px 0 10px;
}

/* 2013/03/06 311特集用リスト */
/*
body.page-id-62836 .post-content ul {
    
    
}


body.page-id-62836 .post-content ul li {
    font-size: 111%;
    line-height: 2.0;
    color: #050505;
}
*/
ul.tag311-list {
  margin: 0px;
  padding: 0px;
}

ul.tag311-list li {
  display: inline;
}

ul.tag311-list li a {
  font: 13px/1.231 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro W3','ＭＳ Ｐ明朝','MS PMincho',serif;
  padding: 8px 12px;
  line-height: 3.0;
  font-size: 152%;
  font-weight: bold;
  text-decoration: none;
  color: #050505;
  white-space: nowrap;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), to(#dedede));
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #f5f5f5;
  -moz-box-shadow: 3px 4px 10px rgba(200, 200, 200, 0.8), inset 0px 4px 1px rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 3px 4px 10px rgba(200, 200, 200, 0.8), inset 0px 4px 1px rgba(255, 255, 255, 0.7);
  box-shadow: 3px 4px 10px rgba(200, 200, 200, 0.8), inset 0px 4px 1px rgba(255, 255, 255, 0.7);
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0);
}

ul.tag311-list li a:hover {
  text-decoration: underline;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
  -moz-box-shadow: 3px 4px 14px rgba(180, 180, 180, 0.9);
  -webkit-box-shadow: 3px 4px 14px rgba(180, 180, 180, 0.9);
  box-shadow: 3px 4px 14px rgba(180, 180, 180, 0.9);
}

/* 2013/03/09 add 311特集用box */
/* 2013/04/03 add 特集ページ汎用boxも追加 */
.box-container h4 {
  background-color: #e8dfe4;
  padding: 5px 0;
  font-size: 190%;
}

.box-single {
  padding: 0 10px 10px;
  margin: 0 10px 20px;
  background-color: #eceae3;
  border: solid 1px #aaa;
}

.box-read {
  padding: 0 20px 5px;
  margin: 0;
  background-color: #dbd7c7;
  overflow: hidden;
  /*
      -webkit-box-shadow: 3px 3px 11px 1px #bbb;
      -moz-box-shadow: 3px 3px 11px 1px #bbb;
      box-shadow: 3px 3px 11px 1px #bbb;
  */
  -webkit-box-shadow: 1px 2px 0px 0px #aaa;
  -moz-box-shadow: 1px 2px 0px 0px #aaa;
  box-shadow: 1px 2px 0px 0px #aaa;
  border: 1px solid #ccc;
  /*     2013/12/28 add box-read の中に img を内包バージョン */
  /*     目次 */
}
.box-read img {
  float: left;
  margin: 7px 20px 5px 0;
  border: 1px solid #666;
}
.box-read p {
  /*       2014/04/29 mod ちょい詰め */
  /*       line-height: 1.6; */
  line-height: 1.5;
  margin-bottom: 1.1em;
  /*       2014/04/29 add box-read内の文字サイズ下げ */
  font-size: 123.1%;
}
.box-read ul.index li {
  font-size: 14px;
  /*       margin: 0; */
}

.box-title {
  margin: 0;
  padding: 0 20px;
}
.box-title a {
  color: #222;
  font-weight: bold;
  /*     2014/04/29 mod フォントサイズを%に、継承を考慮し20px相当に */
  /*     font-size: 20px; */
  font-size: 127%;
  padding-bottom: 15px;
}
.box-title p {
  margin: 1.0em 0;
}
.box-title img {
  width: 320px;
  margin: 10px 0 0 30px;
  border: 1px solid #666;
}

.box-single-hl .box-title a {
  color: #ba0d28;
}

/* 2013/10/02 キッチン用box */
/*

div.box-single-kitchen {
    padding: 20px 5px;
    margin: 0px 10px 20px;
    background-color: #FAEBC6;
    border: solid 1px #C08753;
    overflow: hidden;
    zoom:1;

    box-shadow: 0 2px 6px rgba(0,0,0,0.3),0 0 48px rgba(197, 99, 21, 0.7) inset;
    position: relative;
}
*/
ul.box-single-kitchen {
  width: 100%;
  padding: 0;
  margin: 0;
}
ul.box-single-kitchen li {
  display: inline-block;
  list-style: none;
  width: 350px;
  min-height: 260px;
  vertical-align: top;
  padding: 0;
  margin: 0px 4px 30px 0;
  background-color: #FAEBC6;
  border: solid 1px #DAAE86;
  border-radius: 2px;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4), 0 0 48px rgba(197, 99, 21, 0.7) inset;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4), 0 0 48px rgba(197, 99, 21, 0.7) inset;
  position: relative;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
ul.box-single-kitchen li a {
  padding: 0;
  margin: 0;
  /*       color: #F26719; */
  color: #AA3A01;
  text-decoration: none;
  display: block;
  overflow: hidden;
}
ul.box-single-kitchen li img {
  width: 280px;
  padding: 3px;
  margin: 10px auto 7px;
  border: 1px dashed #FFFFE5;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /*       float: left; */
  display: block;
}
ul.box-single-kitchen li a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -o-transform: scale(1.02, 1.06) rotateZ(1deg);
  -ms-transform: scale(1.02, 1.06) rotateZ(1deg);
  -moz-transform: scale(1.02, 1.06) rotateZ(1deg);
  -webkit-transform: scale(1.02, 1.06) rotateZ(1deg);
  transform: scale(1.02, 1.06) rotateZ(1deg);
  -webkit-box-shadow: 0 0 12px rgba(128, 128, 128, 0.3);
  box-shadow: 0 0 12px rgba(128, 128, 128, 0.3);
  border-radius: 13px;
}
ul.box-single-kitchen li p {
  padding: 0;
  margin: 0 15px 5px;
  font-size: 161.6%;
  font-weight: bold;
  line-height: 1.4;
  text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.5);
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  float: left;
}
ul.box-single-kitchen li a:hover p {
  color: #FDC700;
      /*
      text-shadow:
      0 0 1px #F46700,
      0 0 10px rgba(244, 103, 0, 0.8),
      0 0 5px rgba(244, 103, 0, 0.8);
*/
  text-shadow: 0px 1px #AA3A01, 1px 2px #AA3A01, 2px 3px #AA3A01, 1px 0px #AA3A01, 2px 1px #AA3A01, 3px 2px #AA3A01;
  /*       4px 3px #AA3A01; */
  -o-transform: translate(-3px, -3px);
  -ms-transform: translate(-3px, -3px);
  -moz-transform: translate(-3px, -3px);
  -webkit-transform: translate(-3px, -3px);
  transform: translate(-3px, -3px);
}
ul.box-single-kitchen li:hover {
  /*
      -moz-transform: scale(0.996, 0.996);
      -webkit-transform: scale(0.996, 0.996);
      -o-transform: scale(0.996, 0.996);
      -ms-transform: scale(0.996, 0.996);
  */
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3), 0 0 52px rgba(197, 99, 21, 0.8) inset;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3), 0 0 52px rgba(197, 99, 21, 0.8) inset;
}
ul.box-single-kitchen li:nth-child(even) img {
  /*     float: right; */
}

/*

div.box-thumb-kitchen {
  width: 240px;
  margin: 5px 20px 5px 5px;
  float: left;

  img {
    width: 100%;
    padding: 2px;
    border: 1px dashed #FFFFE5;
    box-shadow: 0 0 20px rgba(255,255,255,1);
  }
}

div.box-title-kitchen {

  p {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 15px;
    a {
      font-size: 15px;
      color: #FF5C00
    }
  }
}
*/
/* 2013/04/03 画像埋め込みの位置添え指定対応 */
/* 2014/07/04 mod セレクタに img を付けていたので削除、キャプションを付けた場合にも対応させるため */
.post-content .alignnone,
.post-content .aligncenter,
.post-content .alignleft,
.post-content .alignright {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

.post-content .alignnone,
.post-content .aligncenter {
  margin-left: auto;
  margin-right: auto;
  /*   text-align: center; */
}

.post-content .alignleft {
  /*   margin-left: 40px; */
  margin-right: auto;
}

.post-content .alignright {
  margin-left: auto;
  /*   margin-right: 40px; */
}

/* 2014/07/04 add 画像キャプション機能の運用スタートのため */
.post-content .wp-caption-text {
  font-size: 116%;
  margin: .5em 0 2.5em;
}

/* 2013/04/03 add Facebook Like Box */
.fb-likebox {
  margin: 20px auto 0;
}

/* 2013/04/21 add togetterの埋め込みをiframe版から拡張版に変更すると共に、レイアウトの調整と不要な項目非表示 */
.tgtr_embd {
  width: 620px;
  height: 460px;
  margin: 20px auto;
  padding: 10px;
  border: 1px solid #aaa;
  overflow: auto;
}

.tgtr_embd .info_head {
  font-size: 70% !important;
}

.tgtr_embd h3 {
  font-size: 100% !important;
}

.tgtr_embd .info_description {
  font-size: 80% !important;
}

.tgtr_embd .info_status,
.tgtr_embd .info_thumb,
.tgtr_embd #popin_box.reco_box {
  display: none;
}

/* 2013/04/25 会員募集とカンパ文言追加 */
.supportus {
  width: 100%;
  margin: 40px auto;
  padding: 20px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.supportus img {
  width: 150px;
}

.supportus img.supportus-touroku {
  float: left;
}

.supportus .supportus-text {
  font-size: 119%;
  width: 405px;
  padding: 0 5px 0 10px;
  float: left;
}

.supportus img.supportus-kanpa {
  float: right;
}

.supportus-clear {
  clear: both;
}

/* 2014/03/26 add 記事トップAds枠にカンパお願い対応 */
.gads-headerimage .supportus {
  width: 720px;
  margin: 0 auto;
  padding: 10px 0;
  border-style: none;
}
.gads-headerimage .supportus a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
}

/* 2013/10/01 関連記事 Related Posts デザイン */
/*
.related_post_title {
}
ul.related_post {
}
ul.related_post li {
  font-size: 15px;
}
ul.related_post li a {
  padding-bottom: 5px;
}
ul.related_post li img {
}

.wp_rp_twocolumns img.wp_rp_thumbnail { 
}

.wp_rp_twocolumns ul.related_post li a.wp_rp_thumbnail {
  display: block !important;
  width: 128px !important;
  height: 72px !important;
  overflow: hidden;
  float: left !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
}
*/
.program li {
  font-size: 14px;
  line-height: 1.4;
  margin: 0.4em 0;
}

.info {
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0 10px 25px;
  margin: 0 20px;
  list-style-type: circle;
}

.info li {
  font-size: 13px;
  line-height: 1.4;
  margin: 0.2em 0;
  color: #777;
}

.timestamps {
  font-size: 12px;
  line-height: 1.4;
  width: 640px;
  margin: -10px auto 30px;
  color: #777;
}

.index {
  background-color: #f4f4f4;
  padding: 15px 10px 10px 45px;
  margin: 0 0 25px;
  border-top: dashed 2px #ddd;
  border-bottom: dashed 2px #ddd;
  list-style-type: square;
}

.index li {
  line-height: 1.3;
}

.index .index-head {
  font-weight: bold;
  padding: 0 0 2px 6px;
  margin: 0 5px 16px -30px;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 1px rgba(255, 255, 255, 0.5);
  list-style: none;
}

/* 2014/02/27 add コメント欄の転載注釈 */
.comment-annotation {
  border: 1px dotted #ccc;
  padding: 10px 20px;
}

@media (max-width: 600px) {
  .grid-content {
    font-size: 200% !important;
  }

  .home .grid-content {
    font-size: 100% !important;
  }

  .home #title {
    font-size: 200% !important;
  }
}
/*********************** 追加スタイル ******************************/
/* 2015/08/08 誘導枠のpタグmargin削除 */
.invite p,
#invite p {
  margin: 0 !important;
}

/* 2015/08/12 登録とカンパ誘導枠の整形 */
.pre-invite {
  margin-bottom: 0 !important;
}
.kaiin {
  padding: 2% 4%;
  text-align: center;
  margin-bottom: 50px;
}

/* 2015/08/18 add 中央揃え */
.post-content .align-c {
  text-align: center;
}

/* feature */

div#feature {
	background: #FFFFFF;
	width: 740px;
	position: relative;
}

#feature h3 {
	border: none;
	display: inline;
	font-weight: normal;
}

#feature h3 a{
	text-decoration: none;
}

#feature div.post-section {
	margin-top: 10px;
}

#feature div.grid-content div.post-section {
	border-bottom: #666666 1px solid;
}

#feature div.eyecatch {
	float: left;
	margin: 0 10px 10px 0;
}

#feature div.eyecatch img {
	float: left;
	border: #999999 1px solid;
}

#feature .wp-pagenavi a, .wp-pagenavi span {
	font-size: 100%;
	text-decoration: none;
	margin-right: 8px;
	padding: 1em;
	border: 1px solid #fff;
	background-color: #fff;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

#feature .wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #666666;
	background-color: #eeeeee;
}

/* 2015/10/21 b-quote以外に囲み枠を設定 */
.post-content .reference {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 7px 10px;
	font-size: 120%;
}

.post-content .reference p {
	font-size: 100%;
}

.post-content .u-line {
	text-decoration: underline;
}