/*
Theme Name: Twenty Seventeen Child
Template:   twentyseventeen
*/

/*Linkの下線を消し、文字色を変更*/
.entry-content a {
	color: #0000ff;/*リンク文字色*/
}
a:hover,
a:active {
	color: #ff6446;/*マウスオーバー時のリンク文字色*/
}

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 70, 1);/*下線の太さと色*/
	box-shadow: inset 0 0px 0 rgba(15, 15, 70, 1);/*下線の太さと色*/
}

.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: #ff6446;/*マウスオーバー時の文字色*/
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(15, 15, 70, 1);/*マウスオーバー時の下線の太さと色*/
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 0px 0 rgba(15, 15, 70, 1);/*マウスオーバー時の下線の太さと色*/
}


/*画面のレイアウト（記事とサイドバーの比率調整）*/
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 1100px;/*記事・サイドバー・余白の全幅*/
		padding-left: 1em;/*記事の左余白*/
		padding-right: 1em;/*サイドバーの右余白*/
	}
	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 68%;/*記事幅*/
	}
	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 26%;/*サイドバー幅*/
	}
	.navigation-top .wrap {
		max-width: 1100px;/*メニューバー幅*/
		padding: 0.75em 3.4166666666667em;
	}
	.site-content {
		padding: 2.5em 0 0;/*メニューバーと記事の間隔*/
	}
}

/*2カラムの記事幅変更(フロントページ設定は関係なし)*/
@media screen and (min-width: 48em) {
	body.page-two-column:not(.archive) #primary .entry-header {
		float: left;
		width: 28%;/*左側の幅の割合*/
	}
	body.page-two-column:not(.archive) #primary .entry-content {
		float: right;
		width: 68%;/*右側の幅の割合*/
	}
}

/* Site branding 位置調整*/
.site-branding {
	padding: 1em 0;
	position: relative;
	-webkit-transition: margin-bottom 1.2s;
	transition: margin-bottom 1.2s;
	z-index: 3;
}

/*サイトタイトルの文字*/
.site-title {
	font-size: 18px;/*大きさ*/
	font-size: 1.125rem;/*大きさ*/
	font-weight: 800;/*太さ*/
	line-height: 1.7;/*行高*/
	/*padding-bottom: 100px;*/
	text-transform: none;/*タイトルが全部大文字になるのを防ぐ*/

}
@media screen and (min-width: 48em) {
	.site-title {
		font-size: 32px;/*大きさ*/
		font-size: 2rem;/*大きさ*/
	}
}

/*サイトタイトル下のキャッチフレーズ文字*/
.site-description {
	font-size: 14px;/*大きさ*/
	font-size: 0.875rem;/*大きさ*/
	font-weight: 800;/*太さ*/
	/*padding-bottom: 100px;*/
}
@media screen and (min-width: 48em) {
	.site-description {
		font-size: 20px;/*大きさ*/
		font-size: 1.25rem;/*大きさ*/
	}
}
body.has-header-image .site-description,
body.has-header-video .site-description {
	color: #87cefa;/*色の変更*/
	opacity: 0.8;
}

/*記事タイトルの文字*/
h1 {
	color: #081154;/*色*/
	font-size: 20px;/*大きさ*/
	font-size: 1.25rem;/*大きさ*/
	font-weight: 800;/*太さ*/
}
@media screen and (min-width: 30em) {
	h1 {
		font-size: 20px;/*大きさ*/
		font-size: 1.25rem;/*大きさ*/
	}
}
@media screen and (min-width: 48em) {
	.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;/*大きさ*/
		font-size: 1.625rem;/*大きさ*/
	}
}

/*ページ見出しのフォントサイズ*/
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #081154;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* Navigationメニューの文字サイズ */

.navigation-top {
	bottom: 0;
	font-size: 16px;
	font-size: 1.0rem;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 3;
}


/*記事本文の文字*/
body,
button,
input,
select,
textarea {
	color: #333;/*色*/
	font-size: 12px;/*大きさ*/
	font-size: 1rem;/*大きさ*/
	font-weight: 400;/*太さ*/
	line-height: 1.4;/*行高*/
}
@media screen and (min-width: 30em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 12px;/*大きさ*/
		font-size: 1rem;/*大きさ*/
	}
}
@media screen and (min-width: 48em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 12px;/*大きさ*/
		font-size: 1rem;/*大きさ*/
		line-height: 1.5;/*行高*/
	}
}

