/*
Theme Name: Twenty Twelve Customize Theme
Description: Child theme for the Twenty Twelve
Theme URI: http://futsuka-yoi.com/wp-content/themes/twentytwelve_customize
Author: hango
Author URI: http://futsuka-yoi.com/
Template: twentytwelve
Version: 1.00
*/
	 
@import url('../twentytwelve/style.css');


/* 600px未満の場合/600px以上で定義しない場合はこれが機能する　*/
.site {
	padding: 0 10px;
	padding: 0 0.714285714rem;
}

.site-title {
	display: none;
}

.site-header h2 {
	padding: 12px 0 0 5px;
}

.header-image {
	margin-top: 5px;
	margin-top: 0.3571428571rem;
}

.entry-header .entry-title {
	font-size: 24px;
	font-size: 1.7142857142rem;
	line-height: 1.2;
	font-weight: normal;
}

hr {
	margin-top: 70px;
	margin-top: 5rem;
	clear: both;
}

/* 基本リンク色 */
.entry-content a,
.comment-content a {
	color: #000000;
/*	color: #858585;*/
}
.entry-content a:visited,
.comment-content a:visited {
/*	color: #ff0000;*/
	color: #000000;
}
a:hover {
	color: #ff6400;
}

/* 導入テキスト */
.entry-txt {
	padding: 10px 5px 5px;
}

/* フロート解除用div */
.clear-float {
	clear: both;
}


/* 記事内H2見出しフォント */
.entry-content h2 {
	font-size: 18px;
	font-size: 1.2857142857rem;
	background-color: #efefe3;
	background-image: url(img/symbol_17_17_02.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 25px;
}

/* 記事内H3見出しフォント */
.entry-content h3 {
	font-size: 14px;
	font-size: 1rem;
	background-color: #e8f0e4;
	margin-top: 50px;
	padding-left: 10px;
}

/* 記事テキスト */
.txt01 {
	border-style: dotted;
	border-width: 1px;
	border-color: #858585;
	padding: 8px 10px;
}

/* Navigation 次の記事 前の記事 */
.nav-previous,
.previous-image {
	width: 40%;
}
.nav-next,
.next-image {
	width: 40%;
}

/* 次の記事、前の記事リンクの色 */
.nav-previous a,
.nav-next a {
	color: #858585;
}
.nav-previous a:visited,
.nav-next a:visited {
	color: #858585;
}
.nav-previous a:hover,
.nav-next a:hover {
	color: #ff6400;
}

/* アーカイブの記事タイトル リンク色 */
.archive .entry-title a {
	color: #000000;
}
.archive .entry-title a:visited {
	color: #000000;
}
.archive .entry-title a:hover {
	color: #9ebf25;
}

/* 抜粋記事の続きを読む */
.more-link {
	float: right;
	text-decoration: none;
	background: #9ebf25;
	padding: 5px 20px;
	margin-right: 10px;
}

.entry-content a.more-link {
	color: #ffffff;	
}
.entry-content a.more-link:visited {
	color: #ffffff;	
}
.entry-content a.more-link:hover {
	color: #ff6400;	
}

div.textwidget{
	width: 300px;
	margin: 10px auto 40px;
}

/* バナーの位置調整 */

div.ad-area{
	width: 300px;
	height: 550px;
	margin: 0 auto 20px;
}

div.ad-left{
	float: none;
	margin-bottom: 5px;
}

div.ad-right{
	float: none;
}

/* メニューボタン消去 */
.menu-toggle {
	display: none;
}


/* Minimum width of 600 pixels. 600px以上の場合に機能するCSS*/
@media screen and (min-width: 600px) {
	.site {
		max-width: 728px;
		max-width: 52rem;
		padding: 0 24px;
		padding: 0 1.714285714rem;
	}
	.site-content {
		width: 100%
	}
	.widget-area {
/*		float: left;*/
		float: none;
		width: 300px;
		width: 21.428571428rem;
		margin: 24px auto 0;
	}
	body {
		background-color: #fff;
	}
	body .site {
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		box-shadow: none;
	}


	/* グローバルナビゲーション */
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 0px;
		border-top: 0px;
		text-align: left;
	}
	/* グローバルナビゲーションの縦幅 */
	.main-navigation li a {
		line-height: 2.5;
		font-size: 14px;
		font-size: 1rem;
		text-align: center;
		width:120px;
		color: #ffffff;
		background-color: #9ebf25;
		margin: 0 0 0 0;
	}
	.main-navigation li.menu-item-type-taxonomy,
	.main-navigation li.menu-item-type-post_type {
		margin: 0 0 0 0;
	}
	/* グローバルナビゲーションのマウスオン */
	.main-navigation li a:hover {
		color: #000;
		background-color: #96bf00;
	}
	/* メニュー選択時のフォント */
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #ffffff;
		font-weight: bold;
	}
/*		margin: 0 2.857142857rem 0 0;*/
/*		position: relative;*/
/*		font-size: 14px;
		font-size: 1rem;
		text-align: center;
		width:120px;
		color: #ffffff;
		background-color: #9ebf25;

	}*/
/* グローバルナビゲーションの子を未使用に
	.main-navigation li ul li a {
		text-align: left;
		width: 250px;
		font-size: 14px;
		font-size: 1rem;
		background-color: #e2f0ae;
		color: #858585;
	}
	.main-navigation li ul li a:hover {
		background: #dbf08c;
		color: #000000;
	}*/
