@charset "UTF-8";
/*開発中は開発効率重視で@importを利用するけどいずれは取り除きたい[TODO]*/
@import url("css/feedly.css");/*feedlyバルーンのスタイル*/
@import url("css/blog-card.css");/*ブログカードのスタイル*/
@import url("css/extension.css");/*拡張CSSのスタイル*/
@import url("css/other.css");/*外部パーツ微調整*/
@import url("css/sns.css");/*SNSボタンなどのスタイル*/

/*
Theme Name: Simplicity1.6.0
Description: Simplicityの意味は、単純、簡単、簡素、質素です。飾り気のないカスタマイズの土台となれるようなテーマを目指して作りました。
Theme URI: http://wp-simplicity.com/
Author: yhira
Author URI: http://nelog.jp/
Version: 1.6.0 20150401
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/************************************
** 基本設定（General Setting）
************************************/
html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family:
      'Hiragino Kaku Gothic ProN',
      Meiryo, sans-serif;
  font-size:1em;
  /*height:100vh;*/
}

img{
  border-width:0px;
}

.article{
  font-size:15px;
  line-height:160%;
  padding:0 15px;
}

/*記事・カテゴリ中の画像を要素内に収める*/
.article img,
.category-description img,
.wp-caption{
  max-width:100%;
  height:auto !important;
}

.aligncenter{
  clear:both;
}

/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}
.article h1{
	font-size:24px;
}

#archive-title{
  padding-bottom:0px;
  font-size:24px;
}

.article h2 {
  border-left:1px solid #000;
  margin: 40px -29px 20px;
  padding:25px 30px;
  font-size:26px;
}

.article h3,
#comment-area h3,
#related-entries h3{
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 60px;
	color: #000000;
	line-height: 30px;
	background-image: url(images/cah3-bk.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.article h4, .article h5, .article h6{
  font-size: 16px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #f3f3f3;
	line-height: 28px;
	border-bottom:0px;
}

.article  h4{
  border-bottom:5px dashed #eee;
}

/************************************
** アンカー
************************************/
a {
	color: #006cd5;
	text-decoration: underline;
}

a:hover {
  color: #C03;
}

h3 a:hover {
	color: #F13C3F;
}

#new-entries a,
#popular-entries a,
.wpp-list a,
.entry-read a,
.related-entry-read a,
.article-list .entry-title a{
  color:#000;
  font-weight:bold;
}

#new-entries a,
#popular-entries a,
.wpp-list a,
.article-list .entry-title a{
  text-decoration:none;
}

#new-entries a:hover,
#popular-entries a:hover,
.wpp-list a:hover,
.entry-read a:hover,
.entry .post-meta a:hover,
.related-entry-read a:hover,
.entry a:hover,
.related-entry-title a:hover,
.navigation a:hover,
#footer-widget a:hover,
.article-list .entry-title a:hover{
  color:#c03;
}

#new-entries a:hover,
#popular-entries a:hover,
.wpp-list a:hover:hover{
  text-decoration:underline;
}


/************************************
** 引用（blockquote）
************************************/
blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFFFFF;
  margin: 1em 0;
  padding: 20px 55px;
  position: relative;
}
blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -16px;
}

/* Internet Explorer11のみに適用したい設定 */
@media screen and (min-width:0\0) {
  *::-ms-backdrop, blockquote:before { left:  -55px; }
  *::-ms-backdrop, blockquote:after  { right: -55px; }
}



/************************************
** リスト（List）
************************************/
ul,ol {
}

ul ul{
  margin-left: 1em;
}
dl{
  margin: 30px 0;
}

dt{
  font-weight: bold;
}
dd{
  margin-bottom: 5px;
}

/*#the-content p{
	text-indent:1em;
}
*/
/*
#the-content ul li{
  list-style-type:none;
}
#the-content > ul > li:before{
  content: "\f0da";
  font-family: FontAwesome;
  margin-right:7px;
}

#the-content > ul > li > ul > li:before{
  content: "\f101";
  font-family: FontAwesome;
  margin-right:7px;
}

#the-content > ul > li > ul > li > ul > li:before{
  content: "\f105";
  font-family: FontAwesome;
  margin-right:7px;
}
*/
/************************************
** テーブル（Table）
************************************/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 3px 1px; 
  font-size:12px; 
  border: 1px solid #ccc; 
  text-align: left; 
  line-height:18px;
  word-break:keep-all;
 
}


