/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       Akahane
 Author URI:   http://example.com
 Template:     twentyfifteen
 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:  twenty-fifteen-child
*/

/* フォントの指定 */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body,
button,
input,
select,
textarea,
code,
kbd,
tt,
var,
samp,
pre
{
font-family: 'Noto Sans Japanese',メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif !important;
# font-family: メイリオ, Meiryo, Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif !important;
word-break: break-all;
}

/* リンクの下線を出さない */
/* マウスオーバーで蛍光ペン風に強調表示 */
 
.entry-content a {
	border-bottom: 0;
	color: #0000ff;
}

.entry-content a:hover {
	color: #cc0000;
	background: linear-gradient(transparent 60%, #ff0 0%);
}

.entry-content h6,
.comment-content h6 {
	border-bottom: 1px solid #ccc;
}

.widget-title {
	border-bottom: #2c6ebd 1px solid;
}

.page-header {
	padding: 2.0%;
}

/* ポストナビゲーションの文字と余白の調整 */

.post-navigation .post-title {
	font-size: 16px;
	font-size: 1.6rem;
}

.post-navigation a {
	padding: 2% 7.6923%;
}

/* 記事タイトルのサイズ変更 */
.entry-title {
	border-top: 1px solid #2c6ebd;
	border-bottom: 1px solid #2c6ebd;
	padding: 10px 10px;
	font-size: 20px;
	font-size: 2.0rem;
	background-color: #f7f7f7
}

/* 見出しのフォントサイズ変更 */
/* サイト上部&ウィジェットの上下の余白を調整(PC表示) */
/* コンテンツエリアの幅を広げる */

@media screen and (min-width: 38.75em) {
	.entry-title {
		font-size: 2.0rem;
	}
	.hentry,
	.pagesamary {
		border-radius: 10px;
	}
｝

@media screen and (min-width: 46.25em) {
	.entry-title {
		font-size: 3.0rem;
	}
	.hentry,
	.pagesamary {
		border-radius: 10px;
	}
}

@media screen and (min-width: 55em) {
	.entry-title {
		font-size: 30px;
		font-size: 2.0rem;
	}
	.entry-content h2,
	.comment-content h2 {
		font-size: 30px;
		font-size: 2.0rem;
	}
 
	.entry-content h3,
	.comment-content h3 {
		font-size: 25px;
		font-size: 1.75rem;
	}
 
	.entry-content h4,
	.comment-content h4 {
		font-size: 20px;
		font-size: 1.5rem;
	}
	.hentry,
	.pagesamary {
		border-radius: 10px;
	}
}

@media screen and (min-width: 59.6875em) {
	.entry-title {
		font-size: 34px;
		font-size: 2.0rem;
	}
	.entry-content h2,
	.comment-content h2 {
		font-size: 34px;
		font-size: 2.0rem;
	} 
      .site-main {
		padding: 5% 0;
	}
        .site-header {
		margin: 12% 0;
	}
	.widget {
		margin: 0 0 12%;
	}

	.hentry,
	.pagesamary {
		border-radius: 10px;
	}
	.hentry,
	.page-header,
	.page-content {
		margin: 0 5%;
	}
	.hentry + .hentry,
	.page-header + .hentry,
	.page-header + .page-content {
		margin-top: 5%;
	}
        .comments-area {
		margin: 5% 5% 0;
	}
	.post-navigation {
		margin: 5% 5% 0;
	}
        .site-footer {
		margin: 0 0 0 32.9651%;
		width: 63.5067%;
	}
}

@media screen and (min-width: 61.5625em) {
	.entry-title {
		font-size: 36px;
		font-size: 2.25rem;
	}
	.entry-content h2,
	.comment-content h2 {
		font-size: 36px;
		font-size: 2.25rem;
	}
}

@media screen and (min-width: 68.75em) {
	.entry-title {
		font-size: 38px;
		font-size: 2.25rem;
	}
	.entry-content h2,
	.comment-content h2 {
		font-size: 38px;
		font-size: 2.25rem;
	}
	.entry-content h3,
	.comment-content h3 {
		font-size: 34px;
		font-size: 2.0rem;
	}
	.entry-content h4,
	.comment-content h4 {
		font-size: 30px;
		font-size: 1.5rem;
	}
}
 
@media screen and (min-width: 77.5em) {
	.entry-title {
		font-size: 40px;
		font-size: 2.5rem;
	}
	.entry-content h2,
	.comment-content h2 {
		font-size: 40px;
		font-size: 2.5rem;
	}
 	.entry-content h3,
	.comment-content h3 {
		font-size: 36px;
		font-size: 2.25rem;
	}
	.entry-content h4,
	.comment-content h4 {
		font-size: 32px;
		font-size: 1.75rem;
	}
}

/* ウイジェットリスト表示 */
.jcl_category ul,li {
    list-style: none;
}
