/*======================================
Theme Name: Smartline Lite
Theme URI: http://themezee.com/themes/smartline/
Description: Smartline Lite is a perfect theme for news and magazine websites as well as simple blogs. The responsive design with bold colors and smart lines looks great on any device. The main highlight of Smartline is the flexible and widgetized front page template which allows you to create a magazine-styled homepage with ease.
Version: 1.1.2
Author: ThemeZee
Author URI: http://themezee.com
Tags: two-columns, light, blue, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, fluid-layout, responsive-layout, one-column, left-sidebar, right-sidebar, three-columns, black, silver, white, gray
Text Domain: smartline-lite
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/


/* CSS Reset | http://meyerweb.com/eric/tools/css/reset/ | v2.0
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* General Styles
-------------------------------------------------------------- */
html {
	font-size: 100.01%;
}
body {
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	font-size: 0.95em;
	border: 0;
	color: #111;
	background-color: #e5e5e5;
}

/* Links */
a, a:link, a:visited{
	color: #004488;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}

/* Form Elements */
input, textarea {
	padding: 0.5em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
input[type="submit"] {
	border: none;
	color: #333;
	background-color: #eee;
}
input[type="submit"]:hover {
	background-color: #ddd;
	cursor: pointer;
}

/* Clearing Floats */
.clearfix:before, .clearfix:after {  
	content: " ";
	display: table;  
}  
.clearfix:after {  
	clear: both;
}  
.clearfix {
    *zoom: 1; /* For IE 6/7 only */  
}

/* Make Form Elements responsive */
input, textarea, select {
	max-width: 100%;
}

/* Basic Structure 
-------------------------------------------------------------- */
#wrapper {
	max-width: 1340px;
	width: 92%;
	margin: 1.0em auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
}
#header-wrap {
	border-top: 0px solid #c4df8f;
}
#header {
	padding: 1.0em 2.5em;
	background: #fff;
}
#wrap {
	clear: both;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content {
	float: left;
	width: 70%; 
	padding: 2em 1em 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sidebar {
	margin-left: 70%;
	width: 30%;
	padding: 1em 0.5em 1em 0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
#content-full {
	padding: 2em 2em 0;
}

/* Header
-------------------------------------------------------------- */
#logo {
	float: left;
	max-width: 100%;
	text-align: left;
}
#logo .logo-image {
	float: left;
	border: 0;
	max-width: 100%;
	height: auto;
}
#logo .site-title {
	float: left;
	font-size: 90%;
	font-weight: normal;
	color: #111;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
#logo a:hover {
	text-decoration: none;
}
#logo a:hover .site-title {
	color: #333;
	text-decoration: none;
}
#logo .site-description {
	float: right;
	margin: 0.4em 0 0 2em;
	line-height: 1.4em;
	font-size: 1.3em;
	color: #444;
}

/*ヘッダーロゴ*/
#headerbtm_logoimg {
float: left;
max-width: 100%;
}
/*ヘッダー 文字サイズ大中小*/
#headerbtm_fontsize {
float: right;
padding-top:2em;
}

/*ヘッダーロゴの伸縮*/
#headerbtm_logoimg img {
max-width: 100%;
height: auto;
}

/* Header Content */
#header-content {
	display: inline;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#header-content div {
	float: right;
	margin-left: 1.5em;
}


/* Custom Header Image */
#custom-header {
	margin: 0 0 1.5em 0;
}
#custom-header img {
	max-width: 907px;
	vertical-align: top;
	width: 100%;
	height: auto;
}

/* Top Navigation Menu
-------------------------------------------------------------- */
#topnav-icon {
	display: none;
}
#topnav {
	background: #f5f5f5;
	border-bottom: 1px solid #e5e5e5;
}
#topnav-menu {
	float: left;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}
#topnav-menu li{
	float: left;
	position: relative;
	margin-left: 0.5em;
	border-right: 1px solid #e5e5e5;
}
#topnav-menu a {
	display: block;
	padding: 0.7em 1em 0.7em 0.5em;
	text-decoration: none;
	font-size: 0.85em;
}
#topnav-menu a:link, #topnav-menu a:visited{
	color: #222;
	text-decoration: none;
}
#topnav-menu a:hover {
	color: #555;
	text-decoration: underline;
}
#topnav-menu li.current_page_item a, #topnav-menu li.current-menu-item a {
	text-decoration: underline;	
}

/* Navigation Menu
-------------------------------------------------------------- */
#mainnav-icon {
	display: none;
}
#navi-wrap {
	border-top: 1px solid #c4df8f;
	border-bottom: 4px solid #70AD2E;
	background: #fff;
	padding-top: 1px;
	padding-bottom: 1px;
}
#mainnav {
	background: #c4df8f;
background-image: url("http://www.whatsmynumber.jp/images/bg_manubar.gif");
}
#mainnav-menu {
	float: left;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	/*background: #27853D;*/
}
#mainnav-menu li{
	float: left;
	position: relative;
	border-right: 1px solid #a7a7a7;
}
#mainnav-menu a {
	display: block;
	padding: 1.0em;
	text-decoration: none;
	font-size: 1.0em;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;	
}
#mainnav-menu a:link, #mainnav-menu a:visited{
	color: #111;
	text-decoration: none;
}
#mainnav-menu a:hover {
	color: #00806D;
	background: #C4DF8F;
}
#mainnav-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	background: #303030;
	border-top: 1px solid #fff;
}
#mainnav-menu ul li{
	margin: 0;
	border: none;
}
#mainnav-menu ul a {
	width: 250px;
	width: 16rem;
	padding: 1em;
	float: left;
	font-weight: normal;
	color: #111;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#mainnav-menu ul a:link, #mainnav-menu ul a:visited{
	color: #111;
	font-size: 0.9em;
	text-decoration: none;
}
#mainnav-menu ul a:hover {
	background: #C4DF8F;
}
#mainnav-menu li ul ul {
	border: none;
	border-left: 1px solid #fff;
	margin-left: 250px;
	margin-left: 16rem;
}
#mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul{
	display:none;
}
#mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul{
	display:block;
}
#mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {
	text-decoration: underline;
	color:#00806D;
	background-image: url("http://www.whatsmynumber.jp/images/bg_manubar_over.gif"); /*表示されている固定ページの場合*/
}
#mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{
	text-decoration: none;
}
#mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {
	text-decoration: underline;
}
#mainnav-menu ul li.current_page_item ul li a, #mainnav-menu ul li.current-menu-item ul li a{
	text-decoration: none;
}