/************************************
** その他（Other）
************************************/
pre {
  background-color:#eee;
  border:1px solid #ccc;
  padding:7px;
  overflow: auto;
}

hr{
  color: #ddd;
  margin:30px 0;
  width:98%;
  border:1px solid #ddd;
}

.category-description {
  margin-top:15px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
  padding: 5px 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.wpp-range{
  text-align:right;
  font-size:14px;
}

span.search-excerpt {
  background-color: #FF9;
}

.invisible{
  display:none;
}

hr.sep {
  background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  border: 0 none;
  height: 1px;
  position: relative;
  margin-bottom:130px;
}

/************************************
** レイアウト（Layout）
************************************/
#container {
  padding:0;
  margin: 0 auto;
}

#header, #header-in, #navi-in, #body-in, #footer-in {
    margin: 0 auto;
    width: 1120px;
}

#header {
  margin-bottom: 0px;
}
#header .alignright{
  margin-bottom: 0px;
  width: auto;
}
#header .alignleft {
    max-width: 975px;
}
.snsb li {
  padding-right: 0;
}
#header .alignright{
  width: 315px;
  height: 52px;
  text-align:right;
  margin-right:30px;
  right: 0;
  top: 0;
  position: absolute;
}

#body{
  margin-top:15px;
}
#main{
  float:left;
  width:800px;
	padding: 0;
	border: 0px dotted #ccc;
	background-color:transparent;
}

#sidebar {
  float: right;
  width: 300px;
}

#vmenu li{ 
	display: inline; 
	padding: 0; 
	margin: 0;
}
#vmenu li a{
	display: block; 
	border-left: 8px solid #2C7CFF;
	background-color: #fff;
	padding: 3px 10px;
	text-decoration: none;
	color:#333;
	border-bottom:#000000 dotted 1px;
/*	width: 150px;*/ 
	margin: 1px 0px;
	text-align: left;
	font-size: 12px;
}

#vmenu li a:hover{
	border-left: 8px solid #BAD3FF;
	background-color: #2C7CFF;
	color:#fff;
}


.clear{
  clear:both;
}

/************************************
** ヘッダー(header)
************************************/
*:first-child+html #header > div{ /* IE7 */
  clear: both;
  zoom:1;
}

#h-top{
  min-height:100px;
  overflow:hidden;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
}

#site-title{
  margin-top:16px;
  margin-bottom:10px;
}

#site-title a{
  display:block;
  text-decoration:none;
  color:#222;
  font-size:30px;
  line-height:100%;
  font-weight:normal;
}

#site-description{
  color: #777;
  margin:0;
  padding:0;
  line-height:100%;
  font-size:12px;
  margin-right:0px;
  margin-bottom:10px;
  font-weight:normal;
}

#header-image{
  margin-bottom: 40px;
}

/************************************
** メニュー（menu）
************************************/
#navi ul{
  position: relative;
  clear: both;
  margin-bottom: 0;
  border: 1px solid #ddd;
  background-color:#F7F7F7;
  border-radius:3px;
  margin:0;
  padding:0;
  width:100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#navi ul ul{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#navi ul > li{
  float: left;
  list-style:none;
  position: relative;
}

#navi ul li a{
  font-size:14px;
  display: block;
  padding: .3em .7em;
  color:#111;
  text-decoration:none;
  z-index:99;
}
#navi ul li a:hover{
  background-color:#111;
}

#navi ul.sub-menu,
#navi ul.children{
  position: absolute;
  display: none;
  margin-left: 0;
  min-width:200px;
  border: 1px solid #ddd;
  list-style:none;
  padding-left:0;
  z-index:99;
}
#navi .sub-menu li,
#navi .children li{
  position: relative;
  border: none;
  float:none;
  height:31px;
}

#navi ul.sub-menu ul,
#navi ul.children ul {
  top:-31px;
  left:200px;
  position:relative;
}
#navi ul li:hover > ul{
  display: block;
}

/* Clearfix) */
#container:after,
#navi ul:after,
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

/* clearfix for ie7 */
#container,
#navi ul,
.clearfix {
  /*display: inline-block;*/
}

#container,
#navi ul,
.clearfix {
  display: block;
}

