@charset "utf-8";

/*
Theme Name: tyoht_2016
Theme URI:
Description:
Author: tyoht
Author URI: http://www.head-t.com/
Version: 1.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
1.5 Layout
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
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: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
	background-image: url("css/texture.png");
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol,
ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	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:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

/*--------------------------------------------------------------
1.5 Layout
--------------------------------------------------------------*/

#masthead,
#contentwrapper,
#colophon,
.sitewidth {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
}
#contentwrapper {
	padding-bottom: 20px;
}
#masthead {
	padding: 0;
	display: table;
}
.site-branding,
.main-navigation,
#cart-navigation {
	display: table-cell;
	vertical-align: middle;
}
.site-branding {
	width: 200px;
}
#cart-navigation {
	text-align: right;
}
#titlebar {
	margin: 0 0 30px 0;
	padding: 25px 0 25px 15px;
	background-color: rgba(120, 120, 120, 0.1);
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #555;
	font-family: 'acumin-pro', sans-serif;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	word-break: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: normal;
	font-weight: 500;
}

.site-logo img {
	max-width: 90px;
	height: auto;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
.site-logo img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

#titlebar h1.page-title {
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
}

.woocommerce-page .site-content h2,
.front-page h2 {
	font-family: "trajan-pro-3", sans-serif;
	font-weight: 600;
	font-size: 1.6rem;
	margin: 0 0 2rem 0;
}

.front-page h2 {
	text-align: center;
	letter-spacing: 0.2rem;
}

.widget-title {
	font-size: 1.5rem;
	letter-spacing: 1px;
}

p {
	font-size: 1.5rem;
	line-height: 2.4rem;
	margin-bottom: 1.5rem;
}

.front-page .news p {
	font-size: 1.4rem;
	line-height: 2.2rem;
}

b,
strong {
	font-weight: bold;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre,
code,
kbd,
tt,
var {
	font-size: 1.4rem;
	line-height: 2rem;
	font-family: "source-code-pro"
}

p.form-allowed-tags,
p.form-allowed-tags code {
	font-size: 1rem;
	color: #999;
}

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

mark,
ins {
	text-decoration: none;
}
mark {
	background:none;
	border-bottom: 3px double #ccc;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

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

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

figure {
	margin: 0;
}

table {
	font-size: 1.4rem;
	line-height: 2.2rem;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 0.5em 0 1em 0;
	width: 100%;
}
table th,
table td {
	padding: 0.5em 0.8em;
	border: 1px solid #ccc;
}
table tbody tr.even,
table tbody tr.alt,
table tbody tr.even {
	background: #eaeaea;
}
th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

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 {
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
	font-size: 1.5rem;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	font-size: 1.5rem;
	line-height: 2.4rem;
	padding: 1rem 1rem;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #333;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}
.shipping-calculator-form select {
	font-size: 1.5em;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a,
a:visited {
	color: #069;
	text-decoration: none;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
/* iPhone */
	webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 102, 204, 0.2);
}
a:hover,
a:focus,
a:active {
	color: #069;
	text-decoration: underline;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation {
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	margin: 0.5rem 0 0 1rem;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 0.8rem 1.6rem;
	color: #555;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
.main-navigation a:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

/*.main-navigation ul ul {
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.71);
	float: left;
	position: absolute;
	top: 2.85em;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul li {
	width: 180px;
}
.main-navigation ul ul a {
	padding: 10px 20px;
	width: auto;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
	color: #555;
}
.main-navigation ul ul :hover > a {
	color: #555;
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	left: 0px;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}*/

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current_page_parent > a {
	border-bottom: 2px solid #555;
}
.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current_page_ancestor > a,
.main-navigation ul ul .current_page_parent > a {
	border: none;
}

/* Account and Cart menu */

#cart-navigation ul {
	margin: 0;
	list-style: none;
}
#cart-navigation a  {
	text-decoration: none;
	color: #333;
}
#cart-navigation a:hover  {
	color: #069;
}
#cart-navigation a.button {
	background: #eaeaea;
	float: left;
}
#cart-navigation a.button:hover{
	color: #333;
	background: #ccc;
}

