/*
 Theme Name: flowerfactory Theme
 Theme URI: http://www.flowerfactory.mom/
 Description: フラワーファクトリー様のオリジナルデザインテーマです。
 Version: 1.0
 Author: 株式会社ウェブサクセス
 Author URI: http://www.web-s.biz/
*/

/**
 * Reset
 * ----------------------------------------------------------------------------
 */
* { margin:0; padding:0; font-size:100%;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block;}
audio, canvas, video { display: inline-block;}
audio:not([controls]) { display: none; height: 0;}
[hidden] { display: none;}
html { font-size: 62.5%; /* 10px */ overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { color: #6C666C; line-height: 1.5; margin: 0; padding:0;  }
body.page,
body.archive,
body.single,
body.home,
body.error404 { background:#fff;}

@media only screen and (max-width: 640px) {
	body.home,
	body.page,
	body.archive,
	body.single { background:#fff; }
}


img { max-width:100%; margin:0; padding:0; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }


a { color: #333; text-decoration: underline;}
a:visited { color: #333;}
a:focus { outline: none ; }
a:active, a:hover { opacity:0.8; filter: alpha(opacity=80);}
a:hover { color: #898673; text-decoration: underline;}
a:hover img{ opacity:0.8; filter: alpha(opacity=80);}

address { font-style: italic; margin: 0 0 24px;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding:0;}
p { margin: 0 0 1em 0;}
code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;}
pre { margin: 20px 0; padding: 20px; overflow: auto; color: #666; background: #f5f5f5;
	font-family: monospace; font-size: 14px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
blockquote, q { hyphens: none; quotes: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;}
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; content: none;}

blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px;}
blockquote blockquote { margin-right: 0;}
blockquote cite,
blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase;}
blockquote em,
blockquote i { font-style: normal; font-weight: 300;}
blockquote strong,
blockquote b { font-weight: 400;}

small { font-size: smaller;}

sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; z-index:1000; }
sup { top: -0.5em;}
sub { bottom: -0.25em;}

menu,
ol,
ul { margin: 0; padding: 0;}
ul { list-style-type: none;}
nav ul,
nav ol { list-style: none; list-style-image: none;}
li > ul,
li > ol { margin: 0;}
svg:not(:root) { overflow: hidden;}

figure { margin: 0;}
form { margin: 0;}

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0; white-space: normal;}

btn, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;}
btn, input { line-height: normal;}

btn,
html input[type="btn"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: btn; cursor: pointer;}
btn[disabled],
input[disabled] { cursor: default;}
input[type="checkbox"],
input[type="radio"] { padding: 0;}
input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; width: 270px;}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}

btn::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

textarea { overflow: auto; vertical-align: top;}

caption, th, td { font-weight: normal; text-align: left;}
caption { font-size: 16px; margin: 20px 0;}

table { border-collapse: collapse; }
th, td { }