/************************************
** サーチフォーム（Search Form）
************************************/
#searchform{
  position: relative;
  margin-top: 25px;
}

#s{
  width: 100%;
  margin-bottom:20px;
  padding-top:4px;
  padding-bottom:4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height:32px;
}

#searchsubmit{
  position: absolute;
  width: 30px;
  height: 26px;
  border: none;
  /* 画像をBase64にするためコメントアウト
  background: url("images/search.png") no-repeat 50% 50%; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAEIklEQVR42pWVe0xTVxzHf22hFWiBUKjLEiTOjODGq4ArJJiYBV+gWy3YBoegWZysOgsVKYNC8IGhsMIYCLLqRKRkRdwEp4wR/yCZgwbHa8bwCH9sQkt5lceGIax0v3PDJd7MZaHJL72555zP+f6eF5xOJ3R1d4Pp7l342mAAbUEBp/DixagDBw/mh0dGdmzbvv25f0DA88CgoA5FcnLx9draWOXZs7xinQ5WVlZoIxzKGMDb9fXCdKUy21ckWgZcep0JfX2dCL5WVl4udDgcsLq6SuzfwJYHDzyzc3Lagc3eOMwXCJzePj6zAm9vmwefvwYs1sbap0rlT9PT0z52ux3QmMBfe3vhUlHRdXozOfhOcHBfTGzspYTDh5Mk0dHxkRJJQXBoqPlVtedUqrrBwUFWT08PE/j9/fu7PVANrSD52DFjXn7+W1ESCezdvx8ioqIgLCICLmg0b2So1d+gckotb8sWp8lkSjCbzUzgUYWihYBY6K44MnKipbVVoMrMhJDw8A3g20FBgPEF6+Skqywp6TvW+uXxCQmdCHRhAN8NCZmi3VBnZdUUl5QAxhPSTp6EuH37IBTBpxFWUFgIDY2NcFWnO04UEtsRGDhfWVXlzQDiy0V6A8IufJ6XB5eLioCAP5BK4YhMBt+aTHCrrg4MN25A/Z07UkqAi4tTKBLNvx8XJ2QAQ8LCbHQysjWarwYGBqCishJKSksB3YO0EycgV6sFU1MT6PAStFRaQODOnXbDzZs+DGCSXP6IBmIifrdYLPyq6moKeCQxEY6npsJnKhU0Ya1mqtXwSXp6K51AqUzW2W02cxjA5nv39vI9PddIDbI4HOdHKSmG8ooKry/0ejZRmJqWBpnnz7OMjY1eyjNnqnlubg7AfTx39zV9WdmBX7q6mFl+1NYGObm5Dex1IAGHicW9eVptVvyhQ7uOyuW7Pj516nR0TEwvdSnGjsvjOc5lZBhJu6JCJnBkZATGxsbc5ApFm6urq+PVAvfw9CRGINQ7DpdLlRf2+fSkzeY7YbHAHy9eMIFDQ0OU/fbsGV+amKjbFhAwxVkHoGuU0Ze48HhONq75+vn99cPDh/KXy8uwuLj4eiDpaZKMLI3mQ3T1y/diYjowTo8R8nj3nj0d2C3DFBQ7hPxjdVhHR0d3WK3W/waW6vWA4wkw2KQWBeiuFwK9rtXU8Pv6+iRv+vv/iaGglFJtmpLSOT4+zv1f4OUrV0iiwF0gADxMipzaW1Nbq0UgiSXlOnluMBqzNw0knfM3zr2ep0/dsL+pqeO67nqoWDyxKSD5NTU3w89PnsCP7e2kY2QERBvOy5ebAvb398Pc3BzYpqZgZmYG7PPzXBxjDTi9Z4VC4SxOIcOmgDabDZaWlmBhYYGUCHlm47dHL9q6ddhPJBrGCXWVBv4DYbnuWKzr2fcAAAAASUVORK5CYII=") no-repeat 50% 50%;
  z-index:0;
  top:3px;
  right:3px;
  /*transform: translate(-20%, -50%);*/
}

/************************************
** メインカラム（#main、記事、固定ページなど）
************************************/
#main .post,
#main .page{
  margin-bottom: 59px;
}

.sticky{
  /* 先頭固定ポストのスタイル */
}

