/*
Theme Name:Graphy Child
Description:WordPress「graphy」の子テーマ
Template:graphy
Version:2.3.2
*/



/*スマホ　全体の表示幅を広げる*/
@media only screen and (max-width: 783px) {
body{margin:0;padding:3%;}
}
/*　記事本文　*/
.entry-content p {
	margin: 0 0 1.2em;
	line-height:2.0em;
	font-size:1.05em;
}
@media only screen and (max-width: 783px) {
.entry-content p {
	font-size:1.17em;
}
}



/*トップロゴ　サイズ*/
#toplogo{
/*height:270px;*/
}
@media only screen and (max-width: 783px) {
	#toplogo {
		width:65%; 
	}
}
/*トップロゴ　上下あき*/
.site-branding{
padding:20px 0 20px;
}


/*トップページの書籍画像*/
#topcover{
	width:450px;
	box-shadow: 0 0 12px gray;
	margin-bottom:3em;
}
@media only screen and (max-width: 783px) {
	#topcover {
		width:70%; 
	}
}


/*★★★　本文カスタマイズ　★★★*/

/*　約物詰めと、文字詰め全般　*/
body{
font-feature-settings: "palt";  /*プロポーショナルメトリクス*/
letter-spacing:0.03em;  /*詰まりすぎなので、少し開ける*/
}
/*　サイト全般のフォント　*/
body {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*★★★　記事ページ　上の　章名メイン　★★★*/
.shou-main{
text-align:right;border-bottom:dotted 2px #808080;font-size:1.4em;margin:0 0 30px;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:700;
color:#660033;
}
@media only screen and (max-width: 783px) {
.shou-main{font-size: 1.15em;}
}

/*★★★　記事ページ　上の　章名サブ　★★★*/
.shou-sub{
font-size:0.9em;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*★★★　記事ページ　項タイトルの総くくり　★★★*/
.title-tie{
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.3em;
color:#008080;
margin:1.5em 0 0.3em;
}
@media only screen and (max-width: 783px) {
.title-tie{font-size: 1.2em;}
}

/*★★★　記事ページ　タイトル　★★★*/
.entry-title {
	font-size: 1.7em;
	font-weight:600;
	letter-spacing:0.05em;  /*詰まりすぎなので、少し開ける*/
background: linear-gradient(to right, #FFCCCC 0%, #ffffff 100%);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100% 50%;
}
@media only screen and (max-width: 783px) {
.entry-title{font-size: 1.5em;}
}


/*本文中の（本書初版当時）を小さく*/
.chu{
font-size:0.7em;
vertical-align: 7%; /*ベースラインの調整*/
}


/*本文強調下線*/
.line{
	background: linear-gradient(transparent 40%, #FFFF99 40%);
}


/*イメージ画像　変型*/
.entry-mainimg img{
	width: 100%;
	height:300px;
	object-fit: cover;
	margin:0 0 2em;
}
@media only screen and (max-width: 783px) {
.entry-mainimg img{
	width: 100%;
	height:140px;
	object-fit: cover;
}
}


/*体験談エリア*/
.taikendan{
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*ページナビゲーション*/
.nav-links{
font-size:1.1em;
}
.post-nav-title {
font-size:90%;
}
.nav-previous{
font-size:90%;
}
.post-nav-title, .nav-next{
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*★★★　サイドバーの目次　★★★*/
.side-mokuji{
line-height:1.7em;
}
.side-mokuji-booktitle{
font-size:1.3em;
font-weight:600;
text-align:center;
}
.side-mokuji-title{
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:0.2em 0;
text-align:center;
margin:0.5em 0 1em;;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bolder;
}
.side-mokuji-maeato{
margin:1.2em 0;
}
.side-mokuji-shou{
color:#660033;
font-size:1.05em;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
margin:0.4em 0 0.2em;

	border-top: solid 1px #eee;
	padding-bottom: 2px;
	padding-top: 7px;

}
.side-mokuji-tie{
color:#008080;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
}
.side-mokuji-kou{
margin-bottom:1em;
margin-left:1em;
}

/*サイドバーの目次　文字色とホバー時の指定*/
.side-mokuji a{
color:black;
text-decoration:none;
}
.side-mokuji a:hover{
color:red;
transition : 1; /*ふわっとさせる指定*/
}

/*サイドバーの目次　現在のページと同一のURLのリンクポイントをハイライト、かつクリックを無効に*/
.highlight .active{
color:red;
font-weight:300;
pointer-events: none;

padding: 1px 4px;
background: #e6e6e6;
  display: inline;
  -webit-box-decoration-break: clone;
  box-decoration-break: clone;
}



/*サイドバー　章の入れ子見出し　左マージン*/
.sidebar-area .sub-menu{
margin-left:40px !important;
}

/*サイドバー　項目間の間隔変更*/
.widget {
	margin-bottom: 40px;
}




/*グローバルメニュー　PC　プルダウンバーの横幅変更*/
@media screen and (min-width: 783px) {
	.main-navigation ul ul {
		width: 250px;
	}
}
/*グローバルメニュー　PC　プルダウンバーの行間隔変更*/
@media screen and (min-width: 783px) {
	.main-navigation ul ul li a {
		line-height: 1.3;
		padding-bottom: 14px;    /*デフォルト値=14*/
		padding-top: 14px;    /*デフォルト値=14*/
	}
}
/*グローバルメニュー　スマホ　プルダウンバーの行間隔変更*/
/*.main-navigation,*/
.main-navigation a,
.menu-toggle {
	line-height: 40px;
}