/*
Theme Name: Twenty Seventeen Child
Template: twentyseventeen
*/
html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
}

body.page:not(.twentyseventeen-front-page) .entry-title, .site-title {
  text-transform: none;
}

div.kadomaru img {
  border-radius: 10px!important;
}

/* 見出しのサイズなど調整 */
body h1.entry-title,
body article.twentyseventeen-panel h2.entry-title,
body h1.page-title {
  font-size: 1.5em!important;
  border-left: solid 2px #000;
  padding-left: .5em;
}
body h1.entry-title {
	font-weight: 300!important;
}
body header.entry-header h2.entry-title,
body header.entry-header h3.entry-title {
  padding: 0.5em;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-weight: 300;
}
body article.twentyseventeen-panel h2.entry-title {
	border-top: none;
	border-bottom: none;
}
div.entry-content .wp-block-image {
	margin-top: 0;
	margin-bottom: 1em;
}
.clearfix:after {
   content: "";
   display: block;
   clear: both;
}
/* コンテンツ内 ｈ2・ｈ3見出し 調整 */
div.entry-content h2 {
	border-top: double #949494;
	border-bottom: double #949494;
	padding: .5em;
}
div.entry-content h3 {
	border-bottom: solid 1px #aaa;
}
/* PC Wrap幅調整 */
@media screen and (min-width: 48em) {
    .wrap {
        max-width: 1240px;
    }
	.navigation-top .wrap {
		max-width: 1240px;
	}
	.page-one-column .panel-content .wrap {
			max-width: 1240px;
	}
	.has-sidebar:not(.error404) #primary {
		width: 66%;
    }
	.has-sidebar #secondary {
		width: 28%;
    }
}
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
    max-width: 1240px;
}

/* スマホ Wrap パディング調整 */
.wrap {
	padding-left: 1em;
	padding-right: 1em;
}

/* アイキャッチの下の余白 */
.single-featured-image-header {
	margin-bottom: 1em;
}
/* ページの投稿者非表示	*/
.byline {
	display: none!important;
}

/* == HomeのBlogの表示調整 == */
/* ブロックのリンク調整 */
body.home .wp-block-latest-posts__featured-image a {
	box-shadow: none;
}
/* モバイル用カラムを1から2カラムへ無理やり変更とborder・padding設定 */
@media (max-width: 599px) {
    body.home .wp-block-latest-posts.columns-3 li {
        width: calc(50% - 5px);
    }
	body.home .wp-block-latest-posts.columns-3 li:nth-child(2n) {
        margin-right: 0;
    }
	body.home .wp-block-latest-posts.is-grid li {
		margin: 0 5px 5px 0;
	}
}
body.home .wp-block-latest-posts.columns-3 li {
	padding: .6em .6em 3em;
    border: solid 1px #eee;
    border-radius: .2em;
}
/* カテゴリー一覧表示をコンパクトに編集  Toolsカテゴリー表示は外してます */
body.archive:not(.category-toollist) .post {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	border: 1px solid #eee;
	padding: .5em;
	margin: .5em 0;
	overflow: hidden;
}
body.archive:not(.category-toollist) .post .entry-header {
	width: 55%;
}

