/* カスタムフリーのCSS */

/* ページ全体共通指定 */

/* ページ全体の背景と余白と各メニューリスト以外の文字 */
BODY {
    font-size: 15px;
    font-family: "Apple TP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
    min-width: 320px;
    color: #555;
    background-color: #FFF;
    line-height: 1.8;
}

/* コンテンツ包括 */
.wrapper {
    display: block;
    overflow: hidden;
    max-width: 1150px;
    margin: 0 auto;
}

/* text style */
span,p,table {
    line-height: 1.8;
}


/* 各メニューのリストの文字 */
TD{
}

/* ブログタイトル、ブログ概要、記事タイトルの文字飾りの指定 */
h1, h2, h3 {
}

.sidebar h2,
#center .content .back_number h3 {
    line-height: 1;
    border-left: solid 5px #B20002;
    padding: 2px 5px 0;
    font-size: 18px;
}

#center .content h2 {
    background-image: url(http://blogimg.goo.ne.jp/user_image/7c/29/8b18864533f09675cd3a543f55881d6b.png);
    background-repeat: no-repeat;
    background-position: 1px 4px;
    background-size: 25px;
    padding: 0px 0 0 33px;
    font-family: serif;
    font-size: 24px;
    margin: 60px 0 0;
    color: black;
}

/* 画像 */
img {
    max-width: 100%;
}

div.content div.entry div img {
    min-width: 100px;
    margin-bottom: 10px;
}

/* 全体のリンク飾り */
A {
}
/* リンク（まだ見ていない状態） */
A:link {
    color: #555;
}
/* リンク（すでに見た状態） */
A:visited {
    color: #555;
}

/* リンク（マウスポインタを乗せた状態） */
A:hover {
    color: #B20002;
}

/* リンク（クリックされた状態） */
A:active {
    color: #B20002;
}

A img:hover {
    opacity: 0.7;
}

/* ページの指定 */
#content {
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 100%;
background-color: #FFFFFF;
}

/* ヘッダーの指定 */
#header {
    background-position: center 0px;
    background:#aaa899 url(http://blogimg.goo.ne.jp/user_image/0e/00/c35b4c4d0e7da4ed84909e43b2ea3a8f.png) center 0px;
    background:#aaa899 url(http://blogimg.goo.ne.jp/user_image/7d/eb/d13361b8a1f4746105463c88f9c1a532.png) center 0px;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background-size: inherit;
    height: 300px;
    position: relative;
    border-bottom: solid 1px #999;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
#header:hover {
  -webkit-filter: brightness(130%);
}

#header a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/* 記事部分の指定 */
#center {
    border-left: 1px solid #999;
    float: left;
    width: 66%;
    overflow: hidden;
    padding: 2%;
}

/* 左メニューの指定 */
#menu {
    float: left;
    width: 25%;
    background-color: #FFFFFF;
    overflow: hidden;
    padding: 2%;
}

/* 右メニューの指定 */
#menu2 {
 float: left;
width: 20%;
background-color: #FFFFFF;
overflow: hidden;
}

/* 左右のメニュースペースの余白 */
.sidebar {
}
.sidebar table {
    width: 100%;
    font-size: 14px;
}

/* グローバルナビ */
ul.g_menu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    list-style: none;
    padding: 10px;
    margin: 0;;
}
ul.g_menu a {
    text-decoration: none;
}
ul.g_menu li{
  position: relative;
  display: inline-block;
}

ul.g_menu li:before,
ul.g_menu li:after{
  position: absolute;
  top: 1.5em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px; 
  background: #B20002;
  transition: 1s;
}

ul.g_menu li:before{
  left: 50%;
}

ul.g_menu li:after{
  right: 50%;
}

ul.g_menu li:hover:before,
ul.g_menu li:hover:after{
  width: 50%;
}
ul.g_menu_top{
    display: none;
}
ul.g_menu_bottom{
    border-bottom: solid 1px #999;
}



/* ブログのタイトル */
.bTitle {
}

/* ブログタイトルのリンク（<a href="#" class="etTitleLink">で使用） */
.bTitleLink{
}

/* ブログの概要 */
.bDesc {
}

/* カレンダー年月 */
.calMonth {
}

/* カレンダー曜日 */
.calWeek {
}

/* カレンダー日付 */
.calDay {
}

/* カレンダー日付のリンク */
.calDayLinked {
}

/* カレンダー前月、翌月 */
.calLink {
}

/* カレンダー内の区切り */
.calRule {
}

/* 左メニューの各見出し */
.menuBar {
}