/* Widget Styling
-------------------------------------------------------------- */
.widget {
	margin-bottom: 1em;
	padding: 1em;
	background: #fff;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
#sidebar .widget {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.widgettitle {
	font-size: 1.0em;
	/*font-family: 'Raleway', Arial, Tahoma;*/
	padding: 0.9em;
	margin: 0em;/* -0.5em -0.5em 1em -0.5em;*/
	background: #70AD2E;
	color: #fff;
	box-shadow: inset 0 0 1px #bbb;
	border: 1px solid #C4DF8F;
	font-weight:bold;
}
.widget .textwidget {
	line-height: 1.5em;
}
.widget .textwidget p {
	margin-bottom: 1em;
}
.widget ul {
	line-height: 1.5em;
}
.widget ul {
	list-style: circle inside;
	color: #555;
}
.widget ul .children {
	padding: 0;
	margin: 0.5em 0 0.5em 1em;
}
.widget a:link, .widget a:visited  {
	text-decoration: none;
	color: #004488;
}
.widget a:hover, .widget a:active {
	text-decoration: underline;
}
.widget img {
	max-width: 100%;
	height: auto;
}
.widgettitle a:link, .widgettitle a:visited  {
	color: #fff;
}

/* sidebar text-3 関連リンク
-------------------------------------------------------------- */
	#text-3 {
		border: 1px solid #a7a7a7;
	}
	#text-3 ul {
		list-style:none;	
	}
	#text-3 li {
		display: block;
		padding: 0.8em 0.4em;
		border-bottom: 1px dashed #aaa;
	}

/* sidebar text-4 広告スペース
-------------------------------------------------------------- */
	#text-4 {
		text-align:center;
	}

/* Custom Widgets
-------------------------------------------------------------- */

/* Custom Menu Widget */
.widget_nav_menu .menu ul {
	padding: 0.3em 0 0.3em 1em;
}

/* Calendar Widget */
#wp-calendar {
	margin: 0;
	width: 100%;
	color: #444;
	line-height: 1.6em;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar caption {
	font-style: italic;
	margin-bottom: 0.1em;
}
#wp-calendar th {
	font-weight: bold;
	font-size: 0.85em;
}
#wp-calendar tfoot tr td {
	padding-top: 0.5em;
}
#wp-calendar #next {
	padding-right: 0.8em;
	text-align: right;
}


/* Posts and Pages
-------------------------------------------------------------- */
.type-post, .type-page, .type-attachment  {
	margin: 0 0 2em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px dashed #aaa;
}
.page-title, .post-title {
	font-weight: bold;
	color: #004488;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.page-title {
    font-size: 2.3em;
	padding: 0.1em 0;
}
.post-title {
    font-size: 1.5em;
	padding: 0.3em 0;
}

/* 固定ページ page-title  */
.page-title {
    	font-size: 1.3em;
	padding: 0.3em 0.9em 0.2em 0.9em;
	margin: 0em 0em 0.5em 0em;
	background: #70AD2E;
	color: #fff;
	box-shadow: inset 0 0 1px #bbb;
	border: 1px solid #C4DF8F;
	font-weight: bold;
}

/* 投稿タイトル post-title */
.post-title  {
  position: relative;
  color: #111;
  background: #C4DF8F;
  font-size: 1.1em;
  line-height: 1;
  margin: 0em 0em 1.0em 0em;
  padding: 0.5em 0.2em 0.5em 2.2em;
  border-radius: 1em 0 0 1em;
}
.post-title:before {
  content: "";
  position: absolute;
  background: #eee;
  top: 50%;
  left: 10px;
  margin-top :-9px;
  height: 1.0em;
  width: 1.0em;
  border-radius: 50%;
  box-shadow: 1px 1px 1px #777 inset;
}

/* 投稿タイトル post-title Q&Aのとき */
.singlepost .category-faq .post-title  {
	background: #f9f9f9 url(images/bg_manubar.gif) repeat top; 
	border: 1px #c0c0c0 solid;
	border-radius: 0;/*左側のまるみをクリア*/
	padding: 0.8em 0em 0.5em 3em;
}
.singlepost .category-faq .post-title:before {
	box-shadow: none;
	left: 5px;
	margin-top :-20px;
	height: 40px;
	width: 40px;
	background: url(images/icon_q.gif)  no-repeat 4px 5px;
}


/* archiveタイトル post-title Q&Aのとき */
.archive .category-faq .post-title  {
	background: #f9f9f9 url(images/bg_manubar.gif) repeat top; 
	border: 1px #c0c0c0 solid;
	border-radius: 0;/*左側のまるみをクリア*/
	padding: 0.8em 0em 0.5em 3em;
}
.archive .category-faq .post-title:before {
	box-shadow: none;
	left: 5px;
	margin-top :-20px;
	height: 40px;
	width: 40px;
	background: url(images/icon_q.gif)  no-repeat 4px 5px;
}

/* 検索結果のタイトル */
.search-results .page-title, .search-results .post-title {
	background: #fff; 
	border:none;
	margin:1em 0;
	padding:0;
	box-shadow: none;
}

.search-results .post-title:before {
	display:none;
}


.post-title a:link, .post-title a:visited {
	color:#004488;
	text-decoration: none;
}
.post-title a:hover, .post-title a:active{
	color:#00806D;/*color: #333;*/
	text-decoration: underline;
}
.sticky {
	border-left: 5px solid #ddd;
	padding-left: 1.5em;
}

