/*
Theme Name: Write
Description: murmuring design edition.
*/


/* Base
------------------------------------------------------------ */
body {
	font-family:  '游明朝', YuMincho, 'Hiragino Mincho ProN', Meiryo, serif;
	line-height: 1.9;
}
h1, h2, h3, h4, h5, h6 {
	font-family:  '游明朝', YuMincho, 'Hiragino Mincho ProN', Meiryo, serif;
}
.site-wrapper {
	border-top: 4px solid #000;
}
.head-sustoco {
	padding: 50px 20px 0;
	margin: 0 auto;
	max-width: 960px;
}
.head-sustoco .sustoco-logo {
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #000;
	margin-bottom: 0;
}
.head-sustoco .sustoco-logo a {
	display: block;
	width: 100%;
	height: auto;
	background: url(../images/logo-sustoco.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
	.head-sustoco .sustoco-logo a {
		background:url(../images/logo-sustoco.svg) no-repeat 0 0;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
}
@media screen and (min-width: 783px){
	.site-wrapper {
		border-top: 12px solid #000;
	}
	.head-sustoco {
		padding-top: 70px;
	}
	.head-sustoco .sustoco-logo a {
		width: 300px;
		height: 40px;
	}
	.site {
		padding: 90px 50px 45px;
	}
}


.home-text {
	font-family:  '游明朝', YuMincho, 'Hiragino Mincho ProN', Meiryo, serif;
}
/* Header
------------------------------------------------------------ */
.site-description {
	font-size: 70%;
}
.main-navigation ul.menu {
	font-size: 70%;
	font-weight: 700;
	text-transform: none;
}
.main-navigation ul.menu a:before {
	content: none;
}
@media screen and (min-width: 783px) {
	.main-navigation ul.menu li {
		position: relative;
	}
	.main-navigation ul.menu li:before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto 0;
		width: 1px;
		height: 14px;
		background-color: #000;
	}
	.main-navigation ul.menu li:first-child:before {
		content: none;
	}
	.main-navigation ul.menu a {
		padding: 0 30px;
	}
}
/* Content
------------------------------------------------------------ */
.entry-header-meta {
	font-size: 70%;
}
.author-profile {
	font-size: 80%;
}
/* Footer
------------------------------------------------------------ */
.cassette-wantedly {
	padding: 70px 0 80px;
	text-align: center;
}
.site-info {
	font-size: 60%;
}
@media screen and (min-width: 783px) {
	.cassette-wantedly iframe {
		padding-left: 40px;
	}
}