/* 左メニューの背景 */
.menuBg {
}

/* 右メニューの各見出し */
.lgBar {
}

/* 右メニューの背景 */
.menuBg2 {
}

/* goo ブログエリア */
.menuBg2 img {
    display: none;
}

/* エントリータイトル枠飾り */
.entryTitle {
    margin: 0;
    font-size: 23px;
    line-height: 1.3;
}
.entryTitle a {
    text-decoration: none;
}
.entryTitle a:hover {
    text-decoration: underline;
}

/* 過去の投稿（ENTRY ARCHIVE）のリスト */
.arcLink {
}

/* 最新の投稿（RECENT ENTRY）のリスト */
.entLink {
}

/* 最新のコメント（RECENT COMMENT）のリスト */
.comLink {
}

/* 最新のコメント（RECENT COMMENT）のリスト：投稿者名 */
.comText {
}

/* 最新のトラックバック（RECENT TRACKBACK）のリスト */
.traLink {
}

/* 最新のトラックバック（RECENT TRACKBACK）リスト：ブログ名 */
.traText {
}

/* カテゴリー（cotegory）のリスト */
.catLink {
}

/* ブックマーク（book mark）のリンク：サイト名 */
.bmLink {
}

/* ブックマーク（book mark）リスト：説明 */
.bmText {
}

/* プロフィールの見出し */
.pfTitle {
    width: 4em;
    display: block;
}

/* プロフィールの内容 */
.pfText {
	word-break: break-all;
}
.pfText b {
    font-weight: normal;
}

/* プロフィール、search下の区切り */
.rule {
}

/* 「URLを送信する」 */
.miscLink {
}

/* 「（for PC & MOBILE）」 */
.miscText {
}

/* 「ブログの作成・編集」 */
.adminLink {
}

/* テーマサロンのリストの「・」「携帯からもアクセス」「QRコード（）」 */
.gooText {
}

/* ログアウト時、ログインフォームの文字 */
.lgText {
}

/* ログアウト時、ログインフォーム下の区切り線 */
.lgRule {
}

/* エントリーの背景 */
.entry {
    padding: 20px;
    box-shadow: 1px 1px 3px #ccc;
}

/* エントリータイトル */
.etTitle {
    line-height: 1.3;
}

/* エントリータイトルの飾り（<a href="#" class="etTitleLink">で使用） */
.etTitleLink {
}

/* エントリー本文 */
.etBody {
}
.etBody img{
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
    min-width: 100px;
    width: auto;
}


/* エントリーに表示されているカテゴリ */
.etCategory {
}

/* エントリーに表示されている日時 */
.etTime {
}

/* エントリーに表示されている「コメント（）」 */
.etCommentLink {
}

/* エントリーに表示されている「トラックバック（）」 */
.etTBLink {
}

/* エントリーに表示されているカテゴリー、時間などの「/」や「｜」 */
.etText {
    margin: 10px 0;
}

/* 前のページ、次のページ */
.etNextPrev {
}

/* エントリー内の画像位置 */
.thumbnail {
}

/* --エントリー枠固定用（変更不可）-- */
.Posi{
 text-align: left;
 width: 100%;
}

/* コメントの背景（別ウィンドウ、エントリー下ともに） */
.comment {
}

/* エントリー下の「コメント」 */
.cmHeadText {
}

/* エントリー下の「コメント」の囲み */
.cmHeadFrame {
}

/* エントリー下「コメントを投稿する」、別ウィンドウ「コメント」「コメントを投稿する」 */
.cmText {
}

/* コメントタイトル（エントリー下、別ウィンドウともに） */
.cmTitle {
}

/* コメント投稿者名（エントリー下、別ウィンドウともに） */
.cmName {
}

/* コメント投稿日時（エントリー下、別ウィンドウともに） */
.cmDate {
}

/* コメント見出しの各タイトル（エントリー下、別ウィンドウともに）と規約導入の文字 */
.cmForm {
}

/* コメント本文（エントリー下、別ウィンドウともに） */
.cmBody {
}

/* トラックバックの背景（エントリー下、別ウィンドウともに） */
.trackback {
}

/* エントリー下の「この記事のTrackback Ping-URL」 */
.tbHeadText {
}

/* エントリー下の「この記事のTrackback Ping-URL」の囲み */
.tbHeadFrame {
}

/* 別ウィンドウの「この記事のTrackback Ping-URL」 */
.tbtrackback {
}

/* トラックバックURL（エントリー下、別ウィンドウともに） */
.tbUrl {
}

/* トラックバックされた方のサイト名（エントリー下、別ウィンドウともに） */
.tbBTitle {
}