/* Page Links | wp_link_pages() */
.page-links {
	margin: 0;
	word-spacing: 1em;
}

/* Postmeta */
.postmeta, .postinfo {
	color: #333;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 0.9em;
}
.postinfo {
	clear: both;
	margin: 2em 0 0;
}
.postmeta span, .postinfo span{
	margin-right: 0.5em;
}
.postmeta a:link, .postmeta a:visited {
	color: #555;
	text-decoration: underline;
}
.postmeta a:hover, .postmeta a:active{
	text-decoration: none;
}

/* 投稿者を非表示 */
.postmeta .meta-author {
	display: none;
}
/* Edit Post（投稿の編集）へのリンクを非表示 */
.postmeta .post-edit-link {
	display: none;
}

/* Postmeta Icons */
.postmeta span:before, .postinfo span:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 20px/1 'Genericons';
	vertical-align: middle;
	color: #777;
}
.postmeta .meta-date:before{
	content: '\f307';
}
.postmeta .meta-author:before{
	content: '\f304';
}
.postmeta .meta-category:before{
	content: '\f301';
}
.postinfo .meta-comments:before{
	content: '\f300';
}
.postinfo .meta-tags:before{
	content: '\f302';
}


/* 続きを読む Read more Link */
/* トップページ content-excerpt.php  */
.more-link {
	display: inline-block;
	/*font-weight: bold;*/
	margin: 1em 0 0.5em;
	padding: 0.4em 1em;
	text-decoration: none;
	color: #333;
	background-color: #E8F3D9;
}
.more-link:link, .more-link:visited {
	color: #333;
}
.more-link:hover, .more-link:active {
	background-color: #C4DF8F;
	text-decoration: none;
}

/* Archives and Search Heading */
.archive-title {
	font-weight: bold;
	font-size: 1.1em;
	color: #333;
	padding-bottom: 0.5em;
	margin-bottom: 1.5em;
	border-bottom: 1px dashed #aaa;
}
.archive-title span{
	color: #004488;
}

/* Archives Q&A のみ */
.category-faq .archive-title {
	font-size: 1.3em;
	padding: 0.4em 0.9em;
	margin: 0em 0em 0.5em 0em;
	background: #70AD2E;
	color: #fff;
	box-shadow: inset 0 0 1px #bbb;
	border: 1px solid #C4DF8F;
}
.category-faq .archive-title span{
	color: #fff;
}

/* Content Pagination */
.post-pagination {
	margin-bottom: 1em;
	color: #333;
}
.post-pagination a {
	padding: 0.2em 0.6em;
	margin-right: 0.2em;
	display: inline-block;
    text-align: center;
	text-decoration: none;
	color: #004488;
}
.post-pagination a:link, .post-pagination a:visited {
	color: #004488;
}
.post-pagination a:hover {
	text-decoration: underline;
}
.post-pagination .current {
	padding: 0.2em 0.6em;
	margin-right: 0.2em;
	background: #004488;
	color: #fff;
}

/*出典の記載時*/
.page .entry .source, .post .entry .source {
    color:#666;
    font-size:80%;
}


