@charset "UTF-8";

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family:"Open Sans","Helvetica Neue","Arial",sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;

	margin :0;
	padding: 0;
}

/* 20190531
AdSenseの広告の周りに黄色の背景が表示される理由と対処法より */
ins.adsbygoogle { background: transparent !important; }

/* =Structure
----------------------------------------------- */

body {
	margin :0;
	padding: 0;
	background:#e5e5e5;
}
#page {
	margin :0;
	padding: 0;
}

header {

	background:#fff;
	padding: 0;
}

#branding hgroup {
	max-width: 1010px;
	margin :0 auto 0;
	padding: 0;
}
#access div {

	margin: 0;

}

#main {
	margin:0;
	width:100%;
	background:#e5e5e5;
}

#maincontents {
	margin: 10px auto 10px auto;
	padding:0;
	width: 1010px;
	background:#e5e5e5;
}

#primary {
	float: left;
	position: relative;
	z-index: 1;
	max-width:700px;
	background:#fff;
	margin:10px 0 10px 0;
	background-image:-moz-linear-gradient(top, #fff, #fff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff), color-stop(1,#fff));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
#content {
	margin: 0;
	background:#fff;
	width:680px;
	margin:0 10px 0 10px;

}

#a_under {width: 100%;}
#a_under .left {
	float: left;
	width: 338px;
	height:280px;
}
#a_under .right {
	float: right;
	width: 280px;
	height:280px;
}

.widget-area ul,
.widget-area ol {
	margin:0;
	padding:0;
}
.widget-area ul li,
.widget-area ol li {
	margin:2px 6px 2px 30px;
	padding:0 0 4px 0;
	line-height:1.2em;
	border-bottom:1px dotted #333;
}
.widget-area ul li a,
.widget-area ol li a {
	font-weight:normal;
}

#thirdary {
	float: right;
	position: relative;
	width:304px;
	background:#fcfcfc;
	margin:10px 0 10px 0;
	padding:0 0 0 3px;
	background-image:-moz-linear-gradient(top, #fff, #fff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff), color-stop(1,#fff));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
}
.thirdary-contents { position: relative; }
.thirdary_fixed { position: sticky; top: 10px; }

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	min-width:570px;
	margin: 0;
	background:#eee;
	width:630px;
	margin:0;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */


/* Simplify the showcase template */
.one-column .page-template-showcase-php section.recent-posts {
	float: none;
	margin: 0;
	margin: 0 0 0 -26.4%;
}

/* Simplify the showcase template when small feature */
.one-column section.featured-post .attachment-small-feature {
	border: none;
	display: block;
	height: auto;
	max-width: 60%;
	position: static;
}
.one-column article.feature-image.small {
	margin: 0 0 1.625em;
	padding: 0;
}
.one-column article.feature-image.small .entry-title {
	margin:0;
	font-size: 22px;
	line-height: 1.3em;
	font-weight: bold;
	color:#333;
}
.one-column article.feature-image.small .entry-summary {
	height: 150px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
	left: -9%;
}
/* Remove the margin on singular articles */
.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
	max-width:600px;
	margin:0;
}
/* Simplify the pullquotes and pull styles */
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
/* Make sure we have room for our comment avatars */
.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */
.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}
/* Talking avatars take up too much room at this size */
.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.0em;
	left: auto;
	right: 1.0em;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 1.2em;
	left: 1.2em;
}
.one-column #respond {
	width: auto;
}


/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1.4em;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
b,
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}

blockquote {
	font-size:12px;
	font-style: normal;
	font-weight: normal;
	margin: 0 0 1.4em 0;
	padding:4px 4px 2px 10px;
	background-color:#efefef;
	line-height:1.5;
}
blockquote p {
	padding: 1.4em 0 0 0;
}

blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.5em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Forms */
input[type=text],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	width:250px;
	height: 22px;
	line-height: 1.2em;
	margin:10px 0 5px 2px;
	padding: 4px 4px 4px 30px;
}
input#searchsubmit {
	display: none;
}