/* トラックバックされた記事名（エントリー下、別ウィンドウともに） */
.tbETitle {
}

/* トラックバック本文（エントリー下、別ウィンドウともに） */
.tbDesc {
}

/*** gooAd ***/

/* iframeの設定 */
.gooAd_iframe {
padding: 0px 0px 0px 0px;
}

/* テーブル全体 */
.gooAd {
cursor: hand;
}

/* テーブル個別セル設定 */

/* スポンサーリンクセル */
TD.gooAd_sponsor_td {
font-size: 9px;
padding: 3px 3px 2px 3px;
text-align: left;
}

/* タイトルセル */
TD.gooAd_title_td {
font-size: 11px;
padding: 4px 3px 0px 3px;
text-align: left;
}

/* URLセル */
TD.gooAd_url_td {
font-size: 10px;
padding: 4px 3px 0px 3px;
text-align: right;
}

/* テキストセル */
TD.gooAd_text_td {
font-size: 10px;
padding: 3px 3px 3px 3px;
text-align: left;
}

/* スペーサーセル */
TD.gooAd_btm_td {
font-size: 20px;
padding: 3px 3px 3px 3px;
}

/* 文字個別設定 */

/* スポンサーリンク文字 */
gooAd_sponsor {
color: # !important;
}

a.gooAd_sponsor {
text-decoration: none !important;
color: # !important;
}

/* タイトルリンク文字 */
a.gooAd_title {
font-weight: bold !important;
text-decoration: underline !important;
color: # !important;
}

/* URLリンク文字 */
a.gooAd_url {
text-decoration: none !important;
color: # !important;
}

/* テキストリンク文字 */
a.gooAd_text {
text-decoration: none !important;
color: # !important;
}

/* 空神バナー */
.kushin_bnr {
    display: block;
    margin: 0 auto;
    width: 90%;
}
.kushin_attention {
    margin: 10px 0 50px;
    line-height: 1.4;
    font-size: 80%;
}

/* ATLASバナー */
.atlas_bnr {
    display: block;
    margin: 0 auto 50px;
}

/* ATLASランキング */
.wpp-list {
    padding: 0 0 0 32px;
    font-size: 15px;
    margin: 0;
}
.atlas_archive{
    margin: 10px 0 40px 2px;
}
.wpp-list li a img {
    min-width: 15px!important;
    width: 15px;
    margin: 0!important;
    display: inline;
}

/* 書籍紹介 */
div.book div {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
div.book table {
    position: relative;
    margin: 5px 2px;
    width: 120px;
}
div.book table td img {
    width: 110px;
    height: 160px;
}
div.book table td:nth-child(2) a {
    width: 100px;
    height: 150px;
    display: block;
    padding: 5px;
    color: #fff;
    opacity: 0;
    position: absolute;
    top: 1px;
    bottom: 0;
    left: 2px;
    right: 0;
    font-size: 14px;
}
div.book table td:nth-child(2) a:hover {
    background: rgba(0,0,0,0.7);
    opacity: 1;
    transition: opacity .3s;
}
div.book table tr:nth-child(2),
div.book table tr:nth-child(3) {
    display: none;
}
div.book p {
    text-align: right;
    margin: 5px 10px 0 0;
}
.booktyousei {
    padding: 1px 0 0 2px;
}

p.badge {
    color: #ffffff;
    position: absolute;
    top: -13px;
    right: -13px;
    padding: 3px 2px 1px 3px;
    background: #d00001;
    line-height: 1;
    font-size: 13px;
    box-shadow: #333131 1px 1px 1px;
    z-index: 10;
}

/* オファーエリア */
.offer {
    margin-left: 30px;
}
.offer p{
    margin: 0;
}

/* 山口敏太郎関連リンクエリア */
.related_links {
    margin-left: 30px;
}
.related_links a {
    display: block;
}
.related_links p{
    margin: 0;
}

/* youtbeエリア */
.youtube {
    margin-left: 30px;
}
.youtube p{
    margin: 0;
}

/* ネットラジオエリア */
.radio {
    margin-left: 30px;
}

/* メルマガエリア */
.mail_magazine {
    margin-left: 30px;
}
.mail_magazine p{
    margin: 0;
}

/* バックナンバーエリア */
.back_number {
    overflow: hidden;
    margin-left: 30px;
}

/* カレンダー */
div.calendar {
    width: 300px;
    float: left;
    margin: 0 60px 30px 0;
}
.calendar table a {
    color: #B20002;
}

/* 検索 */
.search_box {
    width: 300px;
    float: left;
    margin: 0 0 30px;
}
.search_box table {
    width: 300px;
}
.search_box table tbody {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.search_box input[type="text"] {
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #ccc;
    width: 300px;
    font-family: "Apple TP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
select {
    width: 190px;
    height: 45px;
    border-radius: 5px;
    border: solid 1px #ccc;
    font-family: "Apple TP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 15px;
    font-weight: normal;
}
.search_box input[type="submit"] {
    padding: 10px;;
    border: none;
    width: 95px;
    height: 45px;
    font-family: "Apple TP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
    background: #B20002;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
}


/* 過去のエントリー */
.archive_list {
    padding: 0;
    clear: both;
    overflow: hidden;
}
.archive_list table tbody {
    display: flex;
    flex-wrap: wrap;
}
.archive_list table {
    width: 100%;
}


/* 連携先 */
.collaboration a {
    margin: 5px;
    display: block;
}
.collaboration a img {
    border: solid 1px #999;

}

/* コメント欄 */
#comment-module table table input[type="text"],textarea {
    padding: 10px;
    border-radius: 5px;
    border: solid 1px #ccc;
    margin: -5px 0 10px;
    width: 360px;
}
#comment-module table table td {
    text-align: left;
}
#comment-module input[type="submit"] {
    margin: 20px 100px 40px;
    padding: 10px;
    border: none;
    width: auto;
    height: 45px;
    font-family: "Apple TP","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
    background: #B20002;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    cursor: pointer;
}