/* Text Elements
-------------------------------------------------------------- */
.entry {
	line-height: 1.8em;
	margin: 0.4em 0.5em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.entry p, .comment p {
	margin: 0.75em 0;
}
.entry h1, .comment h1,
.entry h2, .comment h2,
.entry h3, .comment h3,
.entry h4, .comment h4,
.entry h5, .comment h5,
.entry h6, .comment h6 {
	color: #222;
	font-weight: bold;
	line-height: 1.0em;
	margin: 1.2em 0 0.3em;
}
.entry h1, .comment h1 {
	font-size: 3.0em;
}
.entry h2, .comment h2 {
	font-size: 2.25em;
}
.entry h3, .comment h3 {
	font-size: 1.5em;
}
.entry h4, .comment h4 {
	font-size: 1.25em;
}
.entry h5, .comment h5 {
	font-size: 1.125em;
	margin: 1.3em 0 0;
}
.entry h6, .comment h6 {
	font-size: 1.0em;
	margin: 1.3em 0 0;
}
.entry ul, .comment ul{
	list-style: square inside;
	margin: 0 0 1.5em 2em;
}
.entry ol, .comment ol{
	list-style: decimal inside;
	margin: 0 0 1.5em 2em;
}
.entry ol ol, .comment ol ol{
	list-style: upper-alpha inside;
}
.entry ol ol ol, .comment ol ol ol{
	list-style: lower-roman inside;
}
.entry ol ol ol ol, .comment ol ol ol ol{
	list-style: lower-alpha inside;
}
.entry ul ul, .comment ul ul,
.entry ol ol, .comment ol ol,
.entry ul ol, .comment ul ol
.entry ol ul, .comment ol ul {
	margin-bottom: 0.2em;
}
dl {
	margin: 1em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.5em;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big, .big_tag {
	font-size: 1.3em;
}
ins {
	padding: 1px 2px;
	background: #ffa;
	text-decoration: none;
}
code, pre {
	padding: 3px 8px;
	margin: 0 1px;
	background: #eeeeee;
	color: #222;
	font-size: 0.9em;
	font-family: Monospace, "Courier New", Courier;
	overflow: auto;
	line-height: 1.4em;
}
del, strike, s{
	text-decoration: line-through;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
small {
	font-size: 0.7em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: 0.8em;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
.entry var, .entry kbd, .entry tt, .entry .tt_tag {
	font-size: 1.1em;
	font-family: "Courier 10 Pitch", Courier, monospace;
}
blockquote {
	background: #f5f5f5;
	border-left: 10px solid #ccc;
	margin: 1.2em 0;
	padding: 0.3em 1.4em;
}
blockquote cite {
	display: block;
	margin: 0.5em 0 0 0.5em;
	color: #777;
}
.entry table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
	margin: 1em 0;
	text-align: left;
	width: 100%;
}
.entry tr th,
.entry thead th {
	background: #e5e5e5;
	font-weight: bold;
	padding: 0.2em 1em;
}
.entry tr td {
	border-top: 1px solid #ddd;
	padding: 0.2em 1em;
}
.entry tr.alternate td {
	background: #f5f5f5;
}

/* Images | Gallery | Videos
-------------------------------------------------------------- */
article .wp-post-image {
	max-width: 100%;
	margin: 1.2em 2em 1em 0;
	height: auto;
}
.entry img {
	max-width: 100%;
	height: auto;
}
.wp-caption {
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 1em 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-align: center;
}
.alignleft { 
	float: left; 
	display: inline; 
	margin: 1em 2em 1em 0;
}
.alignright	{
	float: right; 
	display: inline; 
	margin: 1em 0 1em 2em;
}
.aligncenter {
	margin: 1em auto; 
	display: block;
}

/* Gallery Styling */
.gallery {
	padding-top: 1em;
}
.gallery-item {
	padding: 0.3em 1em 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery img {
	margin: 0;
	padding: 2px;
	border: 1px solid #ddd !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery-caption {
	max-width: 100%;
	height: auto;
	text-align: center;
	margin: 0.5em 0;
}

/* Make Vidoes responsive */
embed, iframe, object, video {
	max-width: 100%;
}

/* Image.php Navigation */
#image-nav {
	margin-bottom: 1.5em;
	padding: 0.5em;
	color: #333;
	border-bottom: 1px dashed #aaa;
}
#image-nav .nav-previous {
	float: left;
}
#image-nav .nav-next {
	float: right;
}
#image-nav .nav-previous a, #image-nav .nav-next a {
	font-size: 0.9em;
	text-decoration: none;
	color: #004488;
}
#image-nav .nav-previous a:hover, #image-nav .nav-next a:hover {
	text-decoration: underline;
}
/* Search Form
-------------------------------------------------------------- */
.search-form {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.search-form .screen-reader-text {
	display: none;
}
.search-form .search-field {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0.5em 45px 0.5em 0.7em;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 2px solid #ddd; /*Chromeで下線が表示されないため*/
	font-size: 1.0em;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: transparent;
	padding: 0.8em 0.7em 0 0;
	cursor: pointer;
}
.search-form .search-submit .genericon-search {
	display: inline-block;
	width: 24px;
	height: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	vertical-align: text-bottom;
	color: #777;
	content: '\f400';
}
.search-form .search-submit:hover .genericon-search {
	color: #333;
}


/* Social Icons | based upon http://kovshenin.com/2014/social-menus-in-wordpress-themes/
-------------------------------------------------------------- */
#social-icons-menu {
	list-style-type: none;
	list-style-position: outside;
	line-height: 1em;
}
#social-icons-menu li {
	float: left;
	margin: 0 2px 2px 0;
	padding: 0;
	background: #222;
}
#social-icons-menu li a {
	position: relative;
	display: inline-block;
	padding: 0.9em;
	background: #444;
	text-decoration: none;
	color: #fff;
}
#social-icons-menu li a:before {
	color: #fff;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px/1;
	line-height: 1;
	font-family: 'Genericons';
	text-decoration: inherit;
	vertical-align: top;
}

/* Add Genericons */
#social-icons-menu li a:before { content: '\f408';} /* Default Icon */
#social-icons-menu li a[href*="codepen.io"]:before  { content: '\f216'; }
#social-icons-menu li a[href*="digg.com"]:before { content: '\f221'; }
#social-icons-menu li a[href*="dribbble.com"]:before { content: '\f201'; }
#social-icons-menu li a[href*="facebook.com"]:before { content: '\f204'; }
#social-icons-menu li a[href*="flickr.com"]:before { content: '\f211'; }
#social-icons-menu li a[href*="plus.google.com"]:before { content: '\f218'; }
#social-icons-menu li a[href*="github.com"]:before { content: '\f200'; }
#social-icons-menu li a[href*="instagram.com"]:before { content: '\f215'; }
#social-icons-menu li a[href*="linkedin.com"]:before { content: '\f207'; }
#social-icons-menu li a[href*="pinterest.com"]:before { content: '\f209'; }
#social-icons-menu li a[href*="polldaddy.com"]:before { content: '\f217'; }
#social-icons-menu li a[href*="getpocket.com"]:before { content: '\f224'; }
#social-icons-menu li a[href*="reddit.com"]:before { content: '\f222'; }
#social-icons-menu li a[href*="spotify.com"]:before { content: '\f515'; }
#social-icons-menu li a[href*="skype.com"]:before,
#social-icons-menu li a[href*="skype:"]:before { content: '\f220'; }
#social-icons-menu li a[href*="stumbleupon.com"]:before { content: '\f223'; }
#social-icons-menu li a[href*="tumblr.com"]:before { content: '\f214'; }
#social-icons-menu li a[href*="twitch.tv"]:before { content: '\f516'; }
#social-icons-menu li a[href*="twitter.com"]:before { content: '\f202'; }
#social-icons-menu li a[href*="vimeo.com"]:before  { content: '\f212'; }
#social-icons-menu li a[href*="wordpress.org"]:before,
#social-icons-menu li a[href*="wordpress.com"]:before { content: '\f205'; }
#social-icons-menu li a[href*="youtube.com"]:before { content: '\f213'; }
#social-icons-menu li a[href*="/feed"]:before,
#social-icons-menu li a[href*="/feed/"]:before,
#social-icons-menu li a[href*="?feed=rss2"]:before,
#social-icons-menu li a[href*="feedburner.google.com"]:before,
#social-icons-menu li a[href*="feedburner.com"]:before { content: '\f413'; }

