/*
Theme Name: Gluten Free LIFE 2017 Theme
Theme URI: https://sakiweb.com/
Author: SAKI
Author URI: https://sakiweb.com/
Description: Gluten Free LIFE 2017 Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: glutenfreelife2017
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, left-sidebar, custom-background
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# 1. Normalize
# 2. Typography
# 3. Elements
# 4. Forms
# 5. Navigation
	## Links
	## Menus
# 6. Accessibility
# 7. Alignments
# 8. Clearings
# 9. Widgets
# 10. Content
	## Posts and pages
	## Comments
# 11. Infinite scroll
# 12. Media
	## Captions
	## Galleries
# 13. Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 1. Normalize
	 See https://github.com/necolas/normalize.css/
--------------------------------------------------------------*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*# sourceMappingURL=normalize.min.css.map */


/*--------------------------------------------------------------
# 2. Typography
--------------------------------------------------------------*/
:root{
	--mincho: 'Yu Mincho', serif;
}
html {
	font-size: 62.5%;
}
body,
button,
input,
select,
textarea {
	color: #5c5d5e;
	font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
/*	font-size: 16px;font-size: 1.6rem;*/
/*	line-height: 28px;*/
	font-size: 15px;font-size: 1.5rem;
	line-height: 22px;
}

h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-family: Verdana, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight:400;
/*	font-size: 24px;font-size: 2.4rem;*/
	font-size: 20px;font-size: 2rem;
}

p {
	margin-bottom: 16px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 24px;
}

address {
	margin: 0 0 24px;
}

code,
kbd,
tt,
var {
	font-size: 16px;font-size: 1.6rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# 3. Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	background: #fff;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 16px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 16px;
}

dt {
	font-weight: 500;
}

dd {
	margin: 0 16px 16px;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 16px 0;
}

table {
	margin: 0 0 16px;
	width: 100%;
}

/*--------------------------------------------------------------
# 4. Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 16px;
	padding: 6px 16px 4px;
	padding: 10px 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #b4d0dc;
	background-color: #b4d0dc;
	border-color: #d8d8d8;
	background-color: rgba(0,0,0,.1);
	color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px;
	width:100%;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

label{
	font-weight: 500;
}

input::-webkit-input-placeholder ,
textarea::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input:-ms-input-placeholder ,
textarea:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
input::-moz-placeholder ,
textarea::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}

/*---  search-form ---*/
.search-form{
	padding:10px;
	text-align:center;
	position:relative;
}
.error404 .search-form{
	margin-bottom:30px;
}
.search-form label{
	width:100%;
	margin-bottom:0;
}
.search-form button{
	position:absolute;
	top:10px;
	right:15px;
	padding:12px 20px 8px;
	font-size:24px;font-size:2.4rem;
	line-height:28px;
	color:#999;
	background:none;
	border:0;
}
.search-form button:hover{
	background:none;
	color:#999;
}

@media screen and (min-width: 768px) {
	#masthead .sp-nav-search{
		display:none;
	}
}


/*--------------------------------------------------------------
# 5. Navigation
--------------------------------------------------------------*/
header#masthead {
	margin-bottom: 0;
	background:#fff;
}
header#masthead .container{
	position:relative;
}
/*.navbar-brand > a {*/
.navbar-brand  a {
	color: #545454;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:24px;font-size:2.4rem;
	font-weight: bold;
}
.navbar-brand  a:hover {
	opacity:.6;
	color: #bbb;
	text-decoration: none;
}
.site-description{
	position:absolute;
	top:50px;
	left:15px;
	font-size:13px;font-size:1.3rem;
	letter-spacing:-.3px;
	display:none;
}

.navbar-header+nav{
	position:absolute;
	left:15px;
	width:100%;
	background:rgba(0,0,0,.7);
	padding-bottom:15px;
}
.navbar-nav>li.pc:not(.sp){
	display: none;
}
@media screen and (min-width: 768px) {
	header#masthead {
		height:76px;
	}
	.site-description{
		display:block;
	}
	.navbar-header+nav{
		position:static;
		width:auto;
		background:transparent;
	}
	.navbar-nav>li.pc:not(.sp){
		display: block;
	}
	.navbar-nav>li.sp:not(.pc) {
		display: none;
	}
}