#archive-dropdown {
border-radius: 2px;
font-size: 14px;
width: 300px;
height: 40px;
line-height: 1.2em;
margin: 10px auto 5px auto;
padding: 4px 4px 4px 4px;
}

/* Links */
a {
	color: #0f5eb7;
	text-decoration: none;

}
a:focus,
a:active,
a:hover {
	color: #df3188; text-decoration: underline;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 10px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 0;
}

/* =Header
----------------------------------------------- */

#branding {
	border-top: 20px solid #c1e837;
	margin:0;
	padding:0;
	position: relative;
	z-index: 2;
}

#branding hgroup {
	position: relative;
}

#title {
	margin: 0;
	padding: 0;
}

#branding hgroup #feed{
	width:32px;
	height:32px;
	position : absolute ;
	right : 20px ; bottom : 20px ;
	display:block;
	padding:0;
	margin:0;
}

#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #222;
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a));
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px;
	clear: both;
	display: block;
	margin: 0 auto 0;
	width: 100%;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	float: left;
}
#access ul {
	font-size: 10px;
	list-style-type:none;
	margin: 0;
	padding-left: 0;
}
#access ul li {
	float: left;
	position: relative;
	display:inline;
}
#access ul li.sub {
	float: left;
	position: relative;
	display:inline;
	margin-left:30px;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	margin: 0.5em 0 0.5em 0.1em;
	padding: 0 0.5em;
	text-decoration: none;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #bfbbbb;
	color: #000000;
	background-image:-moz-linear-gradient(top, #c1e837, #e5fa98);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c1e837), to(#e5fa98), color-stop(1,#e5fa98));

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/*Responsive Navigation*/
.navclear:before,
.navclear:after {
    content: " ";
    display: table;
}
.navclear:after {
    clear: both;
}
.navclear {
    *zoom: 1;
}
nav {
	position: relative;
}
nav a#pull {
	display: none;
}
@media only screen and (max-width : 768px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		width: 100%;
		height:40px;
		position: relative;
		margin:0;
		padding:0;
		line-height: 3.0em;
		font-size: 12px;
	}
	nav a#pull span{
		padding-left:20px;
	}
	nav a#pull:after {
		content:"";
		background: url('//buzzap.jp/wp-content/themes/bz/images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	nav a#pull:active,
	nav a#pull:focus {
		background: #222;
		color: #eee;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		-khtml-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}
}

/* Search Form */
#branding #searchform {
	position: absolute;
	top: 3.8em;
	right: 7.6%;
	text-align: right;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search #searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}

/* =Content
----------------------------------------------- */

#main {
	clear: both;
	margin:0 auto 0;
	padding: 0;
	width: 100%;
	background:#e5e5e5;

}
.page-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry,
.no-results {
	margin: 0 0 1.625em;
	padding: 0 0 1.625em;
	position: relative;
}
.hentry:last-child,
.no-results {
	border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title {
	margin:0;
	padding: 0 2px 5px 0;
}
.entry-title {
	clear: both;
	color:#333;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3em;
	margin:10px 0 5px 0;
	padding: 0;


}
.entry-title,
.entry-title a {
	color: #333;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}


.entry-meta {

	color: #666;
	clear: both;
	font-size: 12px;
	background:#e5fa98;
	border:1px solid #dbf970;
	padding: 4px 4px 4px 4px;
	margin: 1px 0 5px 0;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;

}
.entry-meta a {
	font-weight: bold;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content,
.entry-summary {
	padding: 0;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
	background:#fff;
}
.entry-content h3,
.comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table,
.comment-content table {
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

.comment-content ul,
.comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 3px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}

.entry-content .thumblist{
	width:620px;
}

.entry-content p {
	font-size:100%;
	color:#555;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
/*
	max-width: 97.5%;
*/
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 97.5%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.625em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 6px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
.wp-caption img {
	border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}

/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
}
.archive #author-info {
	margin: 0 0 1em;
	padding: 0 0 1em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}

/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}

.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	margin-top:5px;
	padding-top: 0;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
	padding: 0;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	margin-top:5px;
	padding-top: 0;
}