.post-meta{
  margin-bottom: 0.5em;
  text-align:left;
  background-color:#FFF;
  color:inherit;
  font-size:13px;
}

.post-meta .post-date,
.post-meta .post-update,
.post-meta .category,
.post-meta .edit,
.footer-post-meta .post-tag,
.footer-post-meta .post-author,
.footer-post-meta .edit{
  padding-right: 0.7em;
}

.post-meta .post-date,
.post-meta .post-update,
.post-meta .category,
.post-meta .edit {
	font-size:12px;
  padding-right: 0.7em;
}

.comment-num{ white-space: nowrap; }

.footer-post-meta{
  text-align: right;
  color:#555;
  font-size:16px;
  clear:both;
}

.article-list .footer-post-meta{
  margin-top:30px;
}

.more-link {
  clear: both;
  display: block;
  margin-bottom: 30px;
  text-align: right;
  margin-top: 15px;
}

/*.more-link{
  float: right;
  margin-bottom:30px;
}*/

/************************************
** index.phpのリスト
************************************/
#main .entry{
  clear:both;
  margin-bottom:40px;
  margin-right:10px;
}

#main .entry{
  clear:both;
  margin-bottom:15px;
  margin-right:10px;
}

.entry .entry-content .entry-title-ac {
	float: right;
	width: 685px;
	padding-left: 0px;
	border:none;
	line-height:27px;
	margin: 0px;
	padding-top: 10px;
	font-size:25px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #000;
}

.entry .entry-content .entry-title-ac a{
	color:#000;
	text-decoration:none;
}

.entry-document{
	display:block;
	width:100%;
	float:right;
	padding-left:15px;
}

.entry-document p{
	padding-left:70px;
	line-height:22px;
	font-size:15px;
}



.entry-title-top a {
	color: #333;
	text-decoration: none;
}


.entry-thumb{
  float:left;
  margin-right:10px;
  margin-top:3px;
  margin-bottom:40px;
}

.entry-thumb img{
  border:0;
  width:75px;
  height:75px;
}

/*大きなサムネイル表示スタイルでのサムネイル*/
.entry-large-thumbnail img{
  width: 320px;
  height: 180px;
}

.entry-content{
  margin-left:0px;
}

.entry .post-meta{
  text-align:left;
  margin: 7px auto;
  border-bottom:2px solid #ccc;
}

.entry .post-meta a{
  color: #006cd5;
}

.entry h2{
  margin-bottom:5px;
  border-bottom:0px #000 solid;
}

.entry h2 a{
  color:#333;
  font-size:24px;
  text-decoration:none;
  font-weight:bold;
}

.entry-snippet{
  margin:0 0 5px 0;
  line-height:150%;
  color:#555;
}

.entry-read{
  margin:0;
}


.entry-snippet,
.related-entry-snippet{
  word-wrap: break-word;
}


/************************************
** WordPress Misc
************************************/
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.wp-caption {
  padding-top: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f3f3f3;
  text-align: center;
}

.wp-caption-text,
.gallery-caption{
  font-size: 80%;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}

/************************************
** index.php Main
************************************/
.content-box{
  float: right;
  margin-top: -0.25em;
  width: 420px;
}
.content-box .more-link{
  margin: 0;
}

.thumbnail-box{
  float: left;
  width: 160px;
}
.thumbnail-box img{
  width: 160px;
  height: 160px;
}


/************************************
** サイドバー（Sidebar）・ウィジェットなど
************************************/

/*左サイド*/

#sidebar h4{
  margin-bottom: 10px;
  font-size:14px;
}
.widget {
	padding:0px 0px 10px 0px;
	margin-bottom:0px;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
	border-left:1px dotted #aaa;
	font-size:14px;
}
.widget ul li ul{
	box-shadow:none;
	border:0px;
}

.textwidget {
	padding:5px 12px 5px 4px;
}

.textwidget *{
	margin:0;
	padding:0;
}

.textwidget p{
	font-size:15px;
	line-height:normal;
}

#kakoi ul {
	margin: 0; 
	padding: 4px;
}