/* #page-sub-header */
div#page-sub-header {
	background-color: rgba(180,208,220,.1); /*#b4d0dc*/
	background-color: #f2f4f6;
	background-color: #fff;
	height:40px;
	border-bottom: solid 1px #d8d8d8;
	-webkit-box-shadow: 0 3px 7px -3px rgba(7,0,2,.27);
	box-shadow: 0 3px 7px -3px rgba(7,0,2,.27);
}
div#page-sub-header .bar{
	margin:0;
	padding:0;
	height:39px;
	list-style:none;
	position:relative;
}
div#page-sub-header .bar>li{
	float:left;
	width:20%;
	display:block;
	font-size:13px;font-size:1.3rem;
}
div#page-sub-header .bar>li.search{
	width:60%;
}
div#page-sub-header .bar>li.search input,
div#page-sub-header .bar>li.search button{
	padding:0 5px;
}

div#page-sub-header .search-form{
	padding:5px;
}
div#page-sub-header .search-form button{
	top:6px;
	font-size: 20px;font-size: 2rem;
}

div#page-sub-header a{
	text-decoration:none;
}
div#page-sub-header a:hover{
	color: #bbb;
}
div#page-sub-header .pc,
div#page-sub-header .sp span{
	display:none;
}


div#page-sub-header input[type="checkbox"]{
	display:none;
}
div#page-sub-header input[type="checkbox"]+label{
	margin-bottom:0;
	height:39px;
	line-height:39px;
	font-weight:400;
	text-align:center;
    cursor:pointer;
}
div#page-sub-header input[type="checkbox"]+label:after{
	content:"\f067";
	font-family:"FontAwesome";
}
div#page-sub-header input[type="checkbox"]+label.on:after,
div#page-sub-header input[type="checkbox"]:checked+label:after{
	content:"\f068";
}

div#page-sub-header .bar .subitems{
	display:none;
	position:absolute;
	top:40px;
	left:0;
	z-index:999;
	width:100%;
	margin-top: 0;
	padding: 20px 10px;
	border:solid 1px #d8d8d8;
	border-top: 0;
	border-radius:0 0 5px 5px;
	background-color: #fafcfe;
	-webkit-box-shadow: 0 3px 7px -3px rgba(7,0,2,.27) inset;
	box-shadow: 0 3px 7px -3px rgba(7,0,2,.27) inset;
}
/*div#page-sub-header li:hover .subitems,*/
div#page-sub-header input[type="checkbox"]:checked ~ .subitems,
div#page-sub-header .bar .subitems.on{
	display:block;
}


div#page-sub-header .bar .title-st{
	margin:5px 0!important;
}
div#page-sub-header .bar ul{
	padding-left:0;
}
div#page-sub-header .bar ul>li{
	float:left;
	display:block;
	width:50%;
}
div#page-sub-header .bar ul>li a{
	display:block;
	padding:5px;
	line-height:20px;
}
div#page-sub-header .bar ul>li a:hover{
	background:#f0f0f0;
	color:#333;
}
div#page-sub-header .bar ul>li a:before{
	content:"\f105";
	font-family:"FontAwesome";
	margin-right:5px;
}

@media screen and (min-width: 600px) {
	div#page-sub-header .bar>li{
		font-size:16px;font-size:1.6rem;
	}
	div#page-sub-header .bar ul>li a{
		padding:10px;
		line-height:22px;
	}
	div#page-sub-header .sp span{
		display:inline-block;
	}
/*
	div#page-sub-header li:not(.search) label:after{
		margin-left:5px;
	}
*/
}

@media screen and (min-width: 768px) {
	div#page-sub-header {
		margin-bottom:30px;
	}
	div#page-sub-header .bar>li{
		width:30%;
	}
	div#page-sub-header .bar>li.search{
		width:40%;
	}

	div#page-sub-header .bar ul>li{
		width:auto;
		padding:0 5px;
	}

	div#page-sub-header .pc{
		display:inline;
	}
	div#page-sub-header .sp{
		display:none;
	}
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #808080;
}
a.here {
	color: #337ab7;
    color: #26a2bd;
    text-decoration:underline;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.navbar-brand {
	height: auto;
	padding-bottom:0;
}
.navbar-toggle {
	margin-top:12px;
}
.navbar-toggle .icon-bar {
	background: #000 none repeat scroll 0 0;
}

#masthead .navbar-nav  li > a {
    padding:15px;
	color: #fff;
	border-bottom:solid 1px rgba(255,255,255,.2);
}


