/* Import the CSS file-------------------------*/
@import  '../twentyfourteen/style.css';


/*
Theme Name: MiyakoFourteen
Theme URI: http://miyakokendo.com/themes/miyakofourteen
Author: the Pikkalin(Tokyoya-Tec)
Author URI: http://iwatekendo.com/
Template: twentyfourteen
Description: TwentyfourTeenをベースとして子テーマです。宮古剣道協会用。青色ベースの明るい色調で構成します。
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*********************************/
/* 基本要素　                    */
/*********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: "メイリオ";	/*「メイリオフォント」にします*/
}


/*********************************/
/* サイトの構成                  */
/*********************************/

.site {
	background-color: #fff;		/*全体の背景色は白ですが設計中はLightgoldenrodyellow(#FAFAD2)を使用する*/
	max-width: 1260px;
	position: relative;
}

/*********************************/
/* トップメニュー                */
/*********************************/

/*ヘッダーの書式*/
.site-header {
	background-color: #8ED1E0;	/*背景色：空色*/
	max-width: 1260px;		/*最大幅*/
}

/*ヘッダータイトルの文字書式*/
.site-title a {
	background-color: none;		/*背景色：なし*/
	color: #fff;			/*文字色：白*/ 
	font-family: "ＭＳ 明朝";
	font-size: 80px;
	font-weight: 900;
}

/*ヘッダータイトルにカーソルが乗った時*/
.site-title a:hover {
	background-color: #3366ff;	/*背景色：SafeColor*/
	color: #fff;			/*文字色：白*/
}



/*検索トグルボタン*/
.search-toggle {
	background-color: #B0E0E6;	/*背景色：Powderblue*/
	color: #fff;
}

/*検索トグルボタンにカーソルが乗った時*/
.search-toggle:hover,
.search-toggle.active {
	background-color: #6491c7;	/*背景色：Blu di Delft*/
	color: #fff;			/*文字色：白*/
}

/* 検索ボックス表示 */
.search-box {
	background-color: #6491c7;	/*背景色：Blu di Delft*/
	float: right;			/*右寄せ*/
	width: 50%;			/*デフォルトの半分のサイズにします*/
}


/* ナビゲーション */
.site-navigation a {
	color: #fff;			/*文字色：白*/
	display: block;
	text-transform: none;		/*大文字小文字表記は記載どおりにする*/
}

.site-navigation a:hover {
	backgraund-color: #ff0000;	/*3366ff*/
	color: #ff0000;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	backgraund-color: #ff0000;
	color: #3366ff;
	font-weight: 1800;
}

/******************************************/
/* セカンダリメニューバー（左サイドバー） */
/******************************************/

.secondary-navigation {
	font-size: 16px;
	color: #fff;
}


#secondary {
	background-color: #8ed1e0;	/*空色*/
	border-top: 1px solid #8ed1e0;	/*空色*/
}


/* 選択時の色表示 */
@media screen and (min-width: 1008px) {
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #3366ff;	/*トップメニュー選択時の色：SafeColor*/
		color: #fff;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #3366ff;	/*たぶんトップメニューから降りたメニューの色だと思う*/
	}

	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #3366ff;	/*セカンドメニュー選択時の色：SafeColor*/
		color: #ffef20;			/*文字色：黄色*/
		font-weight: 700;		/*太さ：700*/
	}
	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a {
		background-color: #3366ff;  /*#41a62a*/
	}
	.site:before {
		background-color: #fff;	/*白*/
		content: "";
		display: block;
		height: 100%;
		min-height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 182px;
		z-index: 2;
	}
}


/*********************************/
/* ボタンの設定                  */
/*********************************/
/* Buttons（ボタン） */

button, .contributor-posts-link, input[type=button], input[type=reset], input[type=submit] {
	background-color: #8ed1e0;	/*空色*/
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}

/* カーソルが乗った時 */
button:hover, button:focus, .contributor-posts-link:hover, input[type=button]:hover, input[type=button]:focus, input[type=reset]:hover, input[type=reset]:focus, input[type=submit]:hover, input[type=submit]:focus {
	background-color: #3366ff;
	color: #fff;
}

/* 押された時 */
button:active, .contributor-posts-link:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
	background-color: #fff;
	color: #3366ff;
}


/**********************************/
/* 記事本文の書式                 */
/**********************************/

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 800px;
}


/**********************************/
/* フッターの書式                 */
/**********************************/

.site-footer {
	background-color: #8ed1e0;	/*空色*/
	font-size: 12px;
	position: relative;
	z-index: 3;
}

.site-info a:hover {
	color: #3366ff;  /*Safecolor*/
}

/*******************************
/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */
.entry-title a:hover {
	color: #ff0000;  /*#41a62a*/
}

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */
.entry-meta a:hover {
	color: #ff0000;  /*#41a62a*/
}

.cat-links a:hover {
	color: #ff0000;  /*#41a62a*/
}

.entry-meta .tag-links a:hover {
	background-color: #ff0000;  /*#41a62a*/
	color: #fff;
}

.entry-meta .tag-links a:hover:before {
	border-right-color: #ff0000;  /*#41a62a*/
}

.entry-content .edit-link a:hover {
	color: #ff0000;  /*#41a62a*/
}

.page-links a:hover {
	background: #ff0000;  /*#41a62a*/
	border: 1px solid #ff0000;  /*#41a62a*/
	color: #fff;
}

/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */

.post-navigation a:hover,
.image-navigation a:hover {
	color: #ff0000;  /*#41a62a*/
}

.paging-navigation a:hover {
	border-top: 5px solid #ff0000;  /*#41a62a*/
	color: #2b2b2b;
}

/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #ff0000;  /*#41a62a*/
}

.comment-reply-title small a:hover {
	color: #ff0000;  /*#41a62a*/
}











/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

/* Primary Sidebar, Footer Sidebar */

.widget a {
	color: #fff;
}

.widget a:hover {
	color: #0000ff;  /*#41a62a*/
}

.widget input[type=button]:hover, .widget input[type=button]:focus, .widget input[type=reset]:hover, .widget input[type=reset]:focus, .widget input[type=submit]:hover, .widget input[type=submit]:focus {
	background-color: #0000ff;  /*#41a62a*/
}

.widget-title a:hover {
	color: #ff0000;  /*#41a62a*/
}

.widget_calendar tbody a:hover {
	background-color: #ff0000;  /*#41a62a*/
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #ff0000;  /*#41a62a*/
}

/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

.content-sidebar .widget a:hover {
	color: #ff0000;  /*#41a62a*/
}

.content-sidebar .widget input[type=button]:hover, .content-sidebar .widget input[type=button]:focus, .content-sidebar .widget input[type=reset]:hover, .content-sidebar .widget input[type=reset]:focus, .content-sidebar .widget input[type=submit]:hover, .content-sidebar .widget input[type=submit]:focus {
	background-color: #ff0000;  /*#41a62a*/
}

.content-sidebar .widget .widget-title a:hover {
	color: #ff0000;  /*#41a62a*/
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #ff0000;  /*#41a62a*/
}

/**
 * 8.0 Footer（フッター）
 * -----------------------------------------------------------------------------
 */



/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

.featured-content a:hover {
	color: #ff0000;  /*#41a62a*/
}

.slider-control-paging a:hover:before {
	background-color: #ff0000;  /*#41a62a*/
}

/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */


*************/