/*	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #ff0000;
		font-weight: bold;
	}*/

	/*記事タイトルフォント*/
	.entry-header .entry-title {
		font-size: 36px;
		font-size: 2.5714285714rem;
		border-style: solid;
		border-width: 2px 0 2px 0;
/*		border-top: 2px;
		border-bottom: 2px;*/
		border-color: #9ebf25;
/*		padding: 10px 0 10px 0;*/

	}
	/* 記事内H2見出しフォント */
	.entry-content h2 {
		font-size: 24px;
		font-size: 1.714285714rem;
		background-image: url(img/symbol_17_17_02.png);
		background-repeat: no-repeat;
		background-position: 8px 10px;
		padding-left: 30px;
		margin-top: 70px;
		margin-top: 5rem;
	}
	/* 記事内H3見出しフォント */
	.entry-content h3 {
		font-size: 14px;
		font-size: 1rem;
		background-color: #e8f0e4;
		margin-top: 50px;
		padding-left: 10px;
	}
	/* 導入テキスト */
	.entry_txt {
		font-size: 16px;
		font-size: 1.1428571428rem;
		line-height: 1.846153846;		
	}

	/* 記事テキスト */
	.txt01 {
		font-size: 16px;
		font-size: 1.1428571428rem;
		line-height: 1.846153846;
	}

	/* Navigation 次の記事 前の記事 */
	.nav-previous{
		font-size: 16px;
		font-size: 1.1428571428rem;
	}
	.nav-next{
		font-size: 16px;
		font-size: 1.1428571428rem;
	}

	/* 固定ページ */
	/* 記事内H2見出しフォント */
	.page .entry-content h2 {
		font-size: 24px;
		font-size: 1.714285714rem;
		background-image: url(img/symbol_17_17_02.png);
		background-repeat: no-repeat;
		background-position: 8px 10px;
		padding-left: 30px;
		margin-top: 0;
	}
	.page .entry-content p {
		margin-bottom: 0;
	}
	.page .entry-content a {
		color: #000000; 
	}
	.page .entry-content a:visited {
		color: #000000; 
	}
	.page .entry-content a:hover {
		color: #ff6400; 
	}

	/* バナーの位置調整 */
	div.ad-area{
		width: 605px;
		height: 300px;
		margin: 0 auto 20px;
	}

	div.ad-left{
		float: left;
		margin-bottom: 0;
	}

	div.ad-right{
		float: right;
	}

}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #fff;
	}
	body .site {
		padding: 0 24px;
		padding: 0 1.714285714rem;
		margin: 0 auto;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0 24px;
		padding: 0 1.714285714rem;
	}
}

/* Minimum width of 1093 pixels. */
@media screen and (min-width: 1093px) {
	.site {
		max-width: 1065px;
		max-width: 76.071428571rem;
	}
	.site-content {
		width: 728px;
		width: 52rem;
	}
	.widget-area {
		float: right;
	}
}

/* Footer */
footer[role="contentinfo"] {
	max-width: 1065px;
	max-width: 76.071428571rem;
}



/* Category list mark */
/*.children li {
	background-image: url(img/symbol_13_13_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
}*/

/*カテゴリーフォント*/
/*.widget_categories li a{
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.846153846;
	text-decoration: none;
}*/



/* アーカイブページの見出し非表示 */
.archive-header {
	display: none;
}

/* タイトルとサイドメニューコンテナの隙間詰め */
/*.widget-area .widget_nav_menu {
	word-spacing: -1em;
}*/

/* ウィジット間の隙間調整 */
.widget-area .widget {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}


/*ウィジェットフォント*/
.widget-title {
	color: #ffffff;
	background-color: #9ebf25;
/*	font-size: 24px;
	font-size: 1.714285714rem;*/
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.846153846;
	border: #9ebf25 1px dotted;
	padding-left: 20px;
}

/*ウィジットタイトルの下の隙間調整*/
.widget-area .widget h3 {
	margin-bottom: 0;
/*	margin-bottom: 14px;
	margin-bottom: 1rem;*/
}

/* sub menu list mark */
.widget-area .sub-menu li {
	background-image: url(img/symbol_13_13_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	border-bottom: #9ebf25 1px dotted;
}
/* sub menu font */
/*.menu-item li a{*/
.widget-area .menu-item a{
	font-size: 14px;
	font-size: 1rem;
/*	font-size: 18px;
	font-size: 1.285714286rem;*/
	line-height: 1.846153846;
	text-decoration: none;
}
.menu-side-menu-container {
	border-style: solid;
	border-width: 1px;
	border-color: #9ebf25;
	padding: 8px 10px;
/*	word-spacing: normal;/* タイトルとの隙間詰めノーマル化 */
}

/*カテゴリーリンクの色と範囲*/
.widget-area .widget a {
	color: #858585;
	display: block;
}
.widget-area .widget a:visited {
	color: #858585;
}
.widget-area .widget a:hover {
	color: #ff6400;
}


/* footer */


#colophon {
	background-color: #9ebf25;

	padding: 40px 20px 5px;
}

footer[role="contentinfo"] a {
	color: #efefe3;
	font-size: 14px;
	font-size: 1rem;
	text-align: left;
	text-decoration: none;
	margin-left: 20px;

	background-image: url(img/symbol_13_13_03.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 15px;


}
footer[role="contentinfo"] a:visited {
	color: ##efefe3;
}
footer[role="contentinfo"] a:hover {
	color: #ffe6c8;
}

footer[role="contentinfo"] .copywrite {
	color: #efefe3;
	font-size: 11px;
	font-size: 0.7857142857rem;
	text-align: right;
}

.yarpp-related {
	margin-top: 120px;
	margin-bottom: 50px;
}

.site-content article {
	border-bottom: none;
}

.yarpp-related li a {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
	color: #858585;
}

.yarpp-related li a:visited {
	color: #858585;
}

.yarpp-related li a:hover {
	color: #ff6400;
}

ins {
	background: none;
}