#kakoi ul li{ 
	padding: 1px;
	padding-left:10px;
	margin: 1px;
	list-style-type:none;
	font-size: 12px;
		background-image: url(images/blockcontentbullets.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.widget_search{
  margin-bottom: 0;
}

#sidebar ul,
#sidebar ol,
.widget-over-article ul,
.widget-over-article ol,
.widget-under-article ul,
.widget-under-article ol,
.widget-over-sns-buttons ul,
.widget-over-sns-buttons ol,
.widget-under-sns-buttons ul,
.widget-under-sns-buttons ol{
  padding-left: 1em;
  list-style:none;
}

.widget-over-article{
  margin-top: 10px;
  margin-bottom: 10px;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
  margin:20px 0;
}

#sidebar li{
  margin-bottom:10px;
}

.sidebar-thumbnail-box{
  float: left;
  width: 75px;
}

.sidebar-recent-posts-title{
  float: right;
  width: 165px;
}
  #sidebar-recent-posts h3,
  #sidebar-recent-posts p,
  #sidebar-popular-posts h3,
  #sidebar-popular-posts p{
    margin: 0;
  }


/************************************
** フッター(footer)
************************************/
#footer {
  clear: both;
  background-color: #555;
  color: #fff;
  padding: 5px;
}

#footer-widget {
  margin: 10px auto;
  text-align: left;
  padding:0 5%;
}

.footer-left {
  float: left;
  width: 34%;
  padding: 0;
}

.footer-center {
  float: left;
  width: 33%;
  padding: 0;
}

.footer-right {
  float: left;
  width: 33%;
  padding: 0;
}

#footer-widget {
  color: #fcfcfc;
}

#footer-widget ul{
  list-style:none;
  padding-left:1em;
}

#footer-widget li {
  font-size: 14px;
}

#footer a {
  color: #DCDCDC;
}

#footer h4{
  color:#fff;
}

#copyright{
  padding: 20px 0;
  font-size: 80%;
  text-align:center;
}

#copyright a{
  text-decoration:none;
  color:#fff;
}


/************************************
** 広告（ads）
************************************/
.ad-space{
  margin: 30px 0;
  clear:both;
}

.ad-article-bottom{

}

.ad-left{
  float:left;
  margin-right:2px;
  width:336px;
}


.ad-right{
  float:right;
  margin-left:2px;
  width:336px;
}

.ad-top-pc{
  width:728px;
  margin: 0 -24px 15px;
}

.ad-space-top{
  margin-top:0;
  margin-bottom:5px;
}

.ad-space-singular{
  margin-top:15px;
  margin-bottom:10px;
}

.ad-space-top .ad-label{
  display:none;
}

#sidebar .ad-space{
  margin-top:0;
}

/************************************
** 非表示にするものまとめ
************************************/
.widget-ad,
.widget-over-article-title,
.widget-under-article-title,
.widget-over-sns-buttons-title,
.widget-under-sns-buttons-title,
#sidebar .ad-space .ad-label{
 display:none;
}

/************************************
** モバイルメニュー
************************************/
#mobile-menu{
  display:none;
}

#mobile-menu a{
  color:#333;
  padding: 4px 8px;
  text-decoration:none;
  display:block;
  cursor:pointer;
  text-align:center;
  line-height:100%;
  border-radius: 3px;
  position:absolute;
  right: 7px;
  font-size: 15px;
  margin-top: 3px;
}

#mobile-menu a:hover,
#page-top a:hover{
  opacity: 0.7;
}


/************************************
** モバイルモーダルメニュー（animatedModal.js）
************************************/
#animatedModal a{
  color: #fff;
  text-decoration: none;
}

.close-animatedModal{
  text-align: center;
  font-size: 45px;
}

.modal-content{
  max-width: 440px;
  width: auto;
  margin: auto;
}

#animatedModal ul{
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-left: 0;
}

#animatedModal ul li{
  border: 1px solid #fff;
  border-radius: 5px;
  margin: 0 10px 10px;
}

#animatedModal ul li a{
  padding: 5px 10px;
  width: auto;
  border-radius: 5px;
  display: block;
}

#animatedModal ul li a:hover{
  background-color: #555;
}

/*Google検索ボックス用*/
#___gcse_0 .cse .gsc-control-cse,
#___gcse_0 .gsc-control-cse{
  background-color: transparent;
  border: none;
}

/*追加*/
/*上ウィジェット左*/
#topwiget1 {
	float: left;
	width: 602px;  /*右サイドバーに食い込ませるときは908px、真ん中だけの時は608px*/
	height:60px;  /*#wrap #wrap-in #mainと連動*/
	margin-left: 174px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top:5px;
	background-color:#FFFFFF;
	border: 1px dotted #ccc;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
 
 