/* Singular content styles for Posts and Pages */
.singular .hentry {
	border-bottom: none;
	padding: 4.875em 0 0;
	position: relative;
}
.singular.page .hentry {
	padding: 3.5em 0 0;
}
.singular .entry-title {
	color: #000;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3em;
}
.singular .entry-title,
.singular .entry-header .entry-meta {
	padding-right: 0;
}
.singular .entry-header .entry-meta {
	position: absolute;
	top: 0;
	left: 0;
}
blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 1.625em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
	margin: 0 1.625em 0 0;
	text-align: right;
	width: 33%;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 1.625em;
	text-align: left;
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}
.singular .entry-meta .edit-link a {
	bottom: auto;
	left: 50px;
	position: absolute;
	right: auto;
	top: 80px;
}

/* =About
----------------------------------------------- */

#about {margin: 0; padding:0;}
#about .concept {max-width:630px; margin: 10px 0 10px 0; padding:10px 0 10px 0;}
#about .concept p {text-align:left; color:#666666;}
#about .concept p b {text-align:left; color:#333333; font-size:140%;}
#about .mem {max-width:630px; margin: 0 0 10px 0;}
#about .mem .name{ float: left; width: 130px; height:180px; margin-right:10px;}
#about .mem .txt{ float: left; max-width: 480px; }
#about .mem .txt h3{ font-weight: bold; font-size:110%;}
#about .mem .txt h3 span{padding-left:1em; font-weight: normal; color:#999; font-size:80%;}
#about .mem .txt p{ margin: 0 0 5px 0; color:#666;}
#about .mem .txt dl{ margin:0; padding:0;}
#about .mem .txt dt{ margin: 0 0 0 0; float: left; font-weight: bold; width:100px;}
#about .mem .txt dd{ margin: 0 0 0 0;}
.reset{
	clear:both;
	display:block;
	height:1px;
	font-size:1px;
	line-height:1px;
	}

/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 0;
}


/* =Link
----------------------------------------------- */

.format-link .entry-title,
.format-link .entry-header .comments-link {
	display: none;
}
.singular .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 0;
}


/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
	display: none;
}
.singular .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}


/* =Quote
----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}


/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image p,
.indexed.format-image p img {
	margin-bottom: 0;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	margin-top: -7px;
	padding: 4px 4px;
	overflow: hidden;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}


/* =error404
----------------------------------------------- */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.4em 4.0%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}


/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* Intro */
article.intro {
	background: #f9f9f9;
	border-bottom: none;
	margin: -1.855em -8.9% 1.625em;
	padding: 0 6.9%;
}
article.intro .entry-title {
	display: none;
}
article.intro .entry-content {
	color: #111;
	font-size: 16px;
}
article.intro .edit-link a {
	background: #aaa;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 0 8px;
	position: absolute;
	top: 30px;
	right: 20px;
	text-decoration: none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
	background: #777;
}

/* Featured post */
section.featured-post {
	float: left;
	margin: -1.4em -4.9% 1.625em;
	padding: 1.4em 4.9% 0;
	position: relative;
	width: 100%;
}
section.featured-post .hentry {
	border: none;
	color: #666;
	margin: 0;
}
section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Small featured post */
section.featured-post .attachment-small-feature {
	float: right;
	height: auto;
	margin: 0 -8.9% 1.625em 0;
	max-width: 59%;
	position: relative;
	right: -15px;
}
section.featured-post.small {
	padding-top: 0;
}
section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
	opacity: .8;
}
article.feature-image.small {
	float: left;
	margin: 0 0 1.625em;
	width: 45%;
}
article.feature-image.small .entry-title {
	line-height: 1.2em;
}
article.feature-image.small .entry-summary {
	color: #555;
	font-size: 13px;
}
article.feature-image.small .entry-summary p a {
	background: #222;
	color: #eee;
	display: block;
	left: -23.8%;
	padding: 9px 20px 9px 20px;
	position: relative;
	text-decoration: none;
	top: 20px;
	width: 180px;
	z-index: 1;
}
article.feature-image.small .entry-summary p a:hover {
	background: #1982d1;
	color: #eee;
	color: rgba(255,255,255,0.8);
}

