/*
  Theme Name: grandslam-fan
  Author: grandslam-fan
  Description: grandslam-fan専用のテーマです。
*/

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント ------------------------------ */

body {
	color: #362f3c;
}

/* 基本テキストリンク ------------------------------ */

a:link {
	color: #362f3c;
	text-decoration: none;
}

a:visited {
	color: #362f3c;
	text-decoration: none;
}

a:hover {
	color: #F60;
	text-decoration: underline;
}

a:active {
	color: #F60;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

/* 見出し ------------------------------ */

@media screen and (max-width: 640px) {/* SP ------ */
.ttl01 {
	background: #009900;
}

.ttl02 {
	background: #009900;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.ttl01 {
	background: #009900;
}

.ttl02 {
	background: #009900;
}
}

/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

#header {
	background: #009900;
}

header#header .logo {
	font-size: 20px;
	font-family: 'Patua One', cursive;
	letter-spacing: 1px;
}


/* gnav ------------------------------ */

.gnav {
	background: #edbe00;
}

.gnav ul li {
	border-bottom: 1px #fff solid;
}

/* --------------------------------------------------------------------------------------
 固定枠
--------------------------------------------------------------------------------------- */

/* fixed_link_area ------------------------------ */

.fixed_link_area li .ttl_link:before {
	color: #ffd464;
}

.fixed_link_area .bx-wrapper .bx-controls-direction a {
	color: #ffd464;
}

/* --------------------------------------------------------------------------------------
 RSS枠
--------------------------------------------------------------------------------------- */

/* content_rss_area ------------------------------ */

.content_rss_area li a:before {
	color: #ffd464;
}
/* --------------------------------------------------------------------------------------
 フッター
--------------------------------------------------------------------------------------- */

footer {
	background: #009900;
}

/* --------------------------------------------------------------------------------------
 記事一覧 タブ切り替え
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {/* SP ------ */
.article_area .article_nav {
	border-bottom: 3px #009900 solid;
}

.article_area .article_nav li a {
 background: #edbe00;
}

.article_area .article_nav li.select a {
 background: #009900;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.article_area .article_nav li a {
 background: #edbe00;
}

.article_area .article_nav li.select a {
 background: #009900;
}
}

/* --------------------------------------------------------------------------------------
 記事一覧 2列
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {/* SP ------ */
.two_rows_area article.article_odd .ttl_item,
.two_rows_area article.article_even .ttl_item {
	border-bottom: 2px #009900 solid;
}

.two_rows_area article.article_even:hover .ttl_item,
.two_rows_area article.article_odd:hover .ttl_item {
	border-bottom: 2px #ccc solid;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.two_rows_area article.article_odd .ttl_item,
.two_rows_area article.article_even .ttl_item {
	border-bottom: 4px #009900 solid;
}

.two_rows_area article.article_even:hover .ttl_item,
.two_rows_area article.article_odd:hover .ttl_item {
	border-bottom: 4px #ccc solid;
}
}

/* --------------------------------------------------------------------------------------
 single
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {/* SP ------ */
.single #main h1 {
	border-bottom: 4px #FFD464 solid;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.single #main h1 {
	border-bottom: 8px #FFD464 solid;
}
}

/* 見出し関連 ------------------------------ */

 @media screen and (max-width: 640px) {/* SP ------ */
.single #main .single_area h2 {
	background: #009900;
}

.single #main .single_area h3 {
	border-left: 4px #009900 solid;
}
}

 @media screen and (min-width: 641px) {/* PC ------ */
.single #main .single_area h2 {
	background: #009900;
}

.single #main .single_area h3 {
	border-left: 4px #009900 solid;
}
}

/* 引用 ------------------------------ */

.single #main .single_area .quotation_area .right_txt a:link{
	color: #009900;
	text-decoration: none;
}

.single #main .single_area .quotation_area .right_txt a:hover{
	color: #F60;
	text-decoration: underline;
}

/* 記事内タグ ------------------------------ */

.single #main .tag_area li:hover {
	background: #FFD464;
	color: #fff;
}

.single #main .tag_area li i {
	color: #FFD464;
}

.single #main .tag_area li:hover i {
	color: #fff;
}

.single #main .tag_area a:link {
	color: #362f3c;
	text-decoration: none;
}

.single #main .tag_area a:visited {
	color: #362f3c;
	text-decoration: none;
}

.single #main .tag_area li:hover a {
	color: #fff;
	text-decoration: none;
}

.single #main .tag_area a:active {
	color: #362f3c;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------------
 コメント
--------------------------------------------------------------------------------------- */

.comment_area h3 {
	background: #009900;
}

@media screen and (max-width: 640px) {/* SP ------ */
.single #main .comment_area .comment_box .reply a {
	background: #009900;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.single #main .comment_area .comment_box .reply a {
	background: #009900;
}
}

/* --------------------------------------------------------------------------------------
 検索ページ
--------------------------------------------------------------------------------------- */

.search h1 {
	background: #009900;
}

/* --------------------------------------------------------------------------------------
 固定ページ
--------------------------------------------------------------------------------------- */

.page h1 {
	background: #009900;
}

.page .page_area h2 {
	border-left: 7px #009900 solid;
	border-bottom: 1px #CCCCCC solid;
	color: #FFD464;
}

.page .page_area h3 {
	border-left: 4px #009900 solid;
	color: #009900;
}

/* --------------------------------------------------------------------------------------
 404
--------------------------------------------------------------------------------------- */

.error404 .content section h1 {
	background: #009900;
}