body.archive:not(.category-toollist) .post .entry-header:not(has:(+ .post-thumbnail)) {
	margin-right: 0;
}
body.archive:not(.category-toollist) .post .post-thumbnail {
	width: 40%;
	margin-bottom: 0;
}
body.archive:not(.category-toollist) .post .entry-content {
	display: none;
}
body.archive:not(.category-toollist)  header.entry-header h2.entry-title {
	font-size: 1rem;
}
/* 関連投稿 */
.entry-content div.yarpp {
	margin-top: 2em;
	border: solid 1px #eee;
}
.entry-content div.yarpp p {
	padding: .5em;
	background: #f7f7f7;
	margin: 0;
}
.entry-content div.yarpp ol {
	margin: .5em;
}
.entry-content div.yarpp li {
	padding: .5em;
	list-style: inside;
}
.entry-content div.yarpp li a {
	font-weight: 300;
}
/* 目次 */
div#ez-toc-container {
	width: 85%;/*プラグインの設定だとスマホでautoに変わってしまう為*/
	margin-bottom: 3em!important;/*プラグインで1em importantしてるが上書き*/
}
#ez-toc-container .ez-toc-title-container {
	border-bottom: dashed 1px;
}
#ez-toc-container .ez-toc-js-icon-con {
	border: none;
}
/* 引用のpadding */
blockquote.wp-block-quote {
	padding: 1.5em!important;
}
/* リスト */
ul.wp-block-list:not(li ul.wp-block-list) {
	padding: 1em 2em;
	background: #f0f7ff;
	border-radius: .5em;
	border: solid 1px #eee;
    list-style-type: disclosure-closed;
}
/* アフィリを含む */
.pr-label {
	border: solid 1px #eee;
	padding: .5em;
}
/* アフィリエイトリンクボックス */
.easyLink-box a {
	box-shadow: none;
}
/* 2カラム アフィリエイトボックス */
@media (max-width: 480px) {/* モバイルは縦並び */
	.col2-adbox {
		display: block!important;
		margin: 1em;
	}
	.col2-adbox .col2-adbox-textbox > a {
		width: 100%;
		text-align: center;
	}
}
.col2-adbox {
	display: flex;
	align-items: center;
	border:solid 1px #ccc;
	padding: 1em;
}
.col2-adbox .col2-adbox-bannerbox {
	flex: 0 0 30%;
	text-align: center;
}
.col2-adbox .col2-adbox-bannerbox img[width="1"] {
	float: left;
}
.col2-adbox .col2-adbox-textbox {
	padding: 3%;
}
.col2-adbox .col2-adbox-textbox h4 a {
	font-weight: normal;
}
.col2-adbox .col2-adbox-textbox > a {
    display: inline-block;
    background-color: #f34645;
    padding: 1em;
    font-weight: bold;
	font-size: 12px;
    color: #fff;
    border-radius: 5px;
    box-shadow: none;
	transition: 0.3s ease-in-out;
}
.col2-adbox .col2-adbox-textbox > a:hover {
	opacity: .8;
}
/* 1カラム アフィリエイトボックス */
@media (max-width: 480px) {/* モバイルは縦並び */
	.col1-adbox {
		margin: 1em;
	}
	.col1-adbox .col1-adbox-btn {
		display: block!important;
	}
	.col1-adbox .col1-adbox-btn div {
		margin-bottom: 1em;
	}
}
.col1-adbox {
	border:solid 1px #ccc;
	padding: 1em;
}
.col1-adbox .col1-adbox-title .col1-adbox-title-textbox a {
	font-weight: normal;
}
.col1-adbox .col1-adbox-title .col1-adbox-title-imgbox {
	margin-bottom: 1em;
}
.col1-adbox .col1-adbox-btn {
	display: flex;
	gap: 1em;
}
.col1-adbox .col1-adbox-btn div {
	flex: 1;
}
.col1-adbox .col1-adbox-btn a {
	display: block;
	border-radius: 5px;
	text-align: center;
	padding: 1em;
	box-shadow: none;
	font-weight: bold;
	font-size: 12px;
    color: #fff;
	transition: 0.3s ease-in-out;
}
.col1-adbox .col1-adbox-btn a:hover {
	opacity: .8;	
}
.col1-adbox .col1-adbox-btn .siryou a {
	background-color: #f99e5a;
}
.col1-adbox .col1-adbox-btn .kouza a {
	background-color: #f34645;
}
.col1-adbox img[width="1"] {
	float: left;
}

/* ブログカード */
.blogcard a {
	display: flex;
    align-items: center;
    padding: 1em;
	margin: 0 auto 1em;
    box-sizing: border-box;
    box-shadow: none;
    border: solid 1px #eee;
}
.blogcard img.blogcard-img {
	max-width: 300px;
    width: 40%;
}
.blogcard div {
	margin: 0 auto;
	width: 55%;
}
.blogcard p.blogcard-date {
	margin: 0;
    font-size: 0.7em;
    font-weight: 700;
}
.blogcard h3.blogcard-title {
	border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: .7em;
    font-weight: 300;
	font-size: 1rem;
}
/* === qus === */
.qus-disp {
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0px 1px 1px inset rgba(0,0,0,.5);
	margin: 10px;
	padding: 10px;
}
.qus-ctrl {
	margin: 10px;
}
/* border消し */
.no-border, .no-border a {
	border: none!important;
	box-shadow: none!important;
}
/* コードブロック の padding */
pre.wp-block-code code {
	padding: 1em;
}