/* Large featured post */
section.feature-image.large {
	border: none;
	max-height: 288px;
	padding: 0;
	width: 100%;
}
section.feature-image.large .showcase-heading {
	display: none;
}
section.feature-image.large .hentry {
	border-bottom: none;
	left: 9%;
	margin: 1.625em 9% 0 0;
	position: absolute;
	top: 0;
}
article.feature-image.large .entry-title a {
	background: #222;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 300;
	padding: .2em 10px;
}
section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
	background: #eee;
	background: rgba(255,255,255,0.8);
	color: #222;
}
article.feature-image.large .entry-summary {
	display: none;
}
section.feature-image.large img {
	display: block;
	height: auto;
	max-width: 97.5%;
	padding: 0 0 6px;
}

/* Featured Slider */
.featured-posts {
	display: block;
	height: 328px;
	margin: 1.625em -8.9% 20px;
	min-width: 1070px;
	max-width: 1200px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.featured-posts .showcase-heading {
	padding-left: 8.9%;
}
.featured-posts section.featured-post {
	background: #fff;
	height: 288px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	width: auto;
}
.featured-posts section.featured-post.large {
	max-width: 100%;
	overflow: hidden;
}
.featured-posts section.featured-post {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 200ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-timing-function: ease;
}
.featured-posts section.featured-post {
	opacity: 0;
	visibility: hidden;
}
.featured-posts #featured-post-1 {
	opacity: 1;
	visibility: visible;
}

.featured-post .feature-image.small:after {
	top: 253px;
}
#content .feature-slider {
	top: 5px;
	right: 8.9%;
	overflow: visible;
	position: absolute;
}
.feature-slider ul {
	list-style-type: none;
	margin: 0;
}
.feature-slider li {
	float: left;
	margin: 0 6px;
}
.feature-slider a {
	background: #3c3c3c;
	background: rgba(60,60,60,0.9);
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	display: block;
	width: 14px;
	height: 14px;
}
.feature-slider a.active {
	background: #1982d1;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	cursor: default;
	opacity: 0.5;
}

/* Recent Posts */
section.recent-posts {
	padding: 0 0 1.625em;
}
section.recent-posts .hentry {
	border: none;
	margin: 0;
}
section.recent-posts .other-recent-posts {
	list-style: none;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	padding: 0.3125em 0;
	position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
	border-top: 1px solid #ddd;
	font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: #373737;
	float: left;
	max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
	content: '-';
	color: transparent;
	font-size: 11px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}
section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
	bottom: -2px;
	color: #444;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	padding: 0.3125em 0 0.3125em 1em;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
	border-color: #bbb;
	color: #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
	color: #1982d1;
	border-color: #1982d1;
}
section.recent-posts .other-recent-posts li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}


/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
/*#nav-above {display: none;}*/

.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 40%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 40%;
}

#nav-above .nav-previous a, #nav-above .nav-next a, #nav-below .nav-previous a, #nav-below .nav-next a {font-size:1.4em;}

#content nav .meta-nav {
	font-weight: normal;
}

/* Singular navigation */
#nav-single {
	clear:both;
	position: relative;
	top: -0.3em;
	width: 100%;
	z-index: 1;
	margin:20px 0 20px;
}

#nav-single .nav-previous {
	float: left;
	width: 48%;
	font-size:16px;
}
#nav-single .nav-next {
	float: right;
	width: 48%;
	font-size:16px;
}

#nav-single .nav-next {
	padding-left: .5em;
}



ul#iconlist{
	width:300px;
	margin:0;
	padding:0;
	display:block;
	text-align: left;
	z-index:1;
	position: relative;
	}
ul#iconlist li.tw{
	width:70px;
	height:70px;
	position : absolute ;
	left :1px ; top : 0px ;
	display:block;
	list-style-type:none;
	padding:0;
	margin:0;
	}
ul#iconlist li.fb{
	width:70px;
	height:70px;
	position : absolute ;
	left : 77px ; top : 0px ;
	display:block;
	list-style-type:none;
	padding:0;
	margin:0;
	}
ul#iconlist li.ft{
	width:70px;
	height:70px;
	position : absolute ;
	left : 153px; top : 0px ;
	display:block;
	list-style-type:none;
	padding:0;
	margin:0;
	}