.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
#masthead .navbar-nav  li.current-menu-item > a ,
#masthead .navbar-nav  li > a:hover {
	background-color: rgba(0,0,0,.7);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
   	color: #fff!important;
    background-color: #b4d0dc;
}
.dropdown-menu .dummy-menu{
	display:none;
}


#masthead .navbar-nav .dropdown-menu {
/*	background: rgba(0,0,0,.05);*/
}
#masthead .navbar-nav .dropdown-menu>li>a {
    padding-left: 30px;
}
#masthead .navbar-nav .dropdown-menu>li>ul>li {
	float:left;
	width:50%;
}
#masthead .navbar-nav .dropdown-menu>li>a:not(.dropdown-toggle):before {
	content: "\f105";
	font-family: "FontAwesome";
	margin-right:6px;
}

#masthead .sp-nav-search input[type="search"] {
	background: rgba(0,0,0,.1);
	color:#fff;
}

@media screen and (min-width: 768px) {
	.navbar-brand {
/*		padding-top:20px;*/
	}
	#masthead .navbar-nav li > a {
	    padding:15px 10px;
		color:#563d7c;
	}

	#masthead .navbar-nav li.current-menu-item > a,
	#masthead .navbar-nav li > a:hover{
		background-color: #eee;
	}
	.dropdown-menu li > .dropdown-menu {
		right: -158px;
		top: 22px;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
/*	width: 50%;*/
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
/*	width: 50%;*/
}

/* sidebar */
#menu-side-nav1 li,
#menu-side-nav2 li{
	margin:0 -15px;
	border-top:solid 1px #ddd;
}
#menu-side-nav1 li:last-child,
#menu-side-nav2 li:last-child{
	border-bottom:solid 1px #ddd;
}

#menu-side-nav1 li a,
#menu-side-nav2 li a{
	text-indent: -22px;
	padding-left: 37px;
	line-height:20px;
}

#menu-side-nav1 li a:before{
	content: "\f138";
	font-family: FontAwesome;
	margin-right: 10px;
}

#menu-side-nav2 li a{
	position:relative;
}
#menu-side-nav2 li a:after{
	position:absolute;
	top:11px;right:0;
	content: "\f105";
	font-family: FontAwesome;
}

@media screen and (min-width: 769px) {
	#menu-side-nav1 li,
	#menu-side-nav2 li{
		border:0!important;
	}
	#menu-side-nav1 li.current-menu-item a,
	#menu-side-nav2 li.current-menu-item a{
		background-color: #eee;
	}
}

/*--------------------------------------------------------------
# 6. Accessibility
*--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# 7. Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 16px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 16px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# 8. Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# 9. Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 32px;
}

.widget-title:not(.left){
	text-align:center;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}


.widget_categories li a{
	display:inline-block;
}
.widget_archive select{
	width:100%;
	padding:5px 10px;
}

/*--- .footer-widget-area ---*/
.footer-widget-area{
	margin-top: 50px;
	padding-top: 20px;
	background:#f0f0f0;
}
.footer-widget-area .panel{
	background:none;
	font-size:14px;
	font-size:1.4rem;
	line-height:20px;
}
.footer-widget-area .panel-heading{
	background:#bfbfbf;
}
.footer-widget-area .panel-title{
	color:#fff;
}
.footer-widget-area .panel ul{
	padding-left:20px;
}

/*--------------------------------------------------------------
# 10. Content
--------------------------------------------------------------*/
@media (min-width: 992px){
	.content-area{
		float: right !important;
	}
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	background: #f5f5f5 none repeat scroll 0 0;
	border-radius: 3px;
	box-shadow: 0 0 2px 1px #ccc;
	padding: 2rem;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 16px 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 16px;
	text-align:right;
}
.page-links a{
	display:inline-block;
	border:solid 1px #ddd;
}
.page-links a:hover{
	background:#f0f0f0;
}
.page-links span{
	padding: 5px 10px;
}

/*title*/
.page article .entry-title,
.single article .entry-title{
	padding: 20px 0;
	border-bottom: solid 3px #f0f0f0;
	position:relative;
}
.page article .entry-title:after,
.single article .entry-title:after{
	content:"";
	position:absolute;
	top:100%;
	left:0;
	width:40%;
	height:3px;
	background:#d0d0d0;
}