#cart-navigation a.button:first-child {
	margin: 0 5px 0 0;
	width: 130px;
	float: left;
	text-align: center;
}
#cart-navigation a.button:last-child {
	margin: 0 0 0 5px;
	width: 130px;
	float: right;
	text-align: center;
}

#cart-navigation i.fa {
	font-size: 2rem;
	color: #999;
	position: relative;
	margin: 0 0 0 1.5rem;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
#cart-navigation i.fa:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

#cart-navigation i.fa span {
	color: #fff;
	position: absolute;
	right:-8px;
	top: -8px;
	line-height: 20px;
	background-color: #ad9d5a ;
  padding: 0 4px;
  border-radius: 1px;
  color: #fff !important;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
}

#cart-navigation ul li {
	display: inline-block;
	padding: 10px 6px;
}
#cart-navigation ul li.login {
	font-size: 1.2rem;
}
#cart-navigation ul li .widget_shopping_cart_content li {
	float: none;
	display: block;
	padding: 10px 0;
}
.view-cart {
	position: relative;
}
.widget_shopping_cart {
	position: absolute;
	top: 3rem;
	right: 999em;
	z-index: 99999;
	width: 310px;
	font-size: 1rem;
	background: #fff;
	opacity: 0.95;
	filter: alpha(opacity=0.95);
	border: 1px solid #eaeaea;
	border-radius: 5px;
}
.widget_shopping_cart_content {
	padding: 0px 15px 2px 15px;
}
.view-cart:hover .widget_shopping_cart {
	right: 0;
}

/* Small menu */

.menu-toggle {
	display: none;
	position: absolute;
	top: 25px;
	left: 5px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-decoration: none;
}
.menu-toggle:before {
	color: #666;
	content: "\2261";
	font-size: 3em;
	line-height: 1;
	margin: 0 0 0 8px;
	text-shadow: none;
}

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

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

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

/* breadcrumbs */