ul#iconlist li.rs{
	width:70px;
	height:70px;
	position : absolute ;
	left : 229px; top : 0px ;
	display:block;
	list-style-type:none;
	padding:0;
	margin:0;
	}
ul#iconlist li.tw a,
ul#iconlist li.tw a:hover,
ul#iconlist li.fb a,
ul#iconlist li.fb a:hover,
ul#iconlist li.ft a,
ul#iconlist li.ft a:hover,
ul#iconlist li.rs a,
ul#iconlist li.rs a:hover{
	margin: 0;
	padding: 0;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	background-color:#ffffff;
	background: url(//buzzap.jp/wp-content/themes/bz/images/icon_bk.png);
	background-repeat: no-repeat;
	display: block;
	width:70px;
	height:70px;
	overflow:hidden;
}

ul#iconlist li.tw a,
ul#iconlist li.tw a:hover{
	background-position:0px 0px;
	}
ul#iconlist li.fb a,
ul#iconlist li.fb a:hover{
	background-position:0px -70px;
	}
ul#iconlist li.ft a,
ul#iconlist li.ft a:hover{
	background-position:0px -140px;
	}
ul#iconlist li.rs a,
ul#iconlist li.rs a:hover{
	background-position:0px -210px;
	}
ul#iconlist li.tw a span,
ul#iconlist li.fb a span,
ul#iconlist li.ft a span,
ul#iconlist li.rs a span{
	display: none;
	}



/* =Widgets
----------------------------------------------- */