.page article h2:not(.title),
.single article h2{
	margin:50px 0 30px;
	padding: 20px;
	border-left:solid 6px #ddd;
}
.home article h2:not(.title){
	margin:30px 0;
}

.page article h3:not(.title),
.single article h3{
	margin:30px 0;
	padding: 5px 10px;
	background: #f0f0f0;
}

.page article .title{
	text-align: center;
}
.panel-title{
	margin:0!important;
	padding:0!important;
	background:inherit!important;
	text-align: center;
}

@media (min-width: 768px){
	.page article .title{
		margin: 10px 0;
		background:#fff;
		text-align:left;
	}

	.panel-title{
		text-align:left;
	}
}


.title-st{
	margin:40px 0 30px!important;
	padding: 10px!important;
	background-color: rgba(216, 216, 216, .3)!important;
    background-color: rgba(150, 208, 255, .3)!important;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f0f0f0), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f0f0f0),color-stop(.75, #f0f0f0), color-stop(.75, transparent),to(transparent))!important;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent))!important;
	-webkit-background-size: 7px 7px!important;
}
#page-sub-header .title-st{
    background-color: rgba(150, 208, 255, .3)!important;
}


/*--- .error404 ---*/
.error404 .site-main h2{
	border-bottom:dotted 2px #ddd;
	padding-bottom:5px;
}






.note{
	text-indent: -16px;
	padding-left: 16px;
}


/*--------------------------------------------------------------
## Thumbnail block (.home .archive)
--------------------------------------------------------------*/
.thumbnail-block{
	text-align:center;
	position:relative;
	overflow:hidden;
}
.thumbnail-block a{
	display:block;
	font-size:14px;font-size:1.4rem;
	text-decoration:none;
}
.thumbnail-block a:hover{
	opacity:.7;
}
.thumbnail-block a img{
	width:100%;
}
.thumbnail-block .categories span{
	margin:5px 0 0;
	padding:0 5px;
	font-size:12px;font-size:1.2rem;
	background:#f0f0f0;
	border-radius:3px;
}

.thumbnail-title{
	margin:5px 0!important;
	padding:0!important;
	font-size:15px;font-size:1.5rem;
	line-height:15px;
    background: #fff!important;
    border: none!important;
}

.home .thumbnail svg,
.page .thumbnail svg,
.archive .thumbnail svg,
.archive .postthumbnail svg{
	display:block;
	margin:0 auto;
	width:100%;
/*	max-width:300px;*/
	height:auto;
}

.thumbnail-block .categories,
.thumbnail-block .recipe_time{
	margin-bottom:0;
}
.thumbnail-block .recipe_time:before{
	font-family: 'Glyphicons Halflings';
	content: "\e023";	
	margin-right:5px;	
	vertical-align:bottom;
}	
.thumbnail-block .type{
	position:absolute;
	top:20px;left:-50px;
	width:160px;
	background:rgba(255,255,255,.8);
	font-size:10px;font-size:1rem;
	line-height:20px;
	color:#000;
	text-align:center;
	transform:rotate(-45deg);
}	
.thumbnail-block .excerpt{
	padding:0 5px;
	font-size:12px;font-size:1.2rem;
	line-height:16px;
}

/*--------------------------------------------------------------
## Archive, .home
--------------------------------------------------------------*/
.archive-order{
	margin: 10px auto;
}
.archive-order .btn-group button{
	line-height:40px;
}


.archive-order+.category-list{
	display:none;
}

.category-list.fl-list:not(.media-category):not(.item-category) .panel-default{
	border: 0;
	box-shadow: none;
}
.category-list.fl-list:not(.media-category):not(.item-category) .panel-heading{
	padding: 5px 15px;
	border-left: solid 3px #999;
	border-radius: 3px;
}

.category-list.fl-list ul{
	margin-bottom:0;
	padding-left:0;
	list-style:none;
}
.category-list.fl-list .panel-body:not(.gfl-menu) ul:before,
.category-list.fl-list .panel-body:not(.gfl-menu) ul:after{
	display: table;
    content: " ";
}
.category-list.fl-list .panel-body:not(.gfl-menu) li{
	float: left;
    display: block;
    margin-right: 15px;
}
.category-list.fl-list .panel-body.gfl-menu li a{
	text-indent: -10px;
	padding-left: 10px;
	display: block;
}
.category-list.fl-list li a:before{
/*	content: "\f105";*/
	content: "\f0da";
    font-family: FontAwesome;
    display:inline-block;
    margin-right: 5px;
}