.breadcrumbs,
.breadcrumbs a {
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #999;
}
.breadcrumbs .breadcrumbs-icon {
	color: #ccc;
	margin: 0 0.5rem;
}
.breadcrumbs a:hover {
	color: #069;
	text-decoration: none;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

/*--------------------------------------------------------------
6.0 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;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 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;
}

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

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 3rem 0;
	padding: 1.5rem 0 0 0;
}
.widget .widget-title {
	font-size: 1.4rem;
	line-height: 2.2rem;
	border-top: 1px solid #ccc;
	padding: 1rem 0 1rem 0;
}

/* widget_recent_entries */
/* widget_category */
/* widget_profile */
/* widget_category */

.widget_recent_entries ul,
.widget_categories ul,
.widget_profile ul {
	font-size: 1.2rem;
	line-height: 1.6rem;
	list-style: none;
	padding: 0;
	margin: 0;
}
.widget_recent_entries ul li,
.widget_categories ul li,
.widget_profile ul li {
	margin: 0 0 1.2rem 0;
}
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_profile ul li a{
	padding: 0 0 0 1.5rem;
	display: block;
	position: relative;
}
.widget_recent_entries ul li a:before,
.widget_categories ul li a:before,
.widget_profile ul li a:before {
	font-family: fontAwesome;
	content:'\f105';
	position: absolute;
	top: 0.1rem;
	left: 0.1rem;
	color: #ccc;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
.widget_recent_entries ul li a:hover:before,
.widget_categories ul li a:hover:before,
.widget_profile ul li a:hover:before {
	left: 0.5rem;
	color: #999;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

.widget_recent_entries ul li .post-date {
	color: #b7b7b7;
	padding: 0 0 0 1.5rem;
	display: block;
	position: relative;
}

/* widget_category */

.widget_category ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.widget_category ul li a {
	font-family: "trajan-pro-3", sans-serif;
	font-weight: 600;
	font-size: 2.5rem;
	line-height: 2.5rem;
	color: #777;
	display: block;
	position: relative;
	word-break: normal;
	margin: 1rem 0 0.2rem 0;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
.widget_category ul li a:hover {
	color: #777;
	opacity: 0.7;
	text-decoration: none;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
.widget_category ul li .post-exp {
	color: #b7b7b7;
	margin: 0 0 2rem 0;
	padding: 0;
	display: block;
}

/* NewsPost Catch */

ul#npcatch {
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
ul#npcatch li {
	font-size: 1.2rem;
	line-height: 1.6rem;
	list-style: none;
	width: 100%;
	margin: 1rem 0 1.5rem 0;
	padding: 0;
	text-indent: 0;
}
ul#npcatch li img {
	margin: 0;
	padding: 0;
	text-indent: 0;
	float: left;
	width: 30%;
}
ul#npcatch li .title {
	float: left;
	margin: 0 0 0 4%;
	padding: 0;
	width: 66%;
}
ul#npcatch li .date {
	color: #b7b7b7;
	display: block;
	position: relative;
}

/* Popular Posts Plugin */

ul.wpp-list {
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
ul.wpp-list li {
	font-size: 1.2rem;
	line-height: 1.6rem;
	list-style: none;
	width: 100%;
	margin: 1rem 0 1.5rem 0;
	padding: 0;
	text-indent: 0;
}
ul.wpp-list li img {
	margin: 0;
	padding: 0;
	text-indent: 0;
	float: left;
	width: 30%;
}
ul.wpp-list li .wpp-post-title {
	float: left;
	margin: 0 0 0 4%;
	padding: 0;
	width: 66%;
}
ul.wpp-list li .wpp-date {
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 500;
	float: right;
	margin: 0 0 0 4%;
	padding: 0;
	width: 66%;
	color: #b7b7b7;
	display: block;
	position: relative;
}

/* widget_archive */

.widget_archive {
	font-size: 1.2rem;
	line-height: 1.6rem;
}

/* widget_search */

.widget_search .search-submit {
	display: none;
}
.widget_search .search-form {
	width: 100%;
}
.widget_search .search-field {
	width: 94%;
}

/* widget_profile */

.widget_profile {
}
.widget_profile p {
	font-size: 1.2rem;
	line-height: 2.0rem;
	margin: 0 0 1rem 0;
}

/* widget_sns */

.widget_wpcom_social_media_icons_widget ul li {
	margin: 0 2rem 0 0;
}
.widget_wpcom_social_media_icons_widget ul li .genericon {
	font-size: 2rem;
}
.widget_wpcom_social_media_icons_widget ul li a.genericon-facebook {
	color: #305097;
}
.widget_wpcom_social_media_icons_widget ul li a.genericon-twitter {
	color: #00aced;
}
.widget_wpcom_social_media_icons_widget ul li a.genericon-youtube {
	color: #cd201f;
}
.widget_wpcom_social_media_icons_widget ul li a {
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
.widget_wpcom_social_media_icons_widget ul li a:hover {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

/* Make sure select elements fit in widgets */

.widget select {
	max-width: 100%;
}

.widget .product-title,
.widget .product-categories li {
	font-size: 1.5rem;
	line-height: 2.4rem;
}
.widget .amount {
	font-size: 1.5rem;
	line-height: 2.4rem;
	color: #949494;
	}

/* Tagcloud widget */

#secondary .tagcloud a {
	line-height: 1.2;
	background: #cbcbcb;
	opacity: 0.5;
	color: #fff;
	padding: 0.5rem 1rem;
	display: inline-block;
	margin: 0 0.5rem 0.5rem 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#secondary .tagcloud a:hover {
	background-color: #cbcbcb;
	opacity: 1;
}

/*--------------------------------------------------------------
10.0 Content Toppage
--------------------------------------------------------------*/

.topbanner {
	margin: 0 0 4rem 0;
}
.parallax-window {
	min-height: 600px;
	width: 100%;
	background: transparent;
	max-width: auto;
}
@media screen and (max-width: 600px) {
}

.front-page section {
	padding: 5rem 0 0 0;
}
.news ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.news ul h3 {
	font-size: 1.4rem;
	line-height: 2.2rem;
}
.news ul h3 a {
	color: #555;
	text-decoration: none;
}
.news ul h3 a:hover {
	color: #069;
	text-decoration: none;
}
.news ul time {
	color: #b7b7b7;
  font-size: 1.4rem;
	line-height: 2.2rem;
	margin: 0 0 1rem 0;
	}
.news ul li {
	width: 30%;
	margin: 0 3.3333% 0 0;
	float: left;
}
.news ul li img {
	display: block;
	width: 100%;
	vertical-align: bottom;
	margin: 10px 0;
}

/*--------------------------------------------------------------
10.0 Product Pages
--------------------------------------------------------------*/

.single-product h1.product_title {
	font-size: 2.4rem;
	line-height: 3.4rem;
	letter-spacing: 0.1rem;
}

.single-product .entry-summary {
	margin: 0;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

article.hentry {
	padding: 0 0 3rem 0;
	margin: 0 0 3rem 0;
	border-bottom: 1px solid #ececec;
}

.taxonomy-description {
	margin: 0 0 50px 0;
	font-style: italic;
	}
h1.entry-title {
	font-size: 2.4rem;
	line-height: 3.5rem;
	letter-spacing: 0.1rem;
	margin: 0 0 0.5rem 0;
}
h1.entry-title a,
.entry-meta a {
	/*color: #555;*/
	color: #069;
	text-decoration: none;
}
h1.entry-title a:hover,
.entry-meta a:hover {
	color: #069;
}

.entry-meta {
	font-size: 1.5rem;
	line-height: 2.4rem;
	color: #b7b7b7;
	margin-bottom: 1.5em;
	margin: 0 0 1rem 0;
	}
.entry-meta a {
	color: #b7b7b7;
}

.entry-footer {
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	margin: 0 0 1rem 0;
	}
.entry-footer span {
	padding: 0 2em 0 0;
}
.entry-footer a {
	text-decoration: none;
}
.edit-link {
	display: none;
}

/* Category */
/* Tag */

.cat-links,
.tags-links {
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin: 2rem 0;
	display: block;
}
.cat-links a,
.tags-links a {
	margin: 0 0 0 0.8rem;
}
.cat-links a:hover,
.tags-links a:hover {
	text-decoration: underline;
}
.cat-links i.fa,
.tags-links i.fa {
	margin: 0 0.5rem 0 0;
}

/* blog */

.entry-content,
.entry-content p {
	font-size: 1.6rem;
	line-height: 2.8rem;
}
.entry-content p {
	margin: 1rem 0 1.5rem 0;
}

.entry-content h1 {
	font-size: 2.4rem;
	line-height: 3.4rem;
	position: relative;
	padding-bottom: .6rem;
	margin: 3rem 0 2rem 0;
}
.entry-content h1::before,
.entry-content h1::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	height: 4px;
}
.entry-content h1::before {
	z-index: 2;
	width: 15%;
	background-color: #ccc;
}
.entry-content h1::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #ccc 2px, #ccc 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #ccc 2px, #ccc 4px);
}

.entry-content h2 {
	font-size: 2.2rem;
	line-height: 3.2rem;
	position: relative;
	padding-bottom: .4rem;
	margin: 3rem 0 2rem 0;
}
.entry-content h2::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	height: 2px;
}
.entry-content h2::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(90deg, #fff, #fff 2px, #ccc 2px, #ccc 4px);
	background: repeating-linear-gradient(90deg, #fff, #fff 2px, #ccc 2px, #ccc 4px);
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	font-size: 1.8rem;
	line-height: 2.6rem;
	position: relative;
	padding-bottom: .2rem;
	margin: 3rem 0 2rem 0;
}
.entry-content h3::after,
.entry-content h4::after,
.entry-content h5::after,
.entry-content h6::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	height: 1px;
}
.entry-content h3::after,
.entry-content h4::after,
.entry-content h5::after,
.entry-content h6::after  {
	width: 100%;
	background: -webkit-repeating-linear-gradient(90deg, #fff, #fff 1px, #ccc 1px, #ccc 2px);
	background: repeating-linear-gradient(90deg, #fff, #fff 1px, #ccc 1px, #ccc 2px);
}

.entry-content section {
	margin: 0 0 5rem 0;
}

article#single .entry-content img {
	max-width: 100%;
	height: auto;
	padding: 1rem 0 2rem 0;
}
article#archive .entry-content img {
	max-width: 100%;
	height: auto;
	padding: 0 0 0 0;
}

.entry-content strong {
	font-weight: bold;
}

.entry-content blockquote {
  margin: 2rem 1rem 2rem 1rem;
  padding: 0 0 0 1rem;
  border-left: 3px solid #eaeaea;
  overflow: auto;
}

.entry-content ul {
	padding: 0 0 0 2rem;
	margin: 1rem 0 2rem 0;
	list-style-position: outside;
	list-style-type: disc;
}
.entry-content ul.nolist {
	padding: 0 0 0 0rem;
	margin: 1rem 0 2rem 0;
	list-style-position: inside;
	list-style-type: none;
}


.entry-content ol {
	padding: 0 0 0 2rem;
	margin: 1rem 0 2rem 0;
	list-style-position: outside;
	list-style-type: decimal;
}
.entry-content ul ul,
.entry-content ol ol {
	padding: 0 0 0 2rem;
}
.entry-content li {
	margin: 0 0 1.5rem 0;
}
.entry-content figure {
	margin: 0;
	padding: 0;
}
.entry-content figure figcaption {
	color: #999;
	margin: 0 0 1rem 0;
	font-size: 0.8rem;
	line-height: 1.5rem;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

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

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

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.post-navigation {
	padding: 0px 0 0 0;
}
.nav-links {
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin: 0 0 2rem 0;
	border-top: 1px solid #333;
	padding: 1.5rem 0 0 0;
	}
.nav-links a {
	color: #555;
	text-decoration: none;
	margin: 0 1rem;
}

.entry-content i.fa {
	margin: 0 0.5rem 0 0;
}

.error-content {
	background: rgba(255, 255, 255, 0.8);
	margin: 30px 0;
	padding: 50px 30px;
}
.error-content .search-field {
	padding: 5px !important;
	width: 97% !important;
	margin: 0 0 20px 0;
}
.error-content .search-submit {
	margin: 0;
	display: block;
	width: 99%;
}

.blog-top-text {
	margin: 0.5em 0 0 0;
}

/* toc (Table of Contents Plus) */

#toc_container {
	background: rgba(255, 255, 255, 0.3);
	border: 1px solid #eaeaea;
	border-radius: 5px;
	padding: 0.3rem 1rem;
	margin: 4rem 0;
}
.entry-content > #toc_container {
	margin: 0 0 4rem 0;
}