/* Add Colors */
#social-icons-menu li a { background: #444; } /* Default Icon */
#social-icons-menu li a[href*="codepen.io"]  { background: #222; }
#social-icons-menu li a[href*="digg.com"] { background: #151515; }
#social-icons-menu li a[href*="dribbble.com"] { background: #ea4c89; }
#social-icons-menu li a[href*="facebook.com"] { background: #3b5998; }
#social-icons-menu li a[href*="flickr.com"] { background: #ff0084; }
#social-icons-menu li a[href*="plus.google.com"] { background: #dd4b39; }
#social-icons-menu li a[href*="github.com"] { background: #171515; }
#social-icons-menu li a[href*="instagram.com"] { background: #3f729b; }
#social-icons-menu li a[href*="linkedin.com"] { background: #007bb6; }
#social-icons-menu li a[href*="pinterest.com"] { background: #cb2027; }
#social-icons-menu li a[href*="polldaddy.com"] { background: #bc0b0b; }
#social-icons-menu li a[href*="getpocket.com"] { background: #ee4056; }
#social-icons-menu li a[href*="reddit.com"] { background: #ff4500; }
#social-icons-menu li a[href*="spotify.com"] { background: #81b71a; }
#social-icons-menu li a[href*="skype.com"],
#social-icons-menu li a[href*="skype:"] { background: #00aff0; }
#social-icons-menu li a[href*="stumbleupon.com"] { background: #f74425; }
#social-icons-menu li a[href*="tumblr.com"] { background: #32506d; }
#social-icons-menu li a[href*="twitch.tv"] { background: #6441A5; }
#social-icons-menu li a[href*="twitter.com"] { background: #00aced; }
#social-icons-menu li a[href*="vimeo.com"]  { background: #aad450; }
#social-icons-menu li a[href*="wordpress.org"] { background: #21759b; }
#social-icons-menu li a[href*="wordpress.com"] { background: #1e8cbe; }
#social-icons-menu li a[href*="youtube.com"] { background: #c4302b; }
#social-icons-menu li a[href*="/feed"],
#social-icons-menu li a[href*="/feed/"],
#social-icons-menu li a[href*="?feed=rss2"],
#social-icons-menu li a[href*="feedburner.google.com"],
#social-icons-menu li a[href*="feedburner.com"] { background: #ee802f; }

#social-icons-menu li a:hover {
	text-decoration: none;
	opacity: 0.9;
}

#social-icons-menu li a .screen-reader-text {
	display: none;
}
.social-icons-wrap .social-icons-hint {
	font-size: 0.8em;
	color: #777;
	max-width: 300px;
	line-height: 1.2em;
}


/* Comments
-------------------------------------------------------------- */
#comments {
	margin: 1em 0;
}
#comments .comments-title, #respond #reply-title {
	font-family: 'Bitter', Georgia, Arial, Tahoma;
	font-size: 1.4em;
	color: #333;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	margin-bottom: 1em;
	padding-bottom: 0.3em;
	border-bottom: 1px dashed #aaa;
}
.commentlist {
	display: block;
	margin: 0;
}
.commentlist .comment{
	display: block;
	margin-bottom: 2em;
	padding: 1em;
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	list-style: none;
	line-height: 1.5em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.comment-author img {
	float: left;
	margin-right: 1em;
	margin-top: -0.1em;
}
.comment-author img:after {
	clear: both;
}
.comment-author .fn {
	font-size: 1.1em;
	padding: 0.2em 0;
}
.comment-author .fn a:link, .comment-author .fn a:visited {
	text-decoration: underline;
}
.comment-author .fn a:hover, .comment-author .fn a:active {
	text-decoration: none;
}
.bypostauthor .fn, .comment-author-admin .fn{
	font-style: italic;
	background: #eee;
	padding: 0.2em 0.6em;
}
.comment-meta {
	font-size: 0.9em;
	margin-bottom: 1.5em;
}
.comment-meta a:link, .comment-meta a:visited, 
.comment-meta a:active, .comment-meta a:hover {
	color: #666;
}
#comments .children {
	margin-top: 1em;
	margin-left: 1em;
}
#comments .children .comment {
	background: #fff;
	border: 1px solid #ddd;
}
.nocomments {
	color: #444;
	padding: 1em;
}
.commentlist .pingback {
	display: block;
	padding: 0.8em 0;
	border-top: 1px solid #eee;
	list-style: none;
	line-height: 1.3em;
}

/* Comment Pagination */
.comment-pagination {
	font-size: 0.9em;
}
.comment-pagination .alignleft {
	float: left;
}
.comment-pagination .alignright {
	float: right;
}

/* Comment Form */
#respond {
	margin: 2.5em 0 0;
}
#commentform {
	padding: 0;
}
#commentform p {
	margin: 1em 0;
}
#commentform input[type="text"], #commentform textarea {
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#commentform label {
	display: block;
	margin: 0.6em 0 0.2em;
}
#commentform #submit {
	display: block;
	font-weight: bold;
	border: none;
	margin-top: 1em;
	padding: 1em 4em;
	text-decoration: none;
	color: #333;
	background: #eee;
}
#commentform #submit:hover {
	background-color: #ddd;
	cursor: pointer;
	text-decoration: none;
}

/* Front Page Template
-------------------------------------------------------------- */

/* Front Page Slideshow */
#frontpage-slider-wrap {
	padding: 0;
	margin-bottom: 2em;
	/* All other Slideshow Styles in flexslider.css */
}

.frontpage-magazine-no-widgets, .frontpage-slider-empty-posts {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
/* General Widget Styling */
/* Q&A タイトル */
#frontpage-magazine-widgets .widget {
	margin: 0 0 2em 0;
	padding: 0;
}
#frontpage-magazine-widgets .widget .widgettitle {
	/*font-family: 'Raleway', Arial, Tahoma;
	font-size: 0.9em;
	padding: 0.9em;
	margin: 0 0 1.5em 0;
	background: #004488;
	color: #fff;
	box-shadow: inset 0 0 1px #bbb;
	border: 1px solid #004488;*/

	font-size: 1.3em;
	padding: 0.4em 0.9em;
	margin: 0 0 0.5em 0;
	background: #70AD2E;
	color: #fff;
	box-shadow: inset 0 0 1px #bbb;
	border: 1px solid #C4DF8F;
	font-weight: bold;
}