.archive-list{
	display:flex;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.archive-list article{
	margin:10px 0;
	width:100%;
}

@media (min-width: 768px) {
	.archive-order+.category-list{
		margin-top: 20px;
		display:block;
	    font-size: 14px;
	    font-size: 1.4rem;
	    line-height: 20px;
	}
	.archive-list article{
		width:30%;
	}

}

/*--- article ---*/
.category article .entry-title,
.blog article .entry-title{
	margin:10px 0;
	font-size:18px;font-size:1.8rem;
}
.category article .entry-title a,
.blog article .entry-title a{
	color:#333;
}
.category article .entry-meta,
.blog article .entry-meta{
	font-size:12px;font-size:1.2rem;
}
.category article .entry-content,
.blog article .entry-content{
	display:none;
}
.category article .entry-footer,
.blog article .entry-footer{
	margin-top:10px;
	font-size:14px;font-size:1.4rem;
	line-height:18px;
}

.tax-newsletter_category .entry-title a,
.post-type-archive-gfl_newsletter .entry-title a{
	text-decoration:underline;
}
.tax-newsletter_category .entry-footer,
.post-type-archive-gfl_newsletter .entry-footer{
	text-align: right;
}
.tax-newsletter_category .entry-summary p,
.post-type-archive-gfl_newsletter .entry-summary p{
	margin-bottom:0;
}


@media (min-width: 768px) {
	.category article .entry-title,
	.blog article .entry-title{
		font-size:20px;font-size:2rem;
	}
	.category article .entry-content,
	.blog article .entry-content{
		display:block;
		margin:0!important;
		font-size: 14px;font-size: 1.4rem;
	    line-height: 18px;
	}
}


/*--- .search ---*/
.search article .entry-title a{
	text-decoration:underline;
}


/*--- popular page ---*/
.archive-list .popular-item{
	position:relative;	
}
.archive-list .popular-item:before{
	content:attr(data-rank);
	position:absolute;
	top:0;
	left:-10px;
	z-index:999;
	width:60px;
	height:24px;
	display:block;
	background:#b5c9ca;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:24px;
	-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg);
}



/*--- popular list ---*/
.recommended,
.popular{
	display:flex;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.recommended .item,
.popular .item{
	margin:10px auto;
	width:100%;
	max-width:300px;
	text-align:center;
	position:relative;
}
/*.recommended .item:before,*/
.popular .item:before{
	content:attr(data-rank);
	position:absolute;
	top:-5px;
	left:-15px;
	z-index:99;
	width:60px;
	height:24px;
	display:block;
	background:#858687;
	background:#aec5b7;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:24px;
	-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg);

}
.recommended .item a:hover,
.popular .item a:hover{
	opacity:.8;
}
.recommended .item .thumbnail-title,
.recommended .item .recipe_time,
.popular .item .thumbnail-title,
.popular .item .recipe_time{
	font-weight:400;
	font-size:14px;font-size:1.4rem;
	line-height:18px;
}
.recommended .item img,
.recommended .item svg,
.popular .item img,
.popular .item svg{
	width:100%;
}
.recommended .item .recipe_time:before,
.popular .item .recipe_time:before{
	font-family: 'Glyphicons Halflings';
	content: "\e023";	
	margin-right:5px;	
	vertical-align:bottom;
}

@media (min-width: 768px) {
	.recommended .item,
	.popular .item{
		width:18%;
	}
}


/*--------------------------------------------------------------
## Single
--------------------------------------------------------------*/
.single article{
	margin-bottom:50px;
}
.single article .entry-header .thumbnail img{
	width:100%;
}
.single article .entry-title{
	padding-left:20px;
	padding-right:20px;
	margin-right:-15px;
	margin-left:-15px;
}
.single article .entry-meta{
	font-size: 14px;font-size: 1.4rem;
	line-height: 18px;	
	text-align:right;
}
.single article .entry-footer{
	margin-top:20px;
}
.single article .entry-footer .tags{
	display:inline-block;
	margin-bottom:0;
}

@media (min-width: 768px) {
	.single article .entry-title{
		margin-right:-15px;
		margin-left:-15px;
	}
	.single article .thumbnail,
	.single article .entry-meta,
	.single article .su_sns_sharebutton,
	.single article .entry-content,
	.single article .entry-footer{
		margin-left:20px;
		margin-right:20px;
	}
}