#toc_container ul li {
	/*list-style: none;*/
	list-style-type: disc;
	list-style-position: inside;
	padding: 0;
	margin: 0 0 0.45rem 0;
	text-indent: 0;
}
#toc_container ul li ul li,
#toc_container ul li ul li ul li {
	/*list-style: none;*/
	list-style-type: circle;
	list-style-position: inside;
	padding: 0;
	margin: 0 0 0.45rem 0;
	text-indent: 0;
}

#toc_container .toc_title {
	text-align: center;
}

/* movie */

.movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/* SNS */

.blog-sns {
	clear: both;
	padding: 2rem 0;
}
.blog-sns .facebook-btn {
	margin: 0 2rem 0 0;
	display: inline-block;
	vertical-align: top;
	height: 30px;
}
.blog-sns .twitter-btn {
	margin: 0 2rem 0 0;
	display: inline-block;
	vertical-align: top;
	height: 30px;
}
.blog-sns .hatena-btn {
	margin: 0;
	display: inline-block;
	vertical-align: top;
	height: 30px;
}
.blog-sns .facebook-comments .fb-comments,
.blog-sns .facebook-comments .fb-comments iframe,
.blog-sns .facebook-comments .fb-comments span {
	width: 100% !important;
	float: left;
	clear: both;
	overflow: visible;
	margin: 0 0 2rem 0;
}