/*----------------------------
引用
-----------------------------*/

.blockquotetitle {
	padding:5px;
	border-left: 8px solid #2C7CFF;
	border-bottom:2px solid #2c7cff;
}

.post blockquote {
	background-color: #fff;
	background-image: none;
	color:#333;
	font-size:12px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-left-width: 0px;
}
.post blockquote p{
	font-size:14px;
	line-height:20px;
}

blockquote:before,blockquote:after {
  display:none;
}

@media screen and (min-width:769px){
  .movilead{
    display:none;
  }
}
 
@media screen and (max-width:768px){ /*２段階目 赤*/

 #footer, #footer-in{
    width:100%;
  }

 #navi ul{
    border:0;
  }

#table{
		display: block;
	}
		#table thead{
			display: none;
		}
		#table tbody{
			display: block;
		}
			#table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#table tbody th,
			#table tbody td{
				display: list-item;
				border: none;
				list-style:none;
				 max-width:none;
			}
			#table tbody td br {
				display: none;
			}
			#table tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: #000;
			}
			#table tbody td{
				margin-left: 20px;
				padding: 0;
			}
			#table tbody td:nth-of-type(1):before { content: "[１位] "; }
			#table tbody td:nth-of-type(2):before { content: "[２位] "; }
			#table tbody td:nth-of-type(3):before { content: "[３位] "; }
			#table tbody td:nth-of-type(4):before { content: "[４位] "; }
			#table tbody td:nth-of-type(5):before { content: "[５位] "; }
			#table tbody td:nth-of-type(6):before { content: "[６位] "; }
			#table tbody td:nth-of-type(7):before { content: "[７位] "; }
			#table tbody td:nth-of-type(8):before { content: "[８位以下]"; }

#table-ikusei{
		display: block;
	}
		#table-ikusei thead{
			display: none;
		}
		#table-ikusei tbody{
			display: block;
		}
			#table-ikusei tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#table-ikusei tbody th,
			#table-ikusei tbody td{
				display: list-item;
				border: none;
				list-style:none;
				 max-width:none;
			}
			#table-ikusei tbody td br {
				display: none;
			}
			#table-ikusei tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: #000;
			}
			#table-ikusei tbody td{
				margin-left: 20px;
				padding: 0;
			}
			#table-ikusei tbody td:nth-of-type(1):before { content: "[育成１位] "; }
			#table-ikusei tbody td:nth-of-type(2):before { content: "[育成２位] "; }
			#table-ikusei tbody td:nth-of-type(3):before { content: "[育成３位] "; }
			#table-ikusei tbody td:nth-of-type(4):before { content: "[育成４位] "; }
			#table-ikusei tbody td:nth-of-type(5):before { content: "[育成５位] "; }
			#table-ikusei tbody td:nth-of-type(6):before { content: "[育成６位] "; }
			#table-ikusei tbody td:nth-of-type(7):before { content: "[育成７位] "; }
			#table-ikusei tbody td:nth-of-type(8):before { content: "[育成８位以下]"; }
			
#table-kakushi{
		display: block;
	}
		#table-kakushi thead{
			display: none;
		}
		#table-kakushi tbody{
			display: block;
		}
			#table-kakushi tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#table-kakushi tbody th,
			#table-kakushi tbody td{
				display: list-item;
				border: none;
				list-style:none;
				 max-width:none;
			}
			#table-kakushi tbody td br {
				display: none;
			}
			#table-kakushi tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: #000;
			}
			#table-kakushi tbody td{
				margin-left: 20px;
				padding: 0;
			}

			#table-kakushi tbody td:nth-of-type(1):before { content: "[報知]　　　　"; }
			#table-kakushi tbody td:nth-of-type(2):before { content: "[スポニチ]　　"; }
			#table-kakushi tbody td:nth-of-type(3):before { content: "[ニッカン]　　"; }
			#table-kakushi tbody td:nth-of-type(4):before { content: "[サンスポ]　　"; }
			#table-kakushi tbody td:nth-of-type(5):before { content: "[トーチュウ]　"; }
			#table-kakushi tbody td:nth-of-type(6):before { content: "[デイリー]　　"; }
	
			

}