/*--- recipe ---*/
.single-gfl_recipe{
}
.single-gfl_recipe article .categories a:before{
	font-family:"FontAwesome";
	content:"\f114";
	margin-right:3px;
}

.single-gfl_recipe article .tags a:before{
	font-family:"FontAwesome";
	content:"\f02b";
	display:inline-block;
	margin-right:3px;
}
.single-gfl_recipe article .items{
	margin:0;
	line-height:22px;
}
.single-gfl_recipe article .items .item{
	display:inline-block;
	width:120px;
}
.single-gfl_recipe article .item~.unit{
	margin-left:5px;
}
.single-gfl_recipe article .recipe-etc{
	margin:0;
	font-size:14px;
	line-height:20px;
}
.single-gfl_recipe article .recipe-etc span:not(:first-child){
	margin-left:10px;
}
.single-gfl_recipe article .recipe-ingredients-img{
	text-align:center;
}
.single-gfl_recipe article .recipe-table{
	margin-top:20px !important;
	font-size:14px;
	line-height:22px;
}
.single-gfl_recipe article .recipe-table th{
	padding:5px 10px;
	background:#f0f0f0;
}
.single-gfl_recipe article .recipe-table td{
	padding:2px 10px;
	border-bottom:solid 1px #ddd;

}
.single-gfl_recipe article .recipe-table td a{
	text-decoration:underline;
	color: #26a2bd;
}
.single-gfl_recipe article .recipe-table td a:before{
	content: "\f138";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.single-gfl_recipe article .recipe-etc-note p{
	margin:0;
	line-height:20px;
}
.single-gfl_recipe article .recipe-directions{
	margin:20px 0;
}
.single-gfl_recipe article .recipe-directions .col-sm-8:first-letter,
.single-gfl_recipe article .recipe-directions .col-sm-8 .no{
	font-family: Verdana, sans-serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
}
.single-gfl_recipe article .recipe-directions img{
	display:block;
	margin: 0 auto;
}

hr.hr1{
	clear:both;
	margin:30px 45%;
}
hr.hr2{
	clear:both;
	margin:50px 45%;
}
hr.hr5{
	clear:both;
	margin:50px 0;
	height:20px;
	background:url(images/common/hr-deco1.svg) center center no-repeat;
}

@media (min-width: 768px) {
	.single-gfl_recipe article .items{
		margin:0 20px;
		font-size:16px;
		line-height:24px;
	}
}

/*--- shopping items ---*/
.single-gfl_item article{
	margin:0 auto;
	width:100%;
	max-width:750px;
}

.single-gfl_item article .photo_wrap{
	margin:0 auto 30px;
	width:100%;
	max-width:720px;
}
.single-gfl_item article .photo{
	text-align:center;
}
.single-gfl_item article .thumb_list{
	margin:10px auto;
	padding:0;
	list-style:none;
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}
.single-gfl_item article .thumb{
	padding:5px;
	width:33%;
	cursor:pointer;
}
.single-gfl_item article .thumb:hover{
	opacity:.8;
}
.single-gfl_item .item-title{
	font-weight:700;
}


.single-gfl_item article .btn-cart a{
	display:block;
	margin:5px 5px 5px 0;
	padding:5px 10px;
	width:200px;
	background:#f39700;
	border-radius:3px;
	font-size:14px;font-size:1.4rem;
	color:#fff;
	text-align:center;
}
.single-gfl_item article .btn-cart .disabled{
	pointer-events: none;
	cursor: default;
	background:#ddd;
}
.single-gfl_item article .btn-cart a:before{
	font-family:"FontAwesome";
	content:"\f07a";
	content:"\f290";
	margin-right:10px;
}
.single-gfl_item article .btn-cart a:hover{
	opacity:.8;
	text-decoration:none;
}

.single-gfl_item article .desc-image {
	margin:30px 0 10px;
	text-align:center;
}
.single-gfl_item article .desc-title {
	margin:10px 0 20px;
}
.single-gfl_item article .desc-body {
	margin-bottom:30px;
}

.single-gfl_item article .item-info {
	font-size:13px;font-size:1.3rem;
}
.single-gfl_item article .item-info th{
	width:10%;
	white-space:nowrap;
	text-align:center;
}

.single-gfl_item article .categories a:before{
	font-family:"FontAwesome";
	content:"\f114";
	margin-right:3px;
}
.single-gfl_item article .tags a:before{
	font-family:"FontAwesome";
	content:"\f02b";
	display:inline-block;
	margin-right:3px;
}

.single-gfl_item article .su_sns_sharebutton{
	justify-content: flex-end;
	flex-wrap: wrap;
}
.single-gfl_item .return-btn{
	margin-right:15px;
}

@media (min-width: 768px) {
	.single-gfl_item{
	}


	.single-gfl_item article .thumbnail{
		margin:0 0 20px;
	}
	.single-gfl_item .return-btn{
		margin-right:35px;
	}

}


/*--------------------------------------------------------------
## Pagination, Page Nav
--------------------------------------------------------------*/

/*--- pagination ---*/
.pagination{
	margin:30px 0;
	width:100%;
}
.pagination .nav-links{
	text-align:center;
}
.pagination .page-numbers{
	display:inline-block;
	margin:0 5px;
	padding:5px 15px;
	font-size:15px;font-size:1.5rem;
	font-weight:700;
	color:#acabaa;
	background:#fff;
	border:solid 1px #c7e6ea;
	text-decoration:none;
}
.pagination .page-numbers.dots,
.pagination .page-numbers.prev,
.pagination .page-numbers.next{
	border:solid 1px #fff;
}
.pagination .page-numbers.current{
	color:#ffa084;
	background:#fff;
	border:solid 1px #ffa084;
}
.pagination a.page-numbers:hover{
	background:#f2f9fa;
	border:solid 1px #f2f9fa;
}

/*--- post-navigation ---*/
.post-navigation{
	margin:30px 0;
	padding:10px 0;
/*	background: #fcfcfc;*/
/*	border: solid 1px #ddd;*/
}
.post-navigation a{
	display:block;
	margin:5px 0;
	padding: 10px;
	background: #f0f0f0;
	border-radius: 5px;
	text-decoration: none;
	line-height:20px;
}
.post-navigation a[rel="prev"]{
/*	border-right: solid 1px #ddd;*/
}
.post-navigation a[rel="prev"]:before{
	font-family:FontAwesome;
	content:"\f100";
	margin-right:5px;
}
.post-navigation a[rel="next"]:after{
	font-family:FontAwesome;
	content:"\f101";
	margin-left:5px;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
## BreadCrumb
--------------------------------------------------------------*/
.breadcrumb{
	padding-left: 0!important;
	font-size: 14px;font-size: 1.4rem;
	background-color: transparent;
}
.breadcrumb .bc{
	display:none;
	line-height:18px;
}
@media (min-width: 768px){
	.breadcrumb .bc{
		display:block;
	}
}

/*--------------------------------------------------------------
## List
--------------------------------------------------------------*/
.list-img{
	margin:30px 0;
	padding-left: 0;
	list-style:none;
}
.list-img li,
.list-img article{
	margin-bottom:20px;
}
.list-img .categories,
.list-img .title,
.list-img .media_date{
	margin:10px 0;
	text-align: center;
}
.list-img .title{
	margin-top:20px;
}
.list-img .media_date{
	font-family: Verdana, sans-serif;
	font-size:14px;font-size:1.4rem;
}

.list-img img,
.list-img svg{
	 display:block;
	 margin:10px auto;
	 width:100%;
	 max-width:300px;
	 height:auto;
}

@media (min-width: 768px){
	.list-img .categories,
	.list-img .title,
	.list-img .media_date{
		text-align: left;
	}
}

.check-icon{
	padding-left:40px;
}
.check-icon li{
	margin-bottom: 10px;
	padding-top: 3px;
}


/*--------------------------------------------------------------
## Categories
--------------------------------------------------------------*/
.categories span{
	display:inline-block;

}
.categories span a{
	display:block;
	margin-bottom:5px;
	padding:2px 10px;
	background:#f0f0f0;
	border-radius:3px;
}
.categories span a:hover{
	color:#fff;
	background:#cacbcc;
	text-decoration:none;
}
.categories span:not(:last-child) a{
	margin-right:5px;
}

.entry-date:before{
	font-family:FontAwesome;
	content:"\f017";
	display:inline-block;
	margin-right:3px;
}

.cat-links:before{
	font-family:FontAwesome;
	content:"\f114";
	margin-right:3px;
}

.tags-links:before{
	font-family:FontAwesome;
/*	content:"\f02b"; /*tag*/
	content:"\f02c";
	margin:0 3px 0 10px;
}

.comments-link:before{
	font-family:FontAwesome;
/*	content:"\f0e6";*/
	content:"\f27b";
	margin:0 3px 0 10px;
}

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.mt00 {margin-top:  0px!important;}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}

.mb00 {margin-bottom:  0px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}

.mr10 {margin-right: 10px!important;}
.ml10 {margin-left: 10px!important;}
.ml20 {margin-left: 20px!important;}



/*--------------------------------------------------------------
## Slide (Carousel)
--------------------------------------------------------------*/
#top_slide{
	margin:0 auto 30px;
	max-width:880px;
}
#top_slide .carousel-indicators {
	bottom:0!important;
	margin-bottom:5px;
}
#top_slide .carousel-indicators li{
	margin:1px 3px;
}
#top_slide .carousel-indicators.active li{
	margin:0px 2px;
}