/*見出し文字*/
h2 {
	/*h2はトップページやアーカイブページの記事タイトルにも使われている*/
	color: #081154;/*h2色*/
	font-size: 16px;/*h2大きさ*/
	font-size: 1rem;/*h2大きさ*/
	font-weight: 800;/*h2太さ*/
}
h3 {
	color: #333;/*h3色*/
	font-size: 14px;/*h3大きさ*/
	font-size: 0.875rem;/*h3大きさ*/
	font-weight: 800;/*h3太さ*/
}
h4 {
	color: #333;/*h4色*/
	font-size: 12px;/*h4大きさ*/
	font-size: 0.75rem;/*h4大きさ*/
	font-weight: 800;/*h4太さ*/
}
h5 {
	color: #767676;/*h5色*/
	font-size: 12px;/*h5大きさ*/
	font-size: 0.75rem;/*h5大きさ*/
	font-weight: 600;/*h5太さ*/
}
h6 {
	color: #333;/*h6色*/
	font-size: 12px;/*h6大きさ*/
	font-size: 0.75rem;/*h6大きさ*/
	font-weight: 600;/*h6太さ*/
}

@media screen and (min-width: 30em) {
	h2,
	.page .panel-content .recent-posts .entry-title {
		/*h2はトップページやアーカイブページの記事タイトルにも使われている*/
		font-size: 18px;/*h2大きさ*/
		font-size: 1.125rem;/*h2大きさ*/
	}
	h3 {
		font-size: 16px;/*h3大きさ*/
		font-size: 1rem;/*h3大きさ*/
	}
	h4 {
		font-size: 13px;/*h4大きさ*/
		font-size: 0.8125rem;/*h4大きさ*/
	}
	h5 {
		font-size: 13px;/*h5大きさ*/
		font-size: 0.8125rem;/*h5大きさ*/
	}
	h6 {
		font-size: 13px;/*h6大きさ*/
		font-size: 0.8125rem;/*h6大きさ*/
	}
}

@media screen and (min-width: 48em) {
	h2,
	.page .panel-content .recent-posts .entry-title {
		/*h2はトップページやアーカイブページの記事タイトルにも使われている*/
		font-size: 22px;/*h2大きさ*/
		font-size: 1.375rem;/*h2大きさ*/
	}
	h3 {
		font-size: 16px;/*h3大きさ*/
		font-size: 1rem;/*h3大きさ*/
	}
	h4 {
		font-size: 14px;/*h4大きさ*/
		font-size: 0.875rem;/*h4大きさ*/
	}
	h5 {
		font-size: 14px;/*h5大きさ*/
		font-size: 0.875rem;/*h5大きさ*/
	}
	h6 {
		font-size: 14px;/*h6大きさ*/
		font-size: 0.875rem;/*h6大きさ*/
	}
}

/*ウィジェットタイトル文字*/
h2.widget-title {
	color: #081154;/*色*/
	font-size: 13px;/*大きさ*/
	font-size: 0.8125rem;/*大きさ*/
	font-weight: 800;/*太さ*/
	margin-bottom: 0.8em;/*下余白*/
}
@media screen and (min-width: 48em) {
	h2.widget-title {
		font-size: 14px;/*大きさ*/
		font-size: 0.875rem;/*大きさ*/
		margin-bottom: 0.8em;/*下余白*/
	}
}

/*widgetの下paddingを詰める*/
.widget {
	padding-bottom: 4em;
	padding-left: 1em;
}

.site-footer .widget-area {
	padding-bottom: 1em;
	padding-top: 1em;
}

/*サイドバー文字（48em未満は本文文字と同等）*/
@media screen and (min-width: 48em) {
	#secondary {
		font-size: 14px;/*大きさ*/
		font-size: 0.875rem;/*大きさ*/
		line-height: 1.6;/*行高*/
	}
}

/***********************************************未チェックfont test for title*/

/*見出しのmargin, paddingを修正*/
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.2em;
	padding: 0.5em 0 0;
}

/***********************************************未チェックfont test for title*/

/***********************************************未チェックfont test for title*/
 
/*サブメニューの変更*/
@media screen and (min-width: 48em) {
	.main-navigation ul ul {
		background: rgba(15, 21, 36, 0.5);/*背景色*/
		border: 0.5px solid rgba(114, 113, 113, 0.5);/*枠線の太さと色*/
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}
	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 0px 0px;/*吹き出し三角部分の大きさ*/
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}
	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent rgba(114, 113, 113, 0.5);/*吹き出し三角部分の線色*/
		bottom: 0;
	}
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent rgba(190, 190, 190, 0.5);/*吹き出し三角部分の背景色*/
	}
	
	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: rgba(255, 255, 255, 0.5);/*マウスオーバーの背景色*/
	}

	.main-navigation li li a {
		color: #ffffff;/*文字色*/
		-webkit-transition: color 0.3s ease-in-out; /*文字色の変化に要する時間*/
		transition: color 0.3s ease-in-out; /*文字色の変化に要する時間*/
	}
	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #00bfff;/*マウスオーバーの文字色*/
	}
	
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 2em;/*サブメニュー横位置*/
		right: auto;
	}
}