/* pagenavi */

.wp-pagenavi {
	clear: both;
	font-size: 1.4rem;
	line-height: 1;
}
.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #ccc;
	padding: .8rem 1rem;
	margin: .5rem;
	display: inline-block;
	border-radius: 3px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #fff;
	border-color: #069;
	background: #069;
}
.wp-pagenavi i.fa {
	font-size: 1.4rem;
	margin: 0 .3rem;
}

/* Portfolio */

section.portfolio {
	display: block;
	margin: 0 0 5rem 0;
}
section.portfolio h1 {
	margin: 0;
}
section.portfolio h2 {
	margin: 0 0 0.5rem 0;
}
section.portfolio h3 {
	margin: 0 0 0.5rem 0;
	color: #b7b7b7;
}
section.portfolio .portfolio-year {
	font-size: 1.4rem;
	line-height: 2.5rem;
	color: #b7b7b7;
	margin: 7rem 0 0 0;
}
section.portfolio p.portfolio-caption {
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin: 0;
}
section.portfolio img {
 width: 100%;
 border: 10px solid #eaeaea;
 margin: 1em 0;
}
section.portfolio a i.fa {
	margin: 0 0.5rem 0 0;
}
ul.portfolio-nav {
	text-align: center;
	width: 100%;
}
ul.portfolio-nav li {
	list-style: none;
	display: inline-block;
	padding: 1rem 2rem;
	color: #999;
}
ul.portfolio-nav li a {
	color: #555;
	text-decoration: none;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
ul.portfolio-nav li a:hover {
	color: #069;
	text-decoration: none;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

/* Similar Posts */

#similar {
	display: inline-block;
	margin: 2.5rem 0;
}
#similar .wp-post-image {
	border:solid 1px #ccc;
	float: left;
	padding: 0;
	margin: 0 1rem 0 0;
}
#similar .similar_posts {
	margin: 1rem 0 1rem 0;
	float: left;
	clear: both;
}
#similar .similar_posts_title {
	font-size: 1.5rem;
	line-height: 2.4rem;
}
#similar p.similar_posts_snippet {
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin: 0.5rem 0 0 0;
}
#similar ul,
#similar ul ul,
#similar ol,
#similar ol ol,
#similar li {
	margin: 0;
	padding: 0;
}