#top_slide .item a{
	display:block;
	margin:0 auto;
	width:100%;
	max-width:720px;
	height:auto;
	text-align:center;
	position:relative;
}
#top_slide .item .carousel-caption{
	position:absolute;
	bottom:0;
	left:0;
	padding:10px 10px 20px;
	width:100%;
	background:rgba(0,0,0,.3);
	color:#fff;
}
#top_slide .item .carousel-caption h3{
	margin:10px 0 12px;
/*	font-size:20px;font-size:2rem;*/
	font-size:17px;font-size:1.7rem;
	position:relative;
}
#top_slide .item .carousel-caption h3 .type{
	position:absolute;
	top:-30px;
	left:calc(50% - 60px);
	z-index:1;
	width:120px;
	display:inline-block;
	border-radius:3px;
	background:rgba(255,255,255,.8);
	font-size:12px;font-size:1.2rem;
	line-height:20px;
	color:#000;
	text-shadow:none;
}
#top_slide .item .carousel-caption h3+p{
	margin-bottom:15px;
	line-height:20px;
	font-size:12px;font-size:1.2rem;
}
#top_slide .item img,
#top_slide .item svg{
	display:block;
	margin:0 auto;
	width:100%;
	height:auto;
}
.carousel-control.left,
.carousel-control.right{
	background-image: none;
}
.carousel-control.left span,
.carousel-control.right span{
	color:#333;
	text-shadow: none;
}

