@charset "utf-8";
/* CSS Document */
/*
Theme Name:		MY THEME
Author:			PICNIC
Descroption:	This is my original theme.
Version:		1.0
*/

@imprt url(grid-blognews.css);
/*---------- 基本構造 ----------*/
@media ( min-width: 768px ){
	/*--- コンテンツとサイドバーを横に並べる設定 ---*/
	.container:after		{ content: ""; display:block; clear:both;}
	.contents				{ float:left; width: 70%; }
	.sub					{ float:left; width: 30%; }
	
	
	}

/*          */

body			{ margin:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.5; }


/*  基本構造  */
header			{ border-bottom: solid 1px #dddddd; background-color:#f6f6f6; }
footer			{ padding-top:15px; padding-bottom:15px; border-top: solid 10px #dddddd; background-color:#f6f6f6; }

/*  ボックスの上下の間隔  */
.sub-header		{ padding-top:5px; }

.contents		{ padding-top:15px; padding-bottom:20px; padding-right:50px; .moz-box-sizing:border-box; .webkit-box-sizing:border-box; box-sizing:border-box; }
.sub			{ padding-top:15px; padding-bottom:20px; }

header, footer, .container
				{ padding-left:10px; padding-right:10px; }
				
@media ( max-width: 599px ){
.contents		{ padding-top:8px; }
	}				
/* 全体の横幅   */			
@media ( min-width: 1040px ){
.container , .header-inner , .footer-inner
				{ width:1000px; margin-left:auto; margin-right:auto; }
	}
/* サイト名 */
.site h1 a		{ display: inline-block; padding: 10px; background-color: #00a0e9; color: #ffffff; text-decoration:none }
.site h1		{ margin:0; font-family:"Arial Black", sans-serif; font-size:30px }
/*.site p		{ margin:0; font-size:12px }

/* コピーライト */
.copyright p	{ margin:0; color:#666666; font-size:14px; }

/** 記事 **/
.kiji:after		{ content:""; display:block; clear:both; }
.kiji h1		{ margin-top:15px; margin-bottom:10px; font-size:36px }
.kiji p			{ margin-top:5px; margin-bottom:20px; font-size:16px; }


@media ( max-width: 599px ){
	.kiji h1	{ font-size:24px; }
	.kiji p		{ font-size:14px; }
	}

/*  タグ */	
.kiji-tag			{ margin-bottom:9px; }
.kiji-tag ul		{ margin:0; padding:0; list-style:none; }
.kiji-tag li a		{ display:block; margin-right:3px; margin-bottom:2px; padding:3px 5px; border-radius:2px; background-color:#75dbe7; color:#ffffff; font-size:12px; text-decoration:none; }
.kiji-tag li a:hover{ background-color:#94ecf6; }
.kiji-tag ul:after	{ content:""; display:block; clear:both; }
.kiji-tag li		{ float:left; width:auto; }

/* 小見出し */
.kiji h2			{ position:relative; margin-top:40px; padding-left:32px; padding-bottom:5px; border-bottom:solid 2px #00a0e9; font-size:24px; clear:both;}
.kiji h2:before		{ position:absolute; left:0px; top:3px; content:'\f14a'; color:#00a0e9; font-family:'FontAwesome'; font-size:28px; line-height:1; }
.kiji h3			{ margin-top:25px; padding-left:10px; border-left:solid 10px #a5e2fe; font-size:18px; clear:both; }

@media ( max-width: 599px ){
	.kiji h2		{ padding-left:21px; font-size:21px; }
	.kiji h2:before	{ font-size:20px; }
	.kiji h3		{ padding-left:6px; font-size:15px; }
	}

/* 番号ないリスト */
.kiji-body ul		{ list-style:none; }
.kiji-body li		{ position:relative; padding-left:20px; }
.kiji-body li:before	{ position:absolute; left:0px; top:3px; content:'\f069'; color:#aaaaaa; font-family:'FontAwesome'; line-height:1; }

/* 引用 */
blockquote			{ position:relative; margin:30px auto; padding:20px 40px 1px 50px; max-width:460px; font-size:18px; line-height:1.8; }
blockquote:before	{ position:absolute; left:10px; top:10px; content:'\f10d'; color:#aaaaaa; font-size:30px; font-family:'FontAwesome'; line-height:1; }
blockquote:after	{ position:absolute; right:10px; bottom:10px; content:'\f10d'; color:#aaaaaa; font-size:30px; font-family:'FontAwesome'; line-height:1; }
/* 補足情報 */
.point				{ position:relative; margin:40px 0 30px; padding:25px 20px 20px; border-radius:10px; background-color:#cfedb7; font-size:14px; clear:both; }
.point:before		{ position:absolute; left:15px; top:-15px; content:'\f0eb'; z-index:2; width:32px; height:32px; padding-top:3px; border-radius:16px;
					  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#5ab80e; color:#ffffff;
					  font-family:'FontAwesome'; font-size:26px; line-height:1; text-align:center; }
.point:after		{ position:absolute; left:32px; top:-8px; z-index:1; content:'POINT'; padding:3px 10px 3px 20px; border-radius:5px; background-color:#5ab80e; 
					  color;#ffffff; font-family:Verdana,Helvrtica,sans-serif; font-weight:bold; line-height:1; }
/* 注意書き */
.attention			{ position:relative; margin:40px 0 30px; padding:20px; border-radius:10px; border:dotted 2px #ff0000; background-color:#ffefef; 
					  font-size:14px; clear:both; }
.attention:before	{ position:absolute; left:20px; top:-15px; content:'\f071'; background-color:#ffffff; 
					  color:#ff0000; font-family:'FontAwesome'; font-size:26px; line-height:1; }
/* ハイライト */
.highlight			{ background-color:#ffff00; padding:0 3px; }
/* 概要 */
.gaiyou a		{ display:block; padding:20px 0; border-bottom:dotted 2px #eeeeee; color:#000000; text-decoration:none; }
.gaiyou a:hover	{ background-color:#eeeeee; }
.gaiyou h1		{ margin-top:0; margin-bottom:10px; font-size:20px; }
.gaiyou p		{ margin:0; font-size:14px; }

@media ( max-width: 599px ){
	.gaiyou h1	{ font-size:16px; }
	.gaiyou p	{ font-size:10px; }
	}
/* サイドバー */
.mymenu h2			{ margin-top:0; margin-bottom:10px; border-bottom:solid 2px #dddddd; color:#666666; font-size:18px; }
.mymenu ul			{ margin:0; padding:0; list-style:none;}
.mymenu li a		{ display:block; padding:10px 5px; color:#000000; font-size:14px; text-decoration:none;}
.mymenu li a:hover	{ background-color:#eeeeee;}


/* 画像のキャプション */
.wp-caption-text	{ margin:0; color:#666666; font-size:10px; text-align:center; }
.wp-caption-text a	{ color:#666666; }
/* 画像の配置 */
.aligncenter		{ display:block; margin-top:15px; margin-bottom:15px; margin-left:auto; margin-right:auto; }
/*.alignleft			{ float:left; margin-top:10x; margin-bottom:20px; margin-right:15px; }
.alignright			{ float:right; margin-top:10x; margin-bottom:20px; margin-left:15px; }

/* 大きい画像用の設定 */
img, .wp-caption	{ max-width:100%; height:auto; }

@media ( max-width: 599px ){
	.alignleft , .alignright
					{ display:block; margin-top:15px; margin-bottom:15px; margin-left:auto; margin-right:auto; }
	}

@media ( min-width: 600px ){
	.alignleft 		{ float:left; margin-top:10px; margin-bottom:20px; margin-right:15px; }
	.alignright		{ float:right; margin-top:10px; margin-bottom:20px; margin-left:15px; }
}

/* InternetExplorer 用の設定 */
a img				{ border:none; }

/* アイキャッチ画像 */
.catch				{ margin-top:15px; margin-bottom:15px; }

/*  投稿日/更新日 */
.kiji-date			{ margin-bottom:5px; color:#666666; font-size:12px; }

@media ( max-width: 599px ){
	.kiji-date		{ font-size:10px; }
	}
	
/* パンくずリスト */
.bread ol			{ margin:0; padding:0; list-style:none; }
.bread li a			{ display:block; padding:5px 3px; color:#000000; font-size:14px; text-decoration::none; }
.bread li a:hover	{ background-color:#eeeeee; }
.bread ol:after		{ content:""; display:block; clear:both }
.bread li			{ float:left; width:auto; }
.bread i			{ font-size:18px; }
.bread span			{ display:inline-block; text-indent: -9999px; }
@media ( max-width: 599px ){
	.bread	li:last-child
					{ text-indent:-9999px; }
	}

/* シェアボタン */
.share				{ margin-top:20px; clear:both; }
.share ul			{ margin:0; padding:0; list-style:none; }
.share li a			{ display:block; padding:8px 17px; border-radius:10px; color:#ffffff; font-size:12px;text-decoration:none; } 
.share li a:hover	{ opacity:0.8; }
.share ul:after		{ content:""; display:block; clear:both; }
.share li			{ float:left; width:auto; margin-right:5px; }
.share-tw			{ background-color:#55acee; }
.share-fb			{ background-color:#3b5998; }
.share-gp			{ background-color:#dd4b39; }

@media ( max-width: 599px ){
	.share span		{ display:inline-block; text-indent:-9999px; }
	.share li a		{ padding:8px 10px; }
	}
	
/* ページネーション
.pagination				{ margin:40px 0 30px; text-align:center; }
.pagination ul			{ display:inline-block; margin:0; padding:0; list-style:none; }
.pagination li a		{ display:block; padding:10px 5px; color:#000000; font-size:14px; text-decoration:none; }
.pagination li a:hover	{ background-color:#eeeeee; }
.pagination ul:after	{ content:""; display:block; clear:both; }
.pagination li			{ float:left; width:auto; }

 */
/* ページネーション */
.pagination	{margin: 40px 0 30px;
	text-align: center}

.pagination ul	{display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none}

.pagination li a,
.pagination li > span
	{display: block;
	margin: 0 5px;
	padding: 6px 8px;
	border: solid 1px #cccccc;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.pagination li > span
	{background-color: #efefef}

.pagination li a:hover	{background-color: #eeeeee}

.pagination ul:after	{content: "";
	display: block;
	clear: both}

.pagination li	{float: left;
	width: auto}