/*
Theme Name: Oto Base
Theme URI: https://otonakeikaku.com/
Author: Otona Keikaku
Author URI: https://otonakeikaku.com/
Description: 独自テーマ用の最小ベース。現行WordPress対応。編集しやすく自由度の高い土台です。
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oto-base
*/

/* ==========================================================================
   最小限のリセット・ベース（ここから自由に上書き）
   ========================================================================== */
*,
*::before,
*::after {
	box-sizing: border-box;
}
body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	line-height: 1.6;
	color: #eee;
	background: #000;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


h1,h2,h3,h4,h5,h6 {
	margin: 4.5rem 0 2.3rem;
}
p {
	margin-bottom: 1.2em;
	color: #ddd;
	line-height: 1.745;
}


/* レイアウト用：必要に応じて編集 */
.site-header,
.site-main,
.site-footer {
	margin: 0 auto;
	padding: 0 1rem;
	width: 90%;
	max-width: 750px;
}
.site-header {
	position: fixed;
	width: 100%;
	max-width: 100%;
	height: 90px;
	overflow: hidden;
	background-color: #000000;
	box-shadow : 0px 0px 4px 0px rgba(0,0,0,1);/* 	横位置　縦位置　ぼかし　広がり　色 */
}
.site-header .site-logo {
	text-align: center;
}
.site-header img {
	margin: 20px auto 10px;
	padding: 0;
	width: auto;
	height: 50px;
	max-height: 90px;
}

h1.entry-title {
	text-align: center;
}
h2 {
	padding: .2em 14px;
	font-size: 2.1rem;
/* 	border-left: 3px solid #fff; */
	border-bottom: 1px solid #777;
	border-radius: 50px;
}
h3:before {
	content: "◉ ";
}

.site-main {
	padding-top: 150px;
	padding-bottom: 2rem;
}