/*--------------------------------------------------------------
## Feature (TOP Page) 
--------------------------------------------------------------*/
.bn-feature{
	position:relative;
}
.bn-feature .title{
	position: absolute;
	display: inline-block;
	bottom: 10px;
	right: 10px;
	margin:0!important;
	color: #fff;
	font-size: 20px;
	font-size: 2rem;
	background:none!important;
}



/*--------------------------------------------------------------
# 11. Infinite scroll (future use)
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# 12. Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 16px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 8px 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 16px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer#colophon {
	background: #888;
	color:#fff;
	margin: 0;
	padding: 5px 0;
}
.site-info p{
    font-size: 10px;font-size:1rem;
    line-height:16px;
    margin-bottom: 0;
    text-align: center;
}
.copyright{
	font-weight:700;
}
footer#colophon a {
    color: inherit;
}

@media (min-width: 768px){
	.site-info p{
	    font-size: 13px;font-size:1.3rem;
	}
}


/*--- PageTop --------------------------*/
#pagetop {
	display:none;
	position: fixed;
	right: 10px;bottom: 10px;
	z-index:999;
	width:70px;
	height:70px;
	background:rgba(0,0,0,.2);
	color:#fff;
	font-size:10px;
	font-weight:600;
	line-height:48px;
	text-decoration:none;
	text-align:center;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}
#pagetop:before{
	content:"";
	display:block;
	position:absolute;
	top:3px;bottom:3px;left:3px;right:3px;
	border:dashed 1px #fff;
	border-radius:50%;
}
#pagetop:after{
	content:"";
	display: inline-block;
	position:absolute;
	top:38px;left:25px;
	width:20px;height:20px;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	box-sizing:border-box;
	border-radius:1.5px;
	-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);
}

/*--------------------------------------------------------------
# 13. Print
--------------------------------------------------------------*/
@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }

  .su_sns_sharebutton, .su_sns, .yarpp-related, .footer-widget-area,
  #page-sub-header,.breadcrumb,#secondary,#colophon, #pagetop, aside, .noprint {
	display:none;
  }
}