/* Sitemap */

ul#sitemap_list li {
	margin: 0 0 2rem 0;
}
ul#sitemap_list ul li {
		margin: 2rem 0;
}

/* Contact */

section.contact a i.fa {
	margin: 0 0.5rem 0 0;
}

#contact-name,
#contact-email,
#contact-subject,
#contact2-budget,
#contact2-date,
#contact2-page,
#contact2-url-01,
#contact2-url-02,
#contact2-url-03,
#contact2-company,
#contact2-name,
#contact2-email,
#contact2-url,
#contact2-address-01,
#contact2-address-02,
#contact2-tel {
	margin: 0 2rem 2rem 0;
}

#contact-textarea,
#contact2-contact {
	padding: 0.5rem 1rem;
}

section#contact1 h1,
section#contact1 h2,
section#contact2 h1,
section#contact2 h2 {
	margin: 5rem 0 0 0;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.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%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.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;
}

/*--------------------------------------------------------------
12.1 Footer
--------------------------------------------------------------*/

.site-footer {
	padding: 3rem 0;
	background-color: rgba(190, 190, 190, 0.1);
	border-top: rgba(190, 190, 190, 0.8);
	color: rgba(66, 66, 66, 0.8);
	text-align: center;
}
.footer-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0 0 2rem 0;
}
.footer-navigation li {
	font-size: 1.4rem;
	line-height: 2.2rem;
	display: inline-block;
}
.footer-navigation a {
	display: block;
	text-decoration: none;
	padding: 1rem 1.5rem;
	color: #555;
}
.footer-navigation a:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}
.site-info {
	font-size: 1.2rem;
	color: #b7b7b7;
}

#footer-sns-btn {
	margin: 1rem 0 0 0;
}
#footer-sns-btn ul {
	margin: 0;
	padding: 0;
}
#footer-sns-btn ul li {
	display: inline-block;
}
#footer-sns-btn ul li a .fa {
	font-size: 2rem;
	color: #999;
	margin: 0 2rem 4rem 2rem;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

#footer-sns-btn ul li a.icon-facebook .fa {
	color: #305097;
}
#footer-sns-btn ul li a.icon-twitter .fa {
	color: #00aced;
}
#footer-sns-btn ul li a.icon-youtube .fa {
	color: #cd201f;
}
#footer-sns-btn ul li a:hover .fa {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

/* button */

.btn {
	font-size: 1.4rem;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	padding: 2rem 2em;
	background-color: #999;
	border: none;
	cursor: pointer
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.btn.primary {
	font-size: 1.4rem;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	padding: 2rem 2em;
	background-color: #069;
	border: none;
	cursor: pointer
}
.btn:hover,
.btn.primary:hover {
	opacity: 0.5;
	-webkit-transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;
	-o-transition: opacity .2s linear;
	transition: opacity .2s linear;
	filter: alpha(opacity=0.5);
}
input[type="submit"] {
  -webkit-appearance: none;
}