/*
 Theme Name:   twentytwelve-child
 Template:     twentytwelve
 Author:       S.Kawano
 Version:      1.0.0
*/


/******************** Taiyo Studio CSS カスタマイズ ********************/


/******************** フォント指定 ********************/
body {
	font-size: 14px;
	font-size: 1rem;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-rendering: optimizeLegibility;
	color: #444;
	}
body.custom-font-enabled {
	font-family: "Open Sans", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}


/******************** 横幅いっぱい ********************/
html {
	overflow: auto;
	}
body {
	overflow: hidden;
	}

#masthead {
	margin-right: -500%;
	margin-left: -500%;
	padding-right: 500%;
	padding-left: 500%;
	}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul  {
	background: #ffdfc2; /* ナビメニュー背景 */
	background: -moz-linear-gradient(#ffb366, #ffdfc2);
	background: -o-linear-gradient(#ffb366, #ffdfc2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb366), to(#ffdfc2));
	background: -webkit-linear-gradient(#ffb366, #ffdfc2);
	background: -ms-linear-gradient(top, #ffb366, #ffdfc2);
	text-shadow: 1px 1px 3px #fff;
	margin-right: -500%;
	margin-left: -500%;
	padding-right: 500%;
	padding-left: 500%;
	}
#colophon {
	margin-right: -500%;
	margin-left: -500%;
	padding-right: 500%;
	padding-left: 500%;
	}

/******************** 横線　100% ********************/
hr {
	background-color: #a9a9a9;
	border: 0;
	height: 1px;
	margin: 24px 0 24px 0;
	margin-bottom: 1.714285714rem 0 1.714285714rem 0;
}


/******************** 固定ページ　記事タイトル非表示　記事コンテンツマージン調整 ********************/
.page .entry-title {
	display: none;
	}
.page .entry-header {
	margin-bottom: 0;
	}


/******************** アーカイブヘッダー　表示設定 ********************/
.archive-title {
	font-size: 14px;
	font-size: 1rem;
	line-height: 2.181818182;
	font-weight: normal;
	text-transform: uppercase;
	color: #636363;
}
.archive-header { 
	border-bottom: none;
	margin-bottom: 10px;
	}


/******************** 見出しカスタム　entry-header ********************/
.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
	font-size: 18px;
	font-size: 1.285714285rem;
	line-height: 1.2;
	font-weight: normal;
	padding: 5px 14px;
	padding: 0.357142587rem 1rem;
	/* エントリータイトルバー */
	color: #545454;
	border: none;
	background: #ffdfc2;
	background: -moz-linear-gradient(#ffb366, #ffdfc2);
	background: -o-linear-gradient(#ffb366, #ffdfc2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb366), to(#ffdfc2));
	background: -webkit-linear-gradient(#ffb366, #ffdfc2);
	background: -ms-linear-gradient(top, #ffb366, #ffdfc2);
	text-shadow: 1px 1px 3px #fff;
	box-shadow:1px 1px 3px #a0a0a0;
	border-radius: 3px;
	}
.entry-header .entry-title a {
	text-decoration: none;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

/******************** パンくず ********************/
div.breadcrumbs {
	padding:8px 0 0 10px;
	line-height:2;
}
.breadcrumbs a {
	text-decoration:none;
}
.breadcrumbs a:hover {
	text-decoration:underline;
}

/******************** エントリータイトル・コンテンツ　リンク色（追加） ********************/
.entry-title a {
	outline: none;
	color: #4682b4;
	}
.entry-title a:hover {
	color: #0f3647;
	}

.entry-content a {
	outline: none;
	color: #4169e1;
	}
.entry-content a:visited {
	color: #4169e1;
	}
.entry-content a:hover {
	color: #757575;
	}

/******************** 投稿記事　見出し ********************/
.entry-content h2 {
	color: #ff8c00;
	font-size: 20px;
	font-size: 1.428571428rem;
	line-height: 1.846153846;
	/*border-bottom: 1px solid #ff8c00;
	border-left: 10px solid #ff8c00;*/
	padding-left: 10px;
	padding-left: 0.714285714rem;
	margin: 42px 0 14px 0;
	margin: 3rem 0 1rem 0;
	box-shadow:1px 1px 3px #a0a0a0;
	border-radius: 3px;
	border-width: 0 1px 1px 0;
	border-top: 0px solid #ffb366;
	border-right: 0px solid #ffb366;
	border-bottom: 0px solid #ffb366;
	border-left: 10px solid #ffb366;
	}
.entry-content h3 {
	color: #ff8c00;
	font-size: 16px;
	font-size: 1.142857142rem;
	line-height: 2.0;
	border-left: 6px solid #ffb366;
	border-bottom: 0px solid #ffb366;
	padding-left: 10px;
	padding-left: 0.714285714rem;
	margin: 28px 0 8px 0;
	margin: 2rem 0 0.571428571rem 0;
	}
.entry-content h4 {
	color: #ff8c00;
	font-size: 16px;
	font-size: 1.142857142rem;
	line-height: 1.4;
	border-left: 0px solid #ffb366;
	margin: 28px 0 8px 0;
	margin: 2rem 0 0.571428571rem 0;
	}


/******************** コメントリンク　非表示 ********************/
.comments-link {
	display: none;
	}


/******************** 記事コンテンツ　左右余白 ********************/
.entry-content,
.entry-summary,
.mu_register {
	padding-right: 10px;
	padding-right: 0.714285714rem;
	padding-left: 10px;
	padding-left: 0.714285714rem;
	}
.entry-meta {
	clear: both;
	padding-right: 10px;
	padding-right: 0.714285714rem;
	padding-left: 10px;
	padding-left: 0.714285714rem;
	padding-top:24px;
	padding-top:1.714285714rem;
	}


/******************** 投稿画像角丸　非表示 ********************/
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0px;
	box-shadow: none;
	}


/******************** ヘッダー装飾 ********************/

.site-header {
	padding: 24px 0 14px 0;
	padding: 1.714285714rem 0 1rem 0;
	}


/******************** ナビゲーションメニュー ********************/
.main-navigation {
	margin-top: 8px;
	margin-top: 0.571428571rem;
	text-align: center;
	}
.main-navigation li {
	margin-top: 0;
	margin-top: 0;
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.714285714;
	}

/******************** 個別記事　定型文 ********************/
.message {
  margin: 0 5px 30px;
}
 
.message p {
  margin: 0 10px 15px;
  line-height: 1.5;
  font-size: 0.9em;
}

/******************** 引用 ********************/
.entry-content blockquote {
	background-color:#ddd;
	padding:3em 1em 1em;
	position:relative;
}
.entry-content blockquote:before {
	content:"“";
	font-size:600%;
	line-height:1.2em;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	color:#999;
	position:absolute;
	left:0;
	top:0;
}

/******************** Minimum width of 600 pixels. ********************/
@media screen and (min-width: 600px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: visible;
	}
	.site-content {
		float: left;
		width: 65.104166667%;
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: right;
		width: 30%;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border: 0;
		display: inline-block !important;
		text-align: left;
		clear: both;
		width: 98.5%;
	}
	.main-navigation ul {
		margin: 0;
		padding-left: 10px;
		padding-left: 0.714285714rem;
		position: relative;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #696969;
		line-height: 2.5;
		padding: 0 14px 0 14px;
		padding: 0 1rem 0 1rem;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		background: #ffdfc2;
		color: #696969;
		line-height: 2.5;
		padding: 0 14px 0 14px;
		padding: 0 1rem 0 1rem;
		border-radius: 3px;
	}
	.main-navigation li {
		margin: 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
		color: #696969;
	}
	.main-navigation li ul li a {
		background: #ffdfc2;
		border-bottom: 0px solid #ededed;
		display: block;
		font-size: 14px;
		font-size: 1rem;
		line-height: 2.5;
		padding: 0 14px 0 14px;
		padding: 0 1rem 0 1rem;
		width: 150px;
		width: 10.714285714rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #ffb366;
		color: #696969;
	}
	.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: #b22222;
		font-weight: normal;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}

/******************** Minimum width of 960 pixels. ********************/
@media screen and (min-width: 960px) {
	body {
		background-color: #e6e6e6;
	}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 0;
		margin-bottom: 0;
		/*box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);*/
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
}


/******************** ウィジットエリア　カスタム ********************/
/******************** Banner ********************/
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/******************** Sidebar ********************/
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 42px;
	margin-bottom: 3rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	clear: both;
	color: #ed7300;
	font-weight: normal;
	font-size: 14px;
	font-size: 1rem;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.846153846;
	margin: 0 0 10px 0;
	margin: 0 0 0.714285714rem 0;
	padding-left: 10px;
	padding-left: 0.714285714rem;
	text-shadow: 1px 1px 3px #fff;
	box-shadow:1px 1px 3px #a0a0a0;
	border-radius: 3px;
	border-width: 0 1px 1px 0;
	border-top: 0px solid #ffb366;
	border-right: 0px solid #ffb366;
	border-bottom: 0px solid #ffb366;
	border-left: 10px solid #ffb366;
	}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 2.2;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:visited {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #4169e1;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}


/******************** フッター　背景 ********************/
footer[role="contentinfo"] {
	border-top: 0px solid #dcdcdc;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
	background: #ffdfc2;
	background: -moz-linear-gradient(#ffdfc2, #ffb366);
	background: -o-linear-gradient(#ffdfc2, #ffb366);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffdfc2), to(#ffb366));
	background: -webkit-linear-gradient(#ffdfc2, #ffb366);
	background: -ms-linear-gradient(top, #ffdfc2, #ffb366);
	}



/******************** スマホ　メニュー　カスタム ********************/
/******************** メニューボタン ********************/
.menu-toggle:before {
	font-size:12px;
	font-weight: bold;
	padding:14px;
	padding:1rem;
	content: 'MENU';
	}
.menu-toggle.toggled-on:before {
	font-size:12px
	font-weight: bold;
	padding:14px;
	padding:1rem;;
	content: 'MENU';
	}
.menu-toggle {
	font-size:0;
	}

.main-navigation ul.nav-menu.toggled-on,
.main-navigation div.nav-menu > ul.toggled-on,
.menu-toggle.toggle-on {
	border-bottom: 0;
	border-top: 0;
	display: block;
	text-align: left;
	width: 100%;
	background: none;
	padding-top: 14px;
	padding-top: 1rem;
	}
.main-navigation ul {
	margin: 0;
	text-indent: 0;
	}
.main-navigation ul.nav-menu.toggled-on li a,
.main-navigation ul.nav-menu.toggled-on li {
	display: block;
	text-decoration: none;
	}
.main-navigation ul.nav-menu.toggled-on li a {
	border-bottom: 0;
	color: #696969;
	font-size: 14px;
	font-size: 1rem;
	line-height: 3;
	text-transform: uppercase;
	background:#f5f5f5;
	padding:0 7px;
	padding:0 0.5rem;
	}
.main-navigation ul.nav-menu.toggled-on li a:hover ,
.main-navigation ul.nav-menu.toggled-on li:hover {
	background: #dcdcdc;
	color: #696969;
	}
.main-navigation  ul.nav-menu.toggled-on li {
	margin: 0;
	position: relative;
	}
.main-navigation ul.nav-menu.toggled-on li ul {
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%
	z-index: 1;
	}
.main-navigation ul.nav-menu.toggled-on li ul ul {
	top: 0;
	left: 100%;
	}
.main-navigation  ul.nav-menu.toggled-on li:hover > ul {
	background: #dcdcdc;
	border-left: 0;
	display: block;
	margin:0 0 0 30%;
	position: absolute;
	top: 0%;
	z-index: 1;
	width: 70%;
	}
.main-navigation  ul.nav-menu.toggled-on li ul li a {
	background: #f5f5f5;
	color:#696969;
	border-bottom: 0;
	display: block;
	font-size: 14px;
	font-size: 1rem;
	line-height: 3;
	padding: 0 10px;
	padding: 0 0.714285714rem;
	}
.main-navigation  ul.nav-menu.toggled-on li ul li a:hover {
	background: #dcdcdc;
	color: #696969;
	}


/******************** モバイルの時だけ電話番号表示 ********************/
a.tel{
	width:95%;
	color: #cd853f;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 20px auto;
	padding: 8px 0 8px 0;
	padding: 0.571428571rem 0 0.571428571rem 0;
	display: block;
	background: #ffb366;
	background: -moz-linear-gradient(#ffb366, #ffdfc2);
	background: -o-linear-gradient(#ffb366, #ffdfc2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb366), to(#ffdfc2));
	background: -webkit-linear-gradient(#ffb366, #ffdfc2);
	background: -ms-linear-gradient(top, #ffb366, #ffdfc2);
	text-shadow: 1px 1px 3px #fff;
	box-shadow:1px 1px 2px #dcdcdc;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	}

/******************** オリジナルCSS ********************/

/******************** 投稿画像　角丸＆シャドー　表示 ********************/
img.t-img {
	box-shadow:1px 1px 5px #a9a9a9;
	border-radius: 3px;
	margin-top: 0;
	}

/******************** バナー枠線　表示 ********************/
img.banner1 {
	border:1px solid #c0c0c0;
	margin-top: 28px;
	margin-top: 2rem;
	}
img.banner2 {
	border:1px solid #c0c0c0;
	}

/******************** 画像　マージントップ ********************/
img.m0-img {
	margin-top: 0;
	}

img.m5-img {
	margin-top: 5px;
	margin-top: 0.357142857rem;
	}

img.m10-img {
	margin-top: 10px;
	margin-top: 0.714285714rem;
	}


/******************** 投稿一覧境界線 ********************/
.site-content article {
	border-bottom: 4px double #dcdcdc;
	margin-bottom: 42px;
	margin-bottom: 3rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

/******************** 記事　リスト　左側余白 ********************/
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 24px;
	margin: 0 0 0 1.714285714rem;
}

/******************** 記事　行間 ********************/
.entry-content p {
	line-height: 2;
}

/******************** 記事　リスト　行間 ********************/
.entry-content li {
	margin-bottom: 5px;
	margin-bottom: 0.357142857rem;
}

/******************** コメント欄を見やすく ********************/
div.comments-area {
	background-color: #f5f5f5;
	padding: 24px 20px 0 20px;
	padding: 1.714285714rem 1.428571428rem 0 1.428571428rem;
	border: 1px solid #c0c0c0;
	}/* コメントエリア全体 */
ol.commentlist {
	background-color: #fff;
	padding: 10px 20px 0 20px ;
	}/* 投稿されたコメントの表示部分 */
h2.comments-title { 
	font-weight: bold;
	}/* フィードバック表記部分 */

/****************** コメント欄　タイトル　メルアド　ウェブ　非表示 ******************/
.comments-title {
	display:none;
}
.comment-notes,.comment-form-email {
	display:none;
}
.comment-form-url {
	display:none;
}

/****************** ページナビゲーション ******************/
.wp-pagenavi{
	clear: both;
	margin-top:0;
	font-family: 'Federo', sans-serif;
	font-size:110%;
}
.wp-pagenavi a,
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
	display: inline-block;
	padding: 3px 5px;
	margin: 3px 3px 15px 3px;
	text-decoration: none;
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 2px; /*角丸*/
	-webkit-border-radius: 2px; /*角丸*/
	border-radius: 2px; /*角丸*/
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
	background: #ffdfc2;
	border: 1px solid #e5c8ae;
	color: #696969;
}
.wp-pagenavi span.current{
	/*font-weight: bold;*/
	/*-webkit-box-shadow: 1px 1px 1px #aaa inset;
	-moz-box-shadow: 1px 1px 1px #aaa inset;
	box-shadow: 1px 1px 1px #aaa inset;*/
}

/****************** contact form 7 横幅100% ******************/
.form-width { 
	max-width: 100%;
}

/********** HOME リンクバナー **********/
.banner-top1 a {
	color: #fff;
	line-height: 1.6;
	display: block;
	padding: 10px 20px;
	text-align: left;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000;
	border-radius: 3px;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:1px 1px 4px #696969;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #deb887;
}
.banner-top1 a:visited {
	color: #fff;
}
.banner-top1 a:hover {
	color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #ffecdc;
}

/********** 色付き枠 **********/
.waku01 {
	/*color: #000;*/
	line-height: 1.6;
	display: block;
	padding: 10px 20px;
	text-align: left;
	text-decoration: none;
	/*text-shadow: 1px 1px 3px #000;*/
	border-radius: 3px;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:1px 1px 4px #696969;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #ffffe0;
}