@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Roboto:300|Josefin+Sans:300');

body{font-family: Roboto, "Noto Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, sans-serif;
 	letter-spacing: 0.08em;
	color: rgb(85, 85, 85);	
}
.site-branding a img.custom-logo {
    opacity: 0.7;
    width: 490px;
    margin: 200px auto;
			padding-bottom:20px;
}
@media screen and (max-width: 768px) {
	.site-branding a img.custom-logo {
    width: 55%;
    height:auto;
			padding-bottom:0;
			margin: 170px auto;
    }
}
@media screen and (max-width: 640px) {
	.site-branding a img.custom-logo {
    width: 75%;
		 height:auto;
    margin: 90px auto;
			}
}

.post-template-default .site-branding a img.custom-logo,
.page-template-default .site-branding a img.custom-logo{
	width: 400px;
	margin: 40px auto;
}
@media screen and (max-width: 768px) {
.post-template-default .site-branding a img.custom-logo,
.page-template-default .site-branding a img.custom-logo{
	margin: 10px auto;
	width: 45%;
    height:auto;
}
}
@media screen and (max-width: 640px) {
	.post-template-default .site-branding a img.custom-logo,
.page-template-default .site-branding a img.custom-logo{
    width: 65%;
		 height:auto;
    margin: 0 auto;

			}
	.sticky-top .main-banner {
    padding-top: 100px;
}
}

header#masthead, 
.main-navigation ul ul, 
.mean-container .mean-bar {
	height: 55px;
	opacity:0.8;
}
.mean-container a.meanmenu-reveal {
padding: 17px 15px!important;
}
.mean-container .mean-nav {
    margin-top: 55px;
}

.main-navigation ul li, .main-navigation ul li a {
			font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    padding-top: 3px;
    letter-spacing: 0.2em;
	text-transform: none;
	font-variant-ligatures:none;
}


.mean-container .mean-nav ul li a {
    padding: 1.1em 8%;
    border-bottom: none;
    font-family: 'Josefin sans', Open Sans, sans-serif;
    font-size: 17px;
	background-color:rgba(20,21,30,0.95);
	letter-spacing:0.2em;
}
.widget .widget-title{
    font-size: 24px;
    letter-spacing: 0.1em;
    font-family: 'Playfair Display', serif;
    font-style: italic;
		text-transform: inherit;
		color:#999;
}
.entry-header h1.entry-title,
.entry-header h2.entry-title a{
    letter-spacing: 0.1em;
    color: #303a3c;
    font-family: 'Playfair Display', serif;
			text-transform: none;
		 font-size: 28px;
}
.post .detail-wrap .entry-header h2.entry-title a, .search .page .detail-wrap .entry-header h2.entry-title a, .search .product .detail-wrap .entry-header h2.entry-title a{
	 font-size: 28px;
}

.author-info-wrap .author-content-wrap a.authors-more-posts, .blog_way_widget_author .author-profile a.btn-continue, .content-area a{
font-family: 'Josefin Sans', sans-serif;
	font-size:16px;
}
.entry-header .author-date{
	font-family: 'Josefin Sans', sans-serif;
}
.site-footer, .footer-social .menu-social-menu-container #menu-social-menu{
	font-family: 'Josefin Sans', sans-serif;
}

.post, article.page, .search article.product {
    padding: 30px 40px;
}

@media screen and (max-width: 640px) {
	body{
 	letter-spacing: 0.02em;
}
	.main-banner {
    margin-bottom: 0;
    padding: 50px 0;
	}
	
	.entry-header h1.entry-title, .entry-header h2.entry-title a{
		 		font-size: 20px;	
	}
.post .detail-wrap .entry-header h2.entry-title a, .search .page .detail-wrap .entry-header h2.entry-title a, .search .product .detail-wrap .entry-header h2.entry-title a{
	 		font-size: 20px;
	}
	.post, article.page, .search 	article.product {
    padding: 10px 20px;
	}
	.author-info-wrap .author-content-wrap a.authors-more-posts, .blog_way_widget_author .author-profile a.btn-continue, .content-area a{
font-family: 'Josefin Sans', sans-serif;
	font-size:13px;
	}
		.widget .widget-title{
    font-size: 22px;
	}
}

.blog_way_widget_author .profile-img img {
    width: 200px;
}
#footer_logo{
    text-align: center;
}
#footer_logo li {
    display: inline-block;
}
#footer_logo a li {
    opacity: 0.4;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    vertical-align: top;
}
#footer_logo a:hover li {
    opacity: 0.9;
}
#footer_logo a li.sfw img {
    width: auto;
    height: 32px;
    margin: 0 20px;
}
#footer_logo a li.fg img {
    width: auto;
    height: 43px;
    margin: 0 20px;
}

footer .widget {
    margin-bottom: 10px;
}
.credit-text {
    display: none;
}
.copyright-text {
    display: none;
}

button, 
input,
.nav-links .nav-previous a,
.nav-links .nav-next a,
.nav-links .page-numbers,
.pagination .page-numbers.next, .pagination .page-numbers.previous{
font-family: 'Josefin Sans', sans-serif;
}