del { color: #333;}
ins { background: #fff9c0; text-decoration: none;}
hr { background: url(images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px;}


/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

.genericon:before, .menu-toggle:after, .featured-post:before, .date a:before, .entry-meta .author a:before, .format-audio .entry-content:before, .comments-link a:before,
.tags-links a:first-child:before, .categories-links a:first-child:before, .edit-link a:before, .attachment .entry-title:before, .attachment-meta:before, .attachment-meta a:before,
.comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .bypostauthor > .comment-body .fn:before,
.error404 .page-title:before, .entry-meta .date time:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; vertical-align: text-bottom;}

/* Clearing floats */
.clear:after, .attachment .entry-header:after, .site-footer .widget-area:after, .entry-content:after, .page-content:after,
.navigation:after, .nav-links:after, .gallery:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after,
.comment-body:after { clear: both;}

.clear:before, .clear:after, .attachment .entry-header:before, .attachment .entry-header:after, .site-footer .widget-area:before, .site-footer .widget-area:after,
.entry-content:before, .entry-content:after, .page-content:before, .page-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .gallery:before, .gallery:after,
.comment-form-author:before, .comment-form-author:after, .comment-form-email:before, .comment-form-email:after, .comment-form-url:before, .comment-form-url:after, .comment-body:before,
.comment-body:after { content: ""; display: table;}

/* Assistive text */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
button, input, textarea { border: 2px solid #BBB; font-family: inherit; padding:8px 5px;}
input, textarea { color: #141412;}
input:focus, textarea:focus { border: 2px solid #999; outline: 0;}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #777; /* Old browsers */
	background: -webkit-linear-gradient(top, #333 0%, #777 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #333 0%, #777 100%); /* W3C */
	border: none;
	border-radius: 2px;
	color: #fff; letter-spacing:0.2em;
	display: inline-block;
	padding: 9px 24px 8px;
	text-decoration: none;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #333; /* Old browsers */
	background: -webkit-linear-gradient(top, #777 0%, #333 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #777 0%, #333 100%); /* W3C */
	outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #333; /* Old browsers */
	background: -webkit-linear-gradient(top, #777 0%, #333 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #777 0%, #333 100%); /* W3C */
	border: none; padding: 10px 24px 11px;
}

.post-password-required input[type="submit"] { padding: 7px 24px 4px; vertical-align: bottom;}
.post-password-required input[type="submit"]:active { padding: 5px 24px 6px;}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { color: #7d7b6d;}
:-moz-placeholder { color: #7d7b6d;}
::-moz-placeholder { color: #7d7b6d;}
:-ms-input-placeholder { color: #7d7b6d;}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%;}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] { height: auto;}

img.size-full,
img.size-large,
img.wp-post-image { height: auto; max-width: 100%;}

.mobile-image { height: auto; max-width: 100%; display: block; margin-left: auto; margin-right: auto; margin-bottom:10px;}

/* Make sure videos and embeds fit their containers. */
embed, iframe, object, video { max-width: 100%;}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered { max-width: 100% !important;}

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

figure.wp-caption.alignleft,
img.alignleft { margin: 5px 20px 5px 0;}

.wp-caption.alignleft { margin: 5px 10px 5px 0;}

figure.wp-caption.alignright,
img.alignright { margin: 5px 0 5px 20px;}

.wp-caption.alignright { margin: 5px 0 5px 10px;}

img.aligncenter { margin: 5px auto;}
img.alignnone { margin: 5px 0;}

@media only screen and (max-width: 640px) {
	.entry-content img.alignleft,
	.entry-content img.alignright { float:none; margin: 5px auto; }
}


.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption { margin: 2px 0 20px; font-size: 93%; font-style: normal; }

div.wp-caption.alignright img[class*="wp-image-"] { float: right;}

div.wp-caption.alignright .wp-caption-text { padding-left: 10px;}

img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0;}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol { list-style-position: inside;}


/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

	.site-header .search-field { background-image: url(images/search-icon-2x.png);}

	.format-audio .audio-content,
	.format-status .entry-content:before,
	.format-status .entry-meta:before,
	.comment-list > li:after,
	.comment-list .children > li:before { background-image: url(images/dotted-line-2x.png);}
}

@media print {
	body { background: none !important; color: #000; font-size: 10pt;}

	footer a[rel="bookmark"]:link:after,
	footer a[rel="bookmark"]:visited:after { content: " [" attr(href) "] "; /* Show URLs */}

	.site { max-width: 98%;}
	.site-header { background-image: none !important;}
	.site-header .home-link { max-width: none; min-height: 0;}
	.site-title { color: #000; font-size: 21pt;}
	.site-description { font-size: 10pt;}

	.author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link,
	.entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link { display: none;}

	.entry-header, .entry-content, .entry-summary, .entry-meta { width: 100%; margin: 0;}

	.page-title, .entry-title { font-size: 21pt;}
	.entry-meta, .entry-meta a { color: #444; font-size: 10pt;}

	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft { margin-left: 0;}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright { margin-right: 0;}

	.format-image .entry-content .size-full { margin: 0;}

	/* Remove colors from post formats */
	.hentry { background-color: #fff;}

	/* Comments */
	.comments-area > li.comment { width: auto; background: none; position: relative;}
	.comment-metadata { float: none; }
	.comment-author .fn,
	.comment-reply-link,
	.comment-reply-login { color: #333;}
}