/*汎用*/
.new {
    color: #E20000;
    padding-left: 5px;
}

/*-- Twitter記事設定 --*/
span.entry-body-text-twitter-top{display:block;padding-left:22px;background:url(/img/static/blog/entry_body_text_twitter_top.gif) left center no-repeat;}
span.entry-body-text-twitter-top-time{font-size:130%;font-weight:bold;}
span.entry-body-text-twitter-body{display:block;padding:0 0 12px 22px;}
span.entry-body-text-twitter-by{display:block;text-align:right;padding-right:22px;background:url(/img/static/blog/entry_body_text_twitter_top.gif) right center no-repeat;}
iframe.twitter-share-button{width:68px !important;}

twitterwidget.twitter-tweet-rendered {
    margin: 0 auto;
}

/*-- tw matome --*/
#twtr a{text-decoration:none}
#twtr a:hover{text-decoration:underline}
#twtr .twTp a:hover{text-decoration:none}
#twtr .twTp p a:hover{text-decoration:underline}
#twtr .twUnit{position:relative;width:80%;border-bottom:1px solid #E4E4E4;padding:8px 0px 8px 56px;margin:0 auto;overflow:hidden}
#twtr .end{padding-top:2em;text-align:right;font-size:1em;padding-bottom:0.5em;border-bottom:none}
#twtr img {border:none;}
#twtr .twUnit p{margin: 0}
#twtr .twTp{margin:2px 0 5px;position:relative}
#twtr .twTp a{line-height:1.1}
#twtr .twTp img{position:absolute;margin-left:-56px;width:48px;height:48px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}
#twtr .twTp strong{font-weight:bold;font-size:1.1em;margin-left:-0.6em}
#twtr .twTp p{float:right;font-size:12px}
#twtr .twTp p, .twBtm{font-size:0.9em}
#twtr .twTm {position:absolute;right:0;top:2px}
#twtr .twTxt{word-wrap:break-word;margin:0}
#twtr .twTxt a{color:#008AB4}
#twtr .twImg > a{display:inline-block;/display:inline;/zoom:1;margin:0.25em 0.5em 0.25em 0}
#twtr .twImg > a:last-child {margin-right:0}
#twtr .twRT{font-size:0.9em}
#twtr .twRT span{font-weight:bold}
#twtr .twBtm{text-align:right;margin-top:2px}
#twtr .twBtm div, .twBtm a{display:inline-block;/display:inline;/zoom:1}
#twtr .twBtm div{margin-right:0.5em}
#twtr .twBtm div a{display:inline}
#twtr .twBtm a{margin-left: 0.3em}
#twtr .twUnit i{
display: inline-block;
width:16px;height:16px;vertical-align: text-bottom;position:relative;top:1px;
background-image: url(https://si0.twimg.com/images/dev/cms/intents/icons/sprites/everything-spritev2.png);
}
#twtr .smReply{background-position:-1px -1px}
#twtr .smRt{background-position:-80px -1px}
#twtr .smFav{background-position:-33px -1px}
#twtr .twUnit hr{display:none}