/* Category Posts Widgets */
.widget-category-posts {
	margin-bottom: -1.5em;
}
.widget-category-posts .widgettitle .category-archive-link {
	float: right;
	padding-top: 0.2em;
}
.widget-category-posts .widgettitle .category-archive-link .genericon-next {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	font-size: 21px;
	font-family: 'Genericons';
	text-decoration: inherit;
	vertical-align: top;
	content: '\f429';
	margin: -4px -4px 0 0;
}
.widget-category-posts .widgettitle .category-archive-link .genericon-next:hover {
	text-decoration: none;
}
.widget-category-posts .type-post {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
}
.widget-category-posts .big-post .post-title {
	font-size: 1.1em;
	/*background: #f9f9f9 url(images/bg_manubar.gif) repeat top; 
	border: 1px #c0c0c0 solid;*/
	border-radius: 0;/*左側のまるみをクリア*/
	padding: 0.8em 0.1em 0.5em 0em;
	background: #fff;
}

.widget-category-posts .big-post .post-title:before {
	display:none;
}

.widget-category-posts .big-post .wp-post-image {
	margin: 0 0 0.5em 0;
}
.widget-category-posts .small-post {
	float: left;
	display: block;
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #ddd;
}
.widget-category-posts .small-post .wp-post-image {
	float: left;
	margin: 0 1em 0 0;
	max-width: 30%;
}
.widget-category-posts .small-post .small-post-content {
	padding: 0.4em 0.8em;
}
.widget-category-posts .small-post .post-title {
	border: none;
	background: none;
	margin: 0 0 0.3em;
	padding: 0.4em 0.2em;
	font-size: 1.0em;
	border-radius: 0;/*左側のまるみをクリア*/
}
.widget-category-posts .small-post .post-title:before {
display:none; /*疑似要素は表示しない*/
}


.widget-category-posts .small-post .postmeta {
	display: inline;
}
.widget-category-posts .small-post .postmeta .meta-date:before{
	content: '\f307';
}
.widget-category-posts .small-post .postmeta .meta-comments:before{
	content: '\f300';
}
.widget-category-posts .widget-category-posts-content .small-posts .small-post:last-child,
.widget-category-posts .category-posts-columns .small-post:last-child,
.widget-category-posts .category-posts-grid-row:last-child .small-post {
	border-bottom: none;
}

/* Category Posts Boxed Widget */
#widget-category-posts-boxed .big-post {
	float: left;
	width: 50%;
	padding-right: 1em;
	margin-bottom: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-boxed .small-posts {
	width: 50%;
	margin-left: 50%;
	padding-left: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Category Posts Grid Widget */
#widget-category-posts-grid .category-posts-grid-row {
	margin-right: -2em;
}
#widget-category-posts-grid .category-posts-grid-row .big-post,
#widget-category-posts-grid .category-posts-grid-row .small-post-wrap {
	float: left;
	width: 50%;
	margin-top:1.7em;
	padding-right: 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#widget-category-posts-grid .category-posts-grid-row .big-post .entry{
	border-bottom: 1px dashed #aaa;
}

#widget-category-posts-grid .category-posts-grid-row .small-post-wrap {
	padding-right: 2em;
}


/* Front Page Category Area Thre (two columns) */
#widget-category-posts-columns .category-posts-column-left {
	float: left;
	width: 50%;
	padding-right: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-columns .category-posts-column-right {
	margin-left: 50%;
	width: 50%;
	padding-left: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#widget-category-posts-columns .category-posts-columns .big-post {
	margin-bottom: 1.5em;
}


/* Footer
-------------------------------------------------------------- */
#footer {
	margin-top: 1px;
	padding: 1.2em;
	color: #00806D;
	border-top: 4px solid #70AD2E;
	background: #E8F3D9;
}
#footer #credit-link {
	float: right;
	font-size: 0.85em;
}
#footer #credit-link a:link, #footer #credit-link a:visited {
	color: #00806D;
	border-bottom: 1px dotted #ccc;
}
#footer #credit-link a:hover, #footer #credit-link a:active {
	border-bottom: none;
	text-decoration: none;
}

#footerlogo {
	float: left;
	margin-left: 2.0em;
	margin-right: 6.0em;
}

/* Footer Navigation Menu */
#footernav-icon {
	display: none;
}
#footernav {
	float: left;
	margin-top: 1.0em;
	margin-left: 1.0em;
}
#footernav-menu {
	float: left;
	/*list-style-type: none;*/
	list-style-image: url(images/point_arrow01.gif);
	list-style-position: outside;
	position: relative;
}
#footernav-menu li {
	float: left;
	position: relative;
	padding-right: 1.2em;
	margin-right: 1.2em;
	/*border-right: 1px dashed #aaa;*/
}
#footernav-menu a {
	display: inline-block;
	text-decoration: none;
	font-size: 0.9em;
}
#footernav-menu a:link, #footernav-menu a:visited{
	color: #00806D;
	text-decoration: none;
}
#footernav-menu a:hover {
	text-decoration: underline;
}

#footer-text {
	clear:both;
	padding-top:2.0em;
	text-align:center;
}

/* コメントへのリンク 「Leave a comment」 を非表示
-------------------------------------------------------------- */
.meta-comments {
	/*display:none;*/
}

/* Q&A
-------------------------------------------------------------- */

/* --- Answerエリア --- */

div.qa {
	padding-left:3.0em;
	padding-top:1.0em;
background: #ffffff url(images/icon_a.gif) no-repeat 4px 8px; /* Answerエリアの背景 */
}


/* ソーシャルボタン
-------------------------------------------------------------- */
 
div.sbver ul    {margin: 0;
        padding: 0}
 
div.sbver li    {list-style-type: none;
        float: left;
        margin-right: 10px}

/*============================ MEDIA QUERIES ============================*/

