/*
 Theme Name:   Okaffe Child
 Template:     twentyseventeen
 Theme URI:    http://okaffe.kyoto/wp_okaffe/Okaffe-child/
 Description:  okaffe Child Theme
 Author:       studio ESSENCE
 Author URI:   http://essence.world
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  okaffe-child
*/

/* ======================================
　　font
======================================== */

body {
  font-family: '游ゴシック', YuGothic, 'メイリオ', 'Raleway', 'Didact', sans-serif;
  font-weight: 400;
}

/* ======================================
　　width
======================================== */

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 900px;/*記事幅の最大値（初期740px）*/
}

a {
	color: #023259;/*リンク文字色*/
}
a:hover,
a:active {
	color: #9b1a21;/*マウスオーバー時のリンク文字色*/
}


/* ======================================
　　記事タイトルの文字
======================================== */
h1 {
	font-size: 16px;/*大きさ*/
	font-size: 1.5rem;/*大きさ*/
	font-weight: 200;/*太さ*/
}
@media screen and (min-width: 30em) {
	h1 {
		font-size: 16px;/*大きさ*/
		font-size: 1.875rem;/*大きさ*/
	}
}
@media screen and (min-width: 48em) {
	.single-post .entry-title,
	.page .entry-title {
		font-size: 16px;/*大きさ*/
		font-size: 1.625rem;/*大きさ*/
	}
}

/* ======================================
　　大文字を小文字に
======================================== */
h5 {
	color: #767676;
	font-size: 16px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: none;
}

.site-title {
	clear: none;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: none;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: none;
}

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: none;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: none;
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: none;
}

.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: none;
}

h2.widget-title {
	color: #222;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-bottom: 1.5em;
	text-transform: none;
}

.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: none;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: none;
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: none;
	text-align: center;
}


/* ======================================
　　エントリータイトル下の余白
======================================== */

.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 1.5em;
}

/* ======================================
　　エントリータイトル色変更
======================================== */

h2,
.home.blog .entry-title {
	color: #9b1a21;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
}


/* ======================================
　　フォントサイズ
======================================== */

body
{
font-size: 14px;
line-height: 1.5em;
}

/* ======================================
　　リンクの色
======================================== */

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #9b1a21;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0);
}



.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #023259;
}

/* ======================================
　　背景画像の高さ
======================================== */
.custom-header {height:400px;}

.custom-header-media {height:100%;}

/* ======================================
　　190827投稿アーカイブ調整
======================================== */
.archive div#primary.content-area { width:100%;}
.archive header.entry-header { margin-bottom:10px;}
.archive h2.entry-title { color: #023259;}