/***********************************************未チェックfont test for title*/

/*メニューバーの変更*/
.navigation-top {
	background: rgba(15, 21, 36, 0.7);/*背景色*/
	border-bottom: 1.5px solid rgba(160, 14, 21, 1.0); /*上線の太さと色*/
	border-top: 1.5px solid rgba(160, 14, 21, 1.0); /*下線の太さと色*/
}
.navigation-top a {
	color: rgb(255, 255, 255);/*文字色*/
	-webkit-transition: color 0.3s; /*文字色の変化に要する時間*/
	transition: color 0.3s; /*文字色の変化に要する時間*/
}
.navigation-top a:hover {
	color: #ffffff; /*マウスオーバーの文字色*/
	background: rgba(15, 21, 36, 0.5) /*マウスオーバーの背景色*/
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: rgb(0, 191, 255);/*訪問後文字色*/
}

.main-navigation ul {
	background: transparent;/*スマホのメニューバー背景色*/
}

.menu-toggle {
	color: rgb(255,255,255);/*スマホのドロップダウン背景色*/
}

.dropdown-toggle {
	color: rgb(255, 255, 255);/*スマホのドロップダウンアイコン*/
}


/* パンくずリストの設定 */
.breadcrumbs {
	/*color: #081154;/*色*/
	font-size: 12px;/*大きさ*/
	margin-left:1em;
	margin-top:-1em;
	margin-bottom:2em;
	font-weight: 400;
}


/* adsense対応テスト中 */
/* スポンサーリンクラベル */
.ad-label {
 color: #081154;
 font-size: 14px;
 font-weight: 700;
 text-align:left;
 margin: 25px 0 0 !important;
}

/* アドセンス広告全体のレイアウト */
.ad-overall {
 margin-top:5px;
 margin-bottom:20px;
 padding: 5px 0;
 background-color: #fff;
}

.ad-overall:after {
 content:"";
 display:block;
 clear:both;
}
 
/* PC用アドセンス広告左 */
.ad-left{
 float:left;
 margin-left: 15px;
}
  
/* PC用アドセンス広告右 */
.ad-right{
 float:right;
 margin-right: 15px;
}

@media screen and ( max-width:1099px) {
.ad-left {
 margin-right: 0px;
 padding-left: 0px;
 text-align: left;
 width: 100%;
}

.ad-right {
 display: none;
}
}

/* モバイル用アドセンスレスポンシブ広告 */
.ad-mobile {
 margin-bottom: 20px;
}

/* 改ページのナビゲーション */
.page-page {
width: 100%;
text-align: center;
margin: 80px 0 10px;
}

.page-page span {
padding: 7px 10px;
font-size: 15px;
background: #fff;
position: relative;
box-shadow: 0 0 1px 2px #081154 inset;
}

.page-page span:before {
content:"NOW";
position: absolute;
top: -120%;
left: 0; /*追加しました*/
width: 100%;
display: block;
text-align: center;
background: #081154;
padding: 5px 0;
border-radius: 7px;
color: #fff;
font-size: 12px;
font-weight: bold;
}

.page-page span:after {
content:"";
top: -50%;
border: 8px solid transparent;
border-top-color: #081154;
position: absolute;
left: 50%;
margin-left: -8px;
border-top: 14px solid #081154;
}

.page-page a {
text-decoration: none;
}

.page-page a span {
background: #081154;
color: #000;
padding: 7px 10px;
color: #fff;
box-shadow: none;
font-weight: bold;
}

.page-page a span:before {
content:"";
padding: 0;
}

.page-page a span:after {
border: none;
}

/* 追加しました */
.page-page span {
opacity : 0.8;
}


/*コメントフォームの修正*/
/*ラベルの変更*/
.comment-form-comment label{
font-size:0;
}
.comment-form-comment label:before {font-size: 14px; content: "本文";}

.comment-form-author label{
font-size:0;
}
.comment-form-author label:before {font-size: 14px; content: "お名前・ニックネーム";}



.comment-form-email label{
font-size:0;
}
.comment-form-email label:before {font-size: 14px; content: "メールアドレス（任意）";}

.comment-form-url label{
font-size:0;
}
.comment-form-url label:before {font-size: 14px; content: "あなたのサイトURL（ブログをお持ちの方、任意）";}