/*===============================================
 画面の横幅が 1120px まで
===============================================*/
/* Small screens | <1120px */
@media only screen and (max-width: 70em) {
	#wrapper {
		width: 94%;
	}
	#content {
		width: 67%;
	}
	#sidebar {
		margin-left: 67%;
		width: 33%;
	}
	#logo .site-title, #logo .logo-image {
		float: none;
	}
	#logo .site-description {
		float: none;
		margin: 0.4em 0 0 0;
		font-size: 1.2em;
	}
	.widget-category-posts .type-post .post-title {
		font-size: 1.1em;
	}
	.widget-category-posts .small-post .post-title{
		font-size: 1.05em;
	}
}

/*===============================================
 画面の横幅が 1040px まで
===============================================*/
/* Smaller screens | <1120px */
@media only screen and (max-width: 65em) {
	#wrapper {
		width: 96%;
		margin: 1em auto;
	}
	#logo .site-description {
		font-size: 1.1em;
	}
}

/*===============================================
 画面の横幅が 960px まで
===============================================*/
/* Tablets (landscape) | <960px */
@media only screen and (max-width: 60em) {
	#wrapper {
		width: 100%;
		margin: 0;
	}
	#header {
		padding: 2em;
		text-align: center;
	}
	#content {
		float: none;
		width: 100%;
	}
	#sidebar {
		clear: both;
		margin: 2em 0 0;
		width: 100%;
	}
	#logo {
		float: none;
		width: 100%;
	}
	#logo .site-title, #logo .logo-image {
		float: none;
	}
	#logo .site-description {
		float: none;
		margin: 0.4em 0 0 0;
		font-size: 1.2em;
	}
	#header-content {
		display: block;
		text-align: center;
	}
	#header-content div {
		float: none;
		margin: 1em 0 0;
	}
	#header-content #header-search .search-form {
		display: inline-block;
		max-width: 350px;
	}
	#header-content #social-icons-menu li {
		float: none;
		display: inline-block;
		margin: 0 1px 2px 0;
		padding: 0;
		background: #222;
	}

	/* Mobile Main Navigation */
	
	/* Reset */
	#mainnav, #mainnav-menu, #mainnav-menu li, #mainnav-menu a, #mainnav-menu ul, 
	#mainnav-menu ul a, #mainnav-menu ul ul, #mainnav-menu li ul ul 
	{
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		display: inline;
		font-size: 1.0em;
		border: none;
		box-shadow: none;
		background: none;
		top: 0;
		left: 0;
	}
	#mainnav-menu li:hover ul ul, #mainnav-menu li:hover ul ul ul, #mainnav-menu li:hover ul ul ul ul,
	#mainnav-menu li:hover ul, #mainnav-menu li li:hover ul, #mainnav-menu li li li:hover ul, #mainnav-menu li li li li:hover ul
	{
		display: inline;
	}
	
	#mainnav {
		margin: 1.5em 0;
		float: none;
	}
	#mainnav-icon {
		display: block;
		padding: 1.2em 1.5em;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.0em;
		font-family: 'Bitter', Georgia, Arial, Tahoma;
		color: #fff;
		background: #70AD2E;
		-webkit-transition: all 0.1s ease-out;
		-moz-transition: all 0.1s ease-out;
		-ms-transition: all 0.1s ease-out;
		-o-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;	
	}
	#mainnav-icon:hover {
		cursor: pointer;
		background: #27853D;
	}
	#mainnav-icon:after {
		float: right;
		margin: -0.15em 0 0;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		content: '\f419';
		font: normal 24px/1 Genericons;
		text-decoration: inherit;
		vertical-align: text-bottom;
	}
	#mainnav-menu {
		width: 100%;
		display: none;
		border-top: 1px solid #fff;
		background: #303030;
	}
	#mainnav-menu a {
		display: block;
		padding: 1.0em;
		text-decoration: none;
		font-size: 1.0em;
		border-bottom: 1px solid #444;
		background: #303030;
background-image: url("http://www.whatsmynumber.jp/images/bg_manubar.gif");
		clear: left;
	}
	#mainnav-menu a:hover {
		background: #404040; 
background-image: url("http://www.whatsmynumber.jp/images/bg_manubar_over.gif");
	}
	#mainnav-menu ul {
		float: left;
		background: #303030;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mainnav-menu ul a {
		display: block;
		width: 100%;
		padding: 1em 1em 1em 3em;
		font-size: 0.9em;
		border-bottom: 1px solid #444;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mainnav-menu ul li ul a {
		padding-left: 5em;
	}
	#mainnav-menu ul li ul li ul a{
		padding-left: 7em;
	}
	#mainnav-menu li.current_page_item a, #mainnav-menu li.current-menu-item a {
		text-decoration: underline;
	}
	#mainnav-menu li.current_page_item ul li a, #mainnav-menu li.current-menu-item ul li a{
		text-decoration: none;
	}
	#mainnav-menu ul li.current_page_item a, #mainnav-menu ul li.current-menu-item a {
		text-decoration: underline;
	}
	
	.widget-category-posts .type-post .post-title {
		font-size: 1.2em;
	}
	.widget-category-posts .small-post .post-title{
		font-size: 1.1em;
	}
}