.widget-title {
	margin:10px 0 10px 0;
	padding: 3px 0 3px 4px;
	color: #222;
	font-size: 100%;
	font-weight: bold;
	background-image:-moz-linear-gradient(top, #c1e837, #e5fa98);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c1e837), to(#e5fa98), color-stop(1,#e5fa98));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.widget-block { width:300px; margin:0 auto 0; padding:5px 0 10px; }

.widget ul {
	font-size: 15px;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: 13px;
}
.widget a {
	font-weight: bold;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}

/* Search Widget */
.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}

/* Ephemera Widget */
section.ephemera ol,
.widget_twentyeleven_ephemera ol {
	list-style: square;
	margin: 5px 0 0;
}
.widget_twentyeleven_ephemera .widget-entry-title {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover,
.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
	color: #29628d;
}

/* sidebaryt_rank */
.sidebaryt_rank { width:300px; margin:0 auto 0; padding:0 0 20px; }
.sidebaryt_rank p { font-size:14px; }
.sidebaryt_rank .yt_title { display: inline-block; color:#0a0a0a; }
.sidebaryt_rank .yt_data { display: inline-block; color:#606060; font-size:14px; }
.sidebaryt_rank .yt_data .yt_sword { color:#cc0000; border: 1px solid #cc0000;}
/* 20181216 */
.btn-yt:hover { background: rgb(255, 0, 0); cursor: pointer; } .btn-yt { font-size: 14px; display: flex; font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; width: 300px; height: auto; color: #fff; font-weight: 700; line-height: 1; align-items: center; justify-content: center; border-radius: 3px; background: rgb(255, 0, 0); } .btn-yt a{ color: #fff; padding: 10px; text-decoration: none; }

/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}

/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* =Footer
----------------------------------------------- */
#colophon { clear: both; width:100%; }
#supplementary { padding: 0; overflow: hidden; }
#site-generator { color: #666; font-size: 12px; line-height: 1.2em; padding: 20px 0 20px 0; text-align: right; max-width: 960px; margin :0 auto 0;}
#site-generator p{ display:inline; padding-right:20px; }
#site-generator address{ display:inline; }
#site-generator a, #site-generator a:link { color: #666; }
#site-generator a:hover { color: #333; }

/* 20181218 */
#ul-comment { clear:both; width:100%; height:28px; }
.btn-comments-all:hover { background: rgb(136, 136, 136); cursor: pointer; } .btn-comments-all {float: right; font-size: 13px; display: flex; font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; width: 210px; height: auto; font-weight: 700; align-items: center; justify-content: center; border-radius: 3px; background: rgb(136, 136, 136); }
.btn-comments-b:hover { background: rgb(136, 136, 136); cursor: pointer; } .btn-comments-b {float: right;  font-size: 13px; display: flex; font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; width: 120px; height: auto; color: #fff; font-weight: 700; line-height: 1; align-items: center; justify-content: center; border-radius: 3px; background: rgb(136, 136, 136); } .btn-comments-b a{ color: #fff; padding: 5px; text-decoration: none; }
#ul-comment .ul-comment-counter{ float: right; width: 90px; height:28px; margin-top:1px; padding-top:1px; align-items: center; justify-content: center; }

/* 20181121 */
.sbmk {display:block;height:34px; margin:0; padding:0; position:relative;}
.sbmk .tw {position:absolute; top:0; left:0; display:block;}
.sbmk .fb {position:absolute; top:-4px; left:110px; display:block;}
.sbmk .gp {position:absolute; top:0; left:270px; display:block;}
.sbmk .hb {position:absolute; top:0; left:380px; display:block;}
.sbmk .ln {position:absolute; top:1px; left:540px; display:block;}
/* 20181117 */
.btn-comments:hover { background: rgb(136, 136, 136); cursor: pointer; } .btn-comments { font-size: 10px; display: flex; font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; width: 90px; height: auto; color: #fff; font-weight: 700; line-height: 1; align-items: center; justify-content: center; border-radius: 3px; background: rgb(136, 136, 136); } .btn-comments a{ color: #fff; padding: 5px; text-decoration: none; }

/* 20150313→20190330[add:sharebtn] */
.sharebtn{width:98%; height:50px; margin:0 auto 4px;}
a.fb-share{ float:left; height:46px; width:31%; margin:0px 5px 5px 0px; line-height: 46px; color:#fff; text-align:center; display:block; text-decoration:none; font:bold 15px; border-radius:3px; background-color:#305097; }
a.fb-share:hover{ background-color:#7D96CE; }
a.twitter-tweet{ float:left; height:46px; width:31%; margin:0px 5px 5px 0px; line-height: 46px; color:#fff; text-align:center; display:block; text-decoration:none; font:bold 15px; border-radius:3px; background-color: #55acee; }
a.twitter-tweet:hover{ background-color:#e1e8ed; color:#55acee; }
a.hatenabtn{ float:left; height:46px; width:31%; margin:0px 5px 5px 0px; line-height: 46px; color:#fff; text-align:center; display:block; text-decoration:none; font:bold 15px; border-radius:3px; background-color:#00A5DE; }
a.hatenabtn:hover{ background-color:#87C8DD;}

.sbmktl {clear:both;display:block;height:70px; margin:0; padding:10px 0 0; position:relative;}
.sbmktl .twtl {position:absolute; top:0; left:4px; display:block;}
.sbmktl .fbtl {position:absolute; top:0; left:81px; display:block;}
.sbmktl .hbtl {position:absolute; top:0; left:155px; display:block;}
.sbmktl .lntl {position:absolute; top:0; left:241px; display:block;}
.sbmktl .mxtl {position:absolute; top:0; left:280px; display:block;}
/* 20150313→20190330[add:sharebtn] */

/* 20190411[amazlet]↓ */
.amazlet-box {
color: #3E3E3E;
background: #fff;
font-size: 16px;
line-height: 1.5;
margin-top:32px;
margin-bottom:32px !important;
padding: 26px 16px;
border: 1px solid #eee;
position: relative;
}
.amazlet-box a {
text-decoration: underline;
box-shadow:none;
}
.amazlet-box a:hover {
box-shadow:none;
}
.amazlet-image {
margin: 0px 14px 1px 0px !important;
}
.amazlet-image img {
margin: 0;
}
.amazlet-name a {
color: #3f89ff;
}
.amazlet-name a:hover {
color: #ffb83f;
}
.amazlet-powered-date {
font-size: 10px !important;
}
.amazlet-detail {
font-size: 12px;
}
.amazlet-link {
margin-top: 10px !important;
}
.amazlet-link a {
padding: 12px; /* ボタン内側の余白 */
border-radius: 3px;
border-bottom: 3px solid #FF9901;
margin: 10px 0;
background-color: #FFA01C;
color: #fff;
text-decoration: none;
width: 278px; /* ボタンの幅 */
display: block;
text-align: center;
font-size: 16px;
}
.amazlet-link a:hover {
color: #fff !important;
}

/***  amazlet 解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.amazlet-box {
    font-size: 14px;
}
.amazlet-image {
    margin: 0px 10px 1px 0px !important;
}
.amazlet-sub-info {
    width: 100%;
}
.amazlet-detail {
    font-size: 11px;
}
.amazlet-link a {
    width: 96%;
    margin-right: 6px;
}
}
/* 20190411[amazlet]↑ */

/* 20190327[add:kaereba] */
/* ************************************* */
/* カエレバ、ヨメレバ、トマレバ */
/* ************************************* */
/* 基本style */
.kaerebalink-box, .booklink-box, .tomarebalink-box { margin: 0.5em 0 0.5em; padding:0 0.5em; overflow: hidden; font-size: small; }
.kaerebalink-box a, .booklink-box a, .tomarebalink-box a{ text-decoration: none; }
.kaerebalink-image, .booklink-image, .tomarebalink-image{ text-align: center; margin: 5px auto!important; float: none!important; }
.kaerebalink-name, .booklink-name, .tomarebalink-name{ font-weight: bold; font-size: 120%; line-height: 1.8!important; margin-bottom: 10px!important; }
.kaerebalink-name p:empty, .booklink-name p:empty, .tomarebalink-name p:empty{ display: none; }
.kaerebalink-powered-date, .booklink-powered-date, .tomarebalink-powered-date, .kaerebalink-detail, .booklink-detail, .tomarebalink-address { font-size: 10px!important; font-weight: normal; }
.kaerebalink-link1, .booklink-link2, .tomarebalink-link1 { overflow: hidden; }
.kaerebalink-link1 div, .booklink-link2 div, .tomarebalink-link1 div { background-image: none!important; margin: 0!important; padding: 3px!important; display: inline-block!important; width: 46%; }
.kaerebalink-link1 div a, .booklink-link2 div a, .tomarebalink-link1 div a{ font-size: 90%; font-weight: bold; border-radius: 5px; padding: 0.7em 0.2em; width: 98%; text-align: center; display: block; }
.kaerebalink-link1 div img, .booklink-link2 div img, .tomarebalink-link1 div img{ display: none; }

/* 画面幅768px以上の場合のstyle */
@media only screen and (min-width: 768px) {
.kaerebalink-image, .booklink-image, .tomarebalink-image { float: left!important; margin: 0 0.5em 0.5em 0!important; }
}
/* ▼ボタンカラーここから▼ */
.shoplinkamazon a, .shoplinkamazon a:hover{
color: #fff; background-color: #e89713; }
.shoplinkrakuten a, .shoplinkrakuten a:hover{
color: #fff; background-color: #d91414; }
.shoplinkyahoo a, .shoplinkyahoo a:hover{
color: #fff; background-color: #691ed5; }
.shoplinkjalan a, .shoplinkjalan a:hover{
color: #fff; background-color: #ed5016; }
.shoplinkjtb a, .shoplinkjtb a:hover{
color: #fff; background-color: #e10b0b; }
.shoplinkknt a, .shoplinkknt a:hover{
color: #fff; background-color: #0f75c2; }
.shoplinkikyu a, .shoplinkikyu a:hover{
color: #fff; background-color: #18b412; }
.shoplinkrurubu a, .shoplinkrurubu a:hover{
color: #fff; background-color: #0f32a3; }
.shoplinkseven a, .shoplinkseven a:hover{
color: #fff; background-color: #225093; }
/* ▲ボタンカラーここまで▲ */

#Cresponsive, #Cresponsive_2nd, #Cresponsive_3rd {width:300px; display:block; margin:0 auto 20px; padding:0; background:transparent; text-align:center;} .CresLeft {width:300px; height:260px; display:block; margin:0; padding:0; background:transparent;} .CresRight {width:300px; height:auto; display:block; margin:0; padding:0; background:transparent;}
@media all and (min-width: 340px) {
#Cresponsive, #Cresponsive_2nd, #Cresponsive_3rd {width:336px;} .CresLeft {width:336px; height:290px;} .CresRight {width:336px; height:auto;}
}
@media all and (min-width: 690px) {
#Cresponsive, #Cresponsive_2nd, #Cresponsive_3rd {width:680px; height:290px;} .CresLeft {width:336px; height:290px; margin:0 8px 0 0; padding:0; float:left;} .CresRight {width:336px; height:290px; margin:0; padding:0; float:left;}
#Cresponsive:after, #Cresponsive_2nd:after, #Cresponsive_3rd:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;}
}

/* 20190610 */
#a8rakutenadrank_sp {display:inline-block; width:300px; margin:0 auto 0; padding:0; text-align:center;}
#a8rakutenadrank_pc {display: none;}
@media (min-width: 768px) {
#a8rakutenadrank_sp {display: none;}
#a8rakutenadrank_pc {display:inline-block; width:600px; margin:0 auto 0; padding:0; text-align:center;}
}

/* =Smartphone
----------------------------------------------- */
@media only screen and (max-width: 1010px) {
#page {margin:0; padding:0; width:100%; max-width: 960px; min-width: 310px; -webkit-text-size-adjust: 100%;}
#branding hgroup {margin:0;padding:0; width:100%; max-width: 1010px; min-width: 310px;}
#main {clear:both; margin:0; padding:0; width:100%; -webkit-text-size-adjust: 100%;}
#maincontents {margin:0; padding:0; width:100%; max-width: 1010px; min-width: 310px; -webkit-text-size-adjust: 100%; background:#e5e5e5;}
#primary{float:none; margin:0; padding:0; width:100%; max-width: 990px; min-width: 310px; background:#fff; -webkit-text-size-adjust: 100%; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;}
#content{margin:0; padding:0;width:100%; max-width: 970px; min-width: 310px; background:#fff; -webkit-text-size-adjust: 100%; overflow:hidden;}
.entry-header {margin:0 0 0 5px; padding:0; width:97.5%; max-width: 900px; min-width: 300px;}
.entry-content{ margin:0; padding:0; width:95%; max-width: 890px; min-width: 300px;}
.entry-content .thumblist{ margin:0 0 0 5px; padding:0; width:100%; max-width: 890px; min-width: 300px;}
.entry-content h1, .entry-content h2, .entry-content p {padding-left:5px;}
.entry-content p blockquote,
.entry-content p blockquote p {background:#efefef;}
.sbmk {display:block; height:60px; margin:0; padding:0; position:relative;}
.sbmk .tw {position:absolute; top:0; left:5px; display:block;}
.sbmk .fb {position:absolute; top:-4px; left:110px; display:block;}
.sbmk .gp {position:absolute; top:32px; left:5px; display:block;}
.sbmk .hb {position:absolute; top:32px; left:110px; display:block;}
.sbmk .ln {position:absolute; top:32px; left:230px; display:block;}
#thirdary{float:none; margin:0; padding:0; width:100%; max-width: 940px; min-width: 300px; background:#fff; -webkit-text-size-adjust: 100%; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;}
}
@media only screen and (max-width: 570px) {
.thumblist a img{width:97.5%; max-width: 560px; min-width: 300px;}
.entry-content p img{width:97.5%; max-width: 560px; min-width: 300px; max-height: 540px;}
/* ↓20190612 */
.entry-content blockquote img{width:96%; max-width: 560px; min-width: 300px; max-height: 540px;}
b.ft img{width:42px;max-width: 42px; min-width: 42px; max-height: 42px;}
.ctiframe iframe{margin:0; padding:0; width:100%; max-width: 560px; min-width: 300px; }
.hatena-bookmark-button {width: 115px;}
img#recaptcha_challenge_image{width:75%;height:auto;}
#a_under .left, #a_under .right {float: none;}
}

div.fb-like-box, div.fb-like-box iframe[style], div.fb-like-box span { width: 100% !important; }