@charset "UTF-8";
/*
Theme Name:    Child Theme
Template:       twentythirteen
*/

@import url('../twentythirteen/style.css');

/*----------------------------------------------
　サイト全体のフォントを指定
----------------------------------------------*/

/* 基本のフォント */
html {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
/* Webフォントの読み込み */
@font-face
{
font-family: mplus-1p-light;
src: url('https://mplus-fonts.sourceforge.jp/webfonts/mplus-1p-light.ttf')
     format("truetype");
}
/* 見出し要素全体にWebフォントを適用 */
h1, h2, h3, h4, h5, h6 {
	font-family: mplus-1p-light, sans-serif;
	font-weight: normal;
}
/* サイトタイトルのフォントの太さをノーマルに */
.site-title {
	font-weight: normal;
}
/* キャッチフレーズ、ウィジェットタイトル、コメント見出し、アーカイブタイトルのフォント設定 */
.site-description, .widget .widget-title, .comment-reply-title, .comments-title, .archive-title, .archive-meta {
	font-family: mplus-1p-light, sans-serif;
	font-weight: normal;
	font-style: normal;
}

/*----------------------------------------------
　ヘッダーのカスタマイズ
----------------------------------------------*/

/* ヘッダーの背景色を指定 */
#masthead {
	background-color: #F3F3F0;
}
/* ヘッダー部分の高さ設定を取り消し、下余白を30pxに指定 */
.site-header .home-link {
	min-height: 0;
	padding-bottom: 30px;
}
/* 画面幅998px以下の場合、サイトタイトルのフォントサイズは30pxで上余白が30px */
@media screen and (max-width: 998px) {
	.site-title {
		font-size: 30px;
		padding-top: 30px;
	}
}
/* 画面幅999px以上の場合、サイトタイトルのフォントサイズは50px */
@media screen and (min-width: 999px) {
	.site-title {
		font-size: 50px;
	}
}
/* 画面幅643px以下の場合、キャッチフレーズのフォントサイズは16px */
@media screen and (max-width: 643px) {
	.site-description {
		font-size: 16px;
	}
}

/*----------------------------------------------
　ナビゲーションメニューのカスタマイズ
----------------------------------------------*/

/* ナビゲーションエアリ全体の背景色 */
.navbar {
	background-color: #4DA8C9;
}
/* メニューリンクのマウスオーバー時の背景色 */
.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu .children, .nav-menu .sub-menu {
	background-color: #33332F;
}
/* 子ページへのリンクのマウスオーバー時の背景色 */
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover {
	background-color: #4D4D4A;
}
/* 表示中ページのテキスト色を指定 */
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
	color: #FFF;
}
/* 画面幅643px以下の場合、マウスオーバー時の背景色を指定し、子ページのボーダーを削除 */
@media (max-width: 643px) {
	.toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover {
		background-color: #33332F;
	}
	.nav-menu .sub-menu, .nav-menu .children {
		border: none;
	}
}

/*----------------------------------------------
　コンテンツエリアのカスタマイズ
----------------------------------------------*/

/* 画面幅644px以上の場合、投稿タイトルのフォントサイズが40px */
@media screen and (min-width: 644px) {
	.entry-title {
		font-size: 40px;
	}
}
/* テキストリンクの指定 */
.entry-content a, .comment-content a, .entry-meta a {
	color:  #2C7794;
	text-decoration: underline;
}
.entry-content a:hover, .comment-content a:hover, .entry-meta a:hover {
	text-decoration: none;
}
/* 投稿タイプ別の背景色 */
.format-video, .format-audio { /* 動画・音声フォーマット */
	background-color: #7F7F7C;
}
.format-status { /* ステータスフォーマット */
	background-color: #4D4D4A;
}
.format-quote { /* 引用フォーマット */
	background-color: #33332F;
}
.format-link, .format-aside { /* リンク・アサイドフォーマット */
	background-color: #E9F5F7;
}
.format-gallery { /* galleryフォーマット */
	background-color: #8CC9DE;
}
.format-chat { /* チャットフォーマット */
	background-color: #AFDBE8;
}
/* その他コンテンツエリアの背景色 */
.hentry .mejs-container .mejs-controls { /* 音声フォーマットのオーディオプレーヤーの背景色 */
	background-color: #33332F;
}
.comment-respond, .attachment .hentry, .archive-header { /* コメントエリア、アーカイブと添付ファイルページのヘッダー背景色 */
	background-color: #E9F5F7;
}
/* ページナビゲーション部分の配色 */
.paging-navigation {
	background-color: #D6ECF1;
}
.paging-navigation .meta-nav {
	background-color: #2F7F9D;
}
.navigation a {
	color: #2F7F9D;
}

/*----------------------------------------------
　サイドバーのカスタマイズ
----------------------------------------------*/

/* サイドバーウィジェットの背景色 */
.widget {
	background-color: #F3F3F0;
}
/* ウィジェットのテキストリンク色 */
.widget a {
	color:  #2C7794;
}

/*----------------------------------------------
　フッターのカスタマイズ
----------------------------------------------*/
/* メインウィジェットエリアの背景色とパターン */
.site-footer .sidebar-container {
	background-color: #303032;
	background-image: url(https://niiza-syako.g-oj.com/wp-content/uploads/2018/02/classy_fabric_@2X.png); /* 括弧内に目でシアからアップロードした画像のURLを入力します */　
	background-size: 102px;
}
/* メインウィジェットエリアのテキストリンク色 */
.site-footer .widget a {
	color: #AFDBE8;
}
/* フッターの背景色と文字色 */
.site-footer {
	background-color: #F3F3F0;
	color: #33332F;
}

/*----------------------------------------------
　Twitterウィジェットのカスタマイズ
----------------------------------------------*/
/* Twitterのタイムラインを可変幅に変更 */
#twitter-widget-0 {
	width: 100%;
}

/*----------------------------------------------
　AdSence広告の配置設定
----------------------------------------------*/
/* ウィジェットのGoogle AdSense広告を中央寄せ */
#adswidget1-quick-adsense {
	text-align: center;
}