/*===============================================
 画面の横幅が 800px まで
===============================================*/
/* Tablets (portrait) | <800px */
@media only screen and (max-width: 50em) {
	#logo .site-title {
		font-size: 1.0em; /*サイトタイトルのフォントサイズ*/
	}
	#logo .site-description {
		font-size: 1.1em;
	}
	
	/* Mobile Top Navigation */
	
	/* Reset */
	#topnav, #topnav-menu, #topnav-menu li, #topnav-menu a, #topnav-menu ul {
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		display: inline;
		font-size: 1.0em;
		border: none;
		box-shadow: none;
		background: none;
		top: 0;
		left: 0;
	}
	
	#topnav {
		float: none;
	}
	#topnav-icon {
		display: block;
		padding: 0.5em;
		text-decoration: none;
		font-size: 0.9em;
		color: #333;
		background: #eee;
	}
	#topnav-icon:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	#topnav-icon:after {
		float: right;
		margin: 0.05em 0 0;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		content: '\f419';
		font: normal 14px/1 Genericons;
		text-decoration: inherit;
		vertical-align: text-bottom;
	}
	#topnav-icon:hover:after {
		text-decoration: none;
	}
	#topnav-menu {
		width: 100%;
		display: none;
		border-top: 1px solid #e5e5e5;
		background: #f5f5f5;
	}
	#topnav-menu a {
		display: block;
		padding: 0.7em 1em;
		text-decoration: none;
		font-size: 0.9em;
		border-bottom: 1px solid #e5e5e5;
		clear: left;
	}
	#topnav-menu a:hover {
		text-decoration: underline;
	}
	#topnav-menu li.current_page_item a, #topnav-menu li.current-menu-item a {
		text-decoration: underline;
	}
	
	
	.entry h1, .comment h1 {
	font-size: 2.2em;
	}
	.entry h2, .comment h2 {
		font-size: 1.3em;
	}
	.entry h3, .comment h3 {
		font-size: 1.1em;
	}
	.entry tr th,
	.entry thead th {
		padding: 0.2em 0.4em;
	}
	.entry tr td {
		padding: 0.2em 0.4em;
	}
	.widget-category-posts .type-post .post-title {
		font-size: 1.1em;
	}
	.widget-category-posts .small-post .post-title{
		font-size: 1.0em;
	}
	
	/* Mobile Footer Navigation */
	#footer #credit-link {
		margin-top: -1.2em;
	}
		
	/* Reset */
	#footernav, #footernav-menu, #footernav-menu li, #footernav-menu a, #footernav-menu ul {
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		display: inline;
		font-size: 1.0em;
		border: none;
		box-shadow: none;
		background: none;
		top: 0;
		left: 0;
	}
	#footernav {
		float: none;
	}
	#footerlogo {
		float: none;
		margin-bottom: 1em;
	}
	#footernav-icon {
		display: block;
		text-decoration: none;
		font-size: 0.9em;
		color: #00806D;
	}
	#footernav-icon:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	#footernav-icon:after {
		margin: 0.05em 0 0 1em;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		content: '\f419';
		font: normal 14px/1 Genericons;
		text-decoration: inherit;
		vertical-align: text-bottom;
	}
	#footernav-icon:hover:after {
		text-decoration: none;
	}
	#footernav-menu {
		display: none;
		width: 100%;
		padding-bottom: 1em;
	}
	#footernav-menu ul {
		list-style:none;
	}
	#footernav-menu li {
		display: block;
		padding: 0.8em 0.4em;
		border-top: 1px dashed #aaa;
	}
	#footernav-menu a {
		display: inline-block;
		text-decoration: none;
		font-size: 0.9em;
	}
	#footernav-menu a:hover {
		text-decoration: underline;
	}

	/* 文字サイズ大中小 非表示 */
	/* 検索フィールド 非表示 */
	#headerbtm_fontsize, #header-content {
		display: none;
	}
}

/*===============================================
 画面の横幅が 640px まで
===============================================*/
/* Phablets (portrait) | <640px */
@media only screen and (max-width: 40em) {
	#content {
		padding: 1em 1em 0;
	}
	.type-post, .type-page, .type-attachment  {
		margin: 0 0 1em 0;
	}
	.page-title {
		font-size: 1.3em;
	}
	.post-title {
		font-size: 1.1em;
	}

	/* Frontpage Categories */
	.widget-category-posts .type-post {
		margin: 0 0 1em 0;
	}
	#widget-category-posts-grid .category-posts-grid-row {
		margin-right: 0;
	}
	#widget-category-posts-grid .category-posts-grid-row .big-post,
	#widget-category-posts-grid .category-posts-grid-row .small-post-wrap,
	#widget-category-posts-boxed .big-post,
	#widget-category-posts-columns .category-posts-column-left {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	#widget-category-posts-boxed .small-posts,
	#widget-category-posts-columns .category-posts-column-right {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
	}
	#widget-category-posts-boxed .small-posts {
		padding-bottom: 0.5em;
	}
	#widget-category-posts-columns .category-posts-column-right {
		margin-top: 1.5em;
	}

}

/*===============================================
 画面の横幅が 480px まで
===============================================*/
/* Smartphones | <480px */
@media only screen and (max-width: 30em) {
	#logo .site-title {
		font-size: 1.0em;  /*サイトタイトルのフォントサイズ*/
	}
	#logo .site-description {
		font-size: 1.0em;
	}
	.alignright, .alignleft {
		float: none;
		margin: 1em 0;
	}
	#footer #credit-link {
		margin-top: 1.2em;
		float: none;
	}
}

/*===============================================
 画面の横幅が 320px まで
===============================================*/
/* Smartphones | <320px */
@media only screen and (max-width: 20em) {
	.postmeta span, .postinfo span {
		display: block;
	}
	.widget-category-posts .type-post .post-title {
		font-size: 1.0em;
	}
	.widget-category-posts .small-post .post-title{
		font-size: 0.9em;
	}
}

/*===============================================
 画面の横幅が 960px 以上
===============================================*/
/* Big Screens Navi Fix | >720px */
@media only screen and (min-width: 60em) {
	/* ensure #nav is visible on desktop version */
	#mainnav-menu {
		display: block !important;
	}
	#mainnav-menu li.menu-item:hover a {
		background: #303030;
	}
	#mainnav-menu li.menu-item:hover a:hover {
		background: #444;
		background-image: url("http://www.whatsmynumber.jp/images/bg_manubar_over.gif");
	}
}
/*===============================================
 画面の横幅が 800px 以上
===============================================*/
@media only screen and (min-width: 50em) {
	/* ensure #topnav, #footernav is visible on desktop version */
	#topnav-menu, #footernav-menu {
		display: block !important;
	}
}