@charset "UTF-8";

/* margin,padding リセット
---------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,section, nav, article, aside, hgroup, header, footer, figure, figcaption {
	margin:0;
	padding:0;
}
/* ----------------------------------------------------- */




/* HTML5 新要素 - ブロックボックス・レンダリング用 */
section, nav, article, aside, hgroup, header, footer, figure, figcaption {
	display: block;
}




/* リストスタイル クリア用 */
ol,ul {
	list-style:none;
}

/* HTML5 用 画像下のディセンダスペース クリア ＆ ボーダー クリア用 */
img {
	vertical-align:bottom;
	border:none;
}

/* 区切り線 非表示用 */
hr {
	display: none;
}

/* abbr（省略形） もしくは acronym（頭文字・IE6 のみ） 表示用 */
abbr,acronym {
	border-bottom: .1em dotted;
}

/* バックグラウンド拡張 フロート解除用 */
.clearfix:after{
	content:"";
	clear:both;
	display:block;
	height:0;
}




/* Firefox 用
---------------------------------------------------------*/
/* アウトライン非表示用 */
a {
	outline:none;
}



















html {
	font-size: 100%; 
}

body, button, input, select, textarea {
	font: 100%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	_font: 100%/1.5 "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* Windows XP でメイリオがインストール済みの回避用 (IE6) 用 */
	*font-size: 1em; 
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	_font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* Windows XP でメイリオがインストール済みの回避用 (IE6) 用 */
	color:#000;
}

/* Font-size Adjustment
---------------------------------------------------------

10px = 0.625em
11px = 0.6875em
12px = 0.75em
13px = 0.8125em
14px = 0.875em
15px = 0.9375em
16px = 1em
17px = 1.0625em
18px = 1.15em
19px = 1.1875em
20px = 1.25em
21px = 1.3125em
22px = 1.375em
23px = 1.4375em
24px = 1.5em
25px = 1.5625em
26px = 1.625em

---------------------------------------------------------*/






/* link
---------------------------------------------------------*/
/* a {
	color:#66b;
	text-decoration:none;
}

a:link, a:visited {
	color:#fff;
}

a:hover {
	color:#338;
	text-decoration: underline;
} */

*+html a {
	text-decoration:none; /* for IE7 */
	cursor: pointer;
}






/* Images
---------------------------------------------------------*/
img {
	/* max-width:100%;
	height: auto; */
}

/*　background:#fff url(/images/xxx.jpg) center 0 repeat-x;　*/
/*　background-size:cover; 背景画像で全体を覆う */
/*　background-size:100% auto; 背景画像を横幅いっぱいに表示 */









/* Framework
---------------------------------------------------------*/
body {
	/* background: #fefcf1 url(images/bg.jpg) center 74px no-repeat; */
	background: #fefdf6 url(images/bg.jpg) center 74px no-repeat;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	min-width: 960px;
}



#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

#wrapper:after{
	content:"";
	clear:both;
	display:block;
	height:0;
}

.main {
	margin: 0;
	padding: 0;
	width: 690px;
	float: left;
}

.home .main {
	width: 100%;
	float: none;
}

.main:after{
	content:"";
	clear:both;
	display:block;
	height:0;
}

.mainAbout {
	margin-top: -75px;
	width: 960px;
	float: none;
}

.mainContactUs {
	width: 960px;
	float: none;
}

.sub {
	/* background-color: #3af; */
	margin: 0;
	padding: 0;
	width: 240px;
	float: right;
}

#sub { /* Sub : Fix Search Menu（固定サブ・メニュー）用 */
	position:relative;
}










/* header
---------------------------------------------------------*/
.topHeader {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 465px;
	position: relative;
}

.header {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 325px;
	position: relative;
}

.bookHeaderArea {
	background: #fff;
	margin: 0;
	padding: 0;
	height: 114px;
	display: none;
}

.bookHeader {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 114px;
	position: relative;
}

.bookHeaderBtn {
	margin: 0 0 0 785px;
	padding: 0;
	cursor: pointer;
}

.logo {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 37px;
	left: 408px;
	z-index: 2;
}

.tagline01 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 230px;
	left: 0;
}

.tagline02 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 230px;
	right: 0;
}









/* Global Navigation
---------------------------------------------------------*/
.gNav {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 60px;
	position: absolute;
	top: 51px;
	left: 0;
}

gNavList {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 41px;
}

.gNavList:after{
	content:"";
	clear:both;
	display:block;
	height:0;
}

.gNavList li {
	margin: 0;
	padding: 0;
	position: absolute;
	line-height: 1em;
	float: left;
}

.gNavList li:nth-of-type(1) {
	top: 0;
	left: 0;
}

.gNavList li:nth-of-type(2) {
	top: 0;
	left: 195px;
}

.gNavList li:nth-of-type(3) {
	top: 0;
	left: 664px;
}

.gNavList li:nth-of-type(4) {
	top: 0;
	right: 0;
}

.gNavList li a {
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
}









/* Top Page - 新着作品
---------------------------------------------------------*/
.newWorksH2 {
	margin: 0 0 40px;
	padding: 0 0 4px 0;
	line-height: 1em;
	clear: both;
	border-bottom: 1px solid #000;
}



.worksWrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
	padding: 0 20px;
}

.works {
	margin: 0 60px 40px 0;
	padding: 0;
	width: 185px;
}

.works:nth-of-type(4n) {
	margin: 0 0 40px 0;
}



.works a:link, .works a:visited {
	color: #000;
	text-decoration: none;
	opacity:1;
	filter: alpha(opacity=100); /* IE7 以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}

.works a:hover {
	opacity:0.85;
	filter: alpha(opacity=85); /* IE7 以下 */
	-ms-filter: "alpha(opacity=85)"; /* IE8 */
}



.worksCover {
	margin: 0;
	padding: 0;
}

.resetDate {
	color: #000;
	background: #c3e1d6;
	margin: 0;
	padding: 5px 10px;
	font-size: 0.8152em; /* 13px */
	line-height: 1em;
	display: block;
}

.lastUpdated {
	color: #e82b60;
	margin: 1em 0 0.3em 0;
	padding: 0;
	font-size: 0.75em; /* 12px */
	display: block;
}

.worksTitleH3 {
	color: #000;
	margin: 0 0 0.4em;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	line-height: 1.2em;
}

.worksAuthor {
	color: #000;
	margin: 0 0 0.4em;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	line-height: 1.2em;
}

.worksGenre {
	color: #000;
	background: #fff;
	margin: 0;
	padding: 3px 6px;
	font-size: 0.6875em; /* 11px */
	line-height: 1em;
	display: inline-block;
	border: solid 1px #c2c2c2;
}









/* Top Page - お知らせ
---------------------------------------------------------*/
.topNews {
	margin: 0 0 60px;
	padding: 0;
}



.topNewsH2 {
	margin: 0;
	padding: 0;
	line-height: 1em;
}



.topNewsDList {
	margin: 0;
	padding: 0;
}

.topNewsDList dt {
	color: #000;
	margin: 40px 0 6px;
	padding: 0;
	font-size: 0.9375em; /* 15px */
}

.topNewsDList dt .topNewsDate {
	color: #2089b5;
	margin: 0;
	padding: 0;
	font-size: 0.6875rem; /* 11px */
	display: block;
}

.topNewsDList dd {
	color: #454545;
	margin: 0;
	padding: 0;
	font-size: 0.8152em; /* 13px */
	line-height: 1.8em;
}



.topNews a:link, .topNews a:visited {
	color: #000;
	text-decoration: none;
}

.topNews a:hover {
	/* color: #8ec2af; */
	text-decoration: underline;
}



/* Twitter */
.widgetTwitter {
	margin: 0 0 20px;
	padding: 0;
}



/* facebook */
.widgetFacebook {
	margin: 0 0 40px;
	padding: 0;
}









/* 作品一覧
---------------------------------------------------------*/
.titleListH2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 171px;
	left: 0;
}

.serialWorksH3 {
	margin: 0 0 40px;
	padding: 0;
	line-height: 1em;
}



.serialWorks {
	margin: 0 30px 40px;
	padding: 0;
	width: 630px;
}

.realBooks {
	margin: 0 30px 65px;
	padding: 0;
	width: 630px;
}

.serialWorks:after,
.realBooks:after {
	content:"";
	clear:both;
	display:block;
	height:0;
}



/* .serialWorks a:link, .serialWorks a:visited {
	color: #000;
	text-decoration: none;
	opacity:1;
	filter: alpha(opacity=100); */ /* IE7 以下 */
	/* -ms-filter: "alpha(opacity=100)"; */ /* IE8 */
/* } */

/* .serialWorks a:hover {
	opacity:0.85;
	filter: alpha(opacity=85); */ /* IE7 以下 */
	/* -ms-filter: "alpha(opacity=85)"; */ /* IE8 */
/* } */


.serialWorks .worksCover,
.realBooks .worksCover {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}

.serialWorks .worksTitleH4,
.realBooks .worksTitleH4 {
	color: #000;
	margin: 0 0 0.3em;
	padding: 0;
	line-height: 1.2em;
	font-size: 1.1875em; /* 19px */
}

.serialWorks .worksAuthor,
.realBooks .worksAuthor {
	color: #000;
	margin: 0 0 0.3em;
	padding: 0;
	line-height: 1.2em;
	font-size: 1.1875em; /* 19px */
}

.serialWorks .worksGenre,
.realBooks .worksGenre {
	color: #000;
	background: #fff;
	margin: 0 0 1.4em;
	padding: 3px 6px;
	font-size: 0.6875em; /* 11px */
	line-height: 1em;
	display: inline-block;
	*display: inline; /* inline-block for IE7 */
	*zoom: 1; /* inline-block for IE7 */
	border: solid 1px #c2c2c2;
}

.serialWorks .worksPra {
	color: #4c4c4c;
	margin: 0;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	line-height: 1.5em;
	overflow: hidden;
}

.realBooks .worksPra {
	color: #4c4c4c;
	margin: 0 0 1em;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	line-height: 1.5em;
	overflow: hidden;
}



.worksTitleH4 a:link, .worksTitleH4 a:visited,
.worksAuthor a:link, .worksAuthor a:visited,
.worksGenre a:link, .worksGenre a:visited,
.worksCover:link, .worksCover:visited {
	color: #000;
	text-decoration: none;
	opacity:1;
	filter: alpha(opacity=100); /* IE7 以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}

.worksTitleH4 a:hover,
.worksAuthor a:hover,
.worksGenre a:hover,
.worksCover:hover, .worksCover:hover {
	opacity:0.85;
	filter: alpha(opacity=85); /* IE7 以下 */
	-ms-filter: "alpha(opacity=85)"; /* IE8 */
}



.realBooksH3 {
	margin: 0 0 40px;
	padding: 0;
	line-height: 1em;
}

.serialWorks + .realBooksH3 {
	margin-top: 60px;
}

.realBooksPra {
	color: #4c4c4c;
	margin: 0 30px 50px;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	line-height: 1.5em;
}



.serialTerm {
	color: #4c4c4c;
	margin: 0 0 1em 205px;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	overflow: hidden;
}

.amazonPurchaseBtn {
	color: #fff;
	background: #939393;
	margin: 0 0 0 205px;
	padding: 10px 20px;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* IE7 & IE8 not Support Border Radius */
}

.amazonPurchaseBtn:link, .amazonPurchaseBtn:visited {
	color: #fff;
	text-decoration: none;
	opacity:1;
	filter: alpha(opacity=100); /* IE7 以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}

.amazonPurchaseBtn:hover {
	opacity:0.85;
	filter: alpha(opacity=85); /* IE7 以下 */
	-ms-filter: "alpha(opacity=85)"; /* IE8 */
}









/* 作品一覧 - サイド・バー
---------------------------------------------------------*/
#searchMenu {
	margin-bottom: 60px;
	width: 240px;
	display: block;
}

.searchGenreH2,
.searchAuthorH2,
.searchDateH2 {
	color: #fff;
	background: #3b3b3b;
	background: #939393;
	margin: 0 0 6px;
	padding: 0.8em 1em;
	font-size: 0.9375em; /* 15px */
	font-weight: normal;
	line-height: 1em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	cursor: pointer;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
}

.searchGenreH2:after,
.searchAuthorH2:after,
.searchDateH2:after {
	display: block;
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
  border-bottom: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
	transition: .2s ease-in-out;
  -webkit-transition: .2s ease-in-out;
}

.searchGenreH2:hover,
.searchAuthorH2:hover,
.searchDateH2:hover,
.searchGenreH2.open,
.searchAuthorH2.open,
.searchDateH2.open {
	background: #3b3b3b;
}

.searchGenreH2.open:after,
.searchAuthorH2.open:after,
.searchDateH2.open:after {
	margin-top: -4px;
	transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}

.searchGenreH2 {
	margin-top: 24px;
}



.searchGenreList,
.searchAuthorList,
.searchDateList {
	margin: 1em 0 2.6em 2em;
	padding: 0;
	/* width: 240px; */
	display: none;
}

/* .searchGenreList {
	display: block;
} */

.searchGenreList li,
.searchAuthorList li,
.searchDateList li {
	color: #000;
	margin: 0 0 0.6em;
	padding: 0;
	font-size: 0.875em; /* 14px */
	list-style: disc;
}

.searchGenreList li a:link, .searchGenreList li a:visited,
.searchAuthorList li a:link, .searchAuthorList li a:visited,
.searchDateList li a:link, .searchDateList li a:visited {
	color: #000;
	text-decoration: none;
}

.searchGenreList li a:hover,
.searchAuthorList li a:hover,
.searchDateList li a:hover {
	text-decoration: underline;
}



.search-form {
	margin: 0;
	padding: 0;
	width: 240px;
	height: 35px;
	position: relative;
	overflow: hidden;
}

.search-field {
	color: #444;
	margin: 0;
	padding: 0 10px;
	width: 183px;
	height: 33px;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	border: 1px solid #939393;
	border-radius: 6px 0 0 6px;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: content-box; /* for Google Chrome - 幅にパディングを含めない */
	-webkit-appearance: none; /* for Safari - 初期スタイルをリセット */
}

.search-field::-webkit-input-placeholder { /* for Safari & Google Chrome */
	color: #b3b3b3;
	padding-top: 0.4em;
	font-size: 0.8152em; /* 13px */
}

.search-field::-moz-placeholder { /* for Firefox */
	color: #b3b3b3;
	font-size: 0.8152em; /* 13px */
}

.search-field:-ms-input-placeholder { /* for IE */
	color: #b3b3b3;
	font-size: 0.8152em; /* 13px */
}

.search-field:focus {
	outline:none;
	/* background: #efefef; */
	-webkit-box-shadow: rgba(142, 194, 175, 0.7) 0px 0px 2px 1px inset;
	-moz-box-shadow: rgba(142, 194, 175, 0.7) 0px 0px 2px 1px inset;
	box-shadow: rgba(142, 194, 175, 0.7) 0px 0px 2px 1px inset;
}

.search-submit {
	color: #fff;
	background-color: #939393;
	margin: 0;
	padding: 0;
	width: 33px;
	height: 33px;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	border: 1px solid #939393;
	border-radius: 0 6px 6px 0;
	position: absolute;
	top: 0;
	left: 205px;
	cursor: pointer;
	opacity: 1;
}

.search-submit:hover {
	opacity: 0.85;
}









/* キノノキとは
---------------------------------------------------------*/
.aboutH2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 246px; /* 250px（.header 325px - 75px）- 4px（h2_about.png 画像余白分） */
	left: 50px;
}

.aboutPra {
	margin: 0 0 45px 335px;
	padding: 0;
}

.aboutPra:last-child {
	margin-bottom: 145px;
}









/* お知らせ
---------------------------------------------------------*/
.newsH2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 171px;
	left: 0;
}

.newsH3 {
	margin: 0 0 40px;
	padding: 0;
	line-height: 1em;
}

.latestNewsH2 {
	margin: 0;
	padding: 0;
	line-height: 1em;
}



.newsDList {
	margin: 0 30px;
	padding: 0;
}

.newsDList:after{
	content:"";
	clear:both;
	display:block;
	height:0;
}

.newsDList dt {
	color: #2089b5;
	margin: 0;
	padding: 0;
	width: 70px;
	font-size: 0.6875rem; /* 11px */
	font-size: 1.1875em; /* 19px */
	line-height: 1.4em;
	/* border: solid 1px #000; */
	float: left;
}

.newsDList dt .topNewsDate {
	color: #2089b5;
	margin: 0;
	padding: 0;
	font-size: 0.6875rem; /* 11px */
	font-size: 0.625em\9; /* 10px */ /* for IE8 */
	*font-size: 0.625em; /* 10px */ /* for IE7 */
}

.newsDList dd {
	color: #454545;
	margin: 0 0 30px;
	padding: 0;
	width: 560px;
	font-size: 1.1875em; /* 19px */
	line-height: 1.4em;
	/* border: solid 1px #000; */
	float: left;
}



.newsDList a:link, .newsDList a:visited {
	color: #000;
	text-decoration: none;
}

.newsDList a:hover {
	/* color: #8ec2af; */
	text-decoration: underline;
}



/* pagination */
.pagination {
	margin: 0 30px 65px;
	padding: 0;
	text-align: center;
}

.pager {
	margin: 0;
	padding: 0;
	position: relative;
}

.numbers {
	background-color: #939393;
	margin: 0;
	margin: 0 0.5em 0 0;
	padding: 7px 10px;
	color: #fff;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	text-decoration:none;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* IE7 & IE8 not Support Border Radius */
}

.pagination .current {
	background-color: #000;
	color: #fff;
}

.prev, .next {
	color: #fff;
	background-color: #716c6c;
	margin: 0;
	padding: 9px 23px;
}

.prev {
	/* margin-right: 65px; */
	position: absolute;
	top: -2px;
	left: 0;
}

.next {
	/* margin-left: 65px; */
	position: absolute;
	top: -2px;
	right: 0;
}

.prev img, .next img {
	vertical-align: middle;
}

.dots {
	color: #000;
	margin: 0;
	padding: 9px 13px;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
}

a.numbers:hover {
	background-color: #000;
}

a.prev:hover, a.next:hover {
	background-color: #000;
}

.end {
	opacity:0.15;
	filter: alpha(opacity=15); /* IE7 以下 */
	-ms-filter: "alpha(opacity=15)"; /* IE8 */
}



.dottedLine {
	margin: 0 0.5em 0 0;
	padding: 7px 0px;
	color: #333;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	display: inline-block;
}

.pagingArrow {
	/* background: #efefef; */
	margin: 0 0.5em 0 0;
	padding: 7px 10px;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	text-decoration:none;
	display: inline-block;
	position: relative;
	/* border: solid 1px #000; */
}

.pagingArrow.nextPage {
	margin: 0;
}

.prevPage:after {
	content: "";
	width: 0;
	height: 0;
	border-top: solid 8px transparent;
	border-right: solid 12px #939393;
	border-bottom: solid 8px transparent;
	border-left: solid 8px transparent;
	position: absolute;
	top: 25%;
	right: 25%;
}

.nextPage:after {
	content: "";
	width: 0;
	height: 0;
	border-top: solid 8px transparent;
	border-right: solid 8px transparent;
	border-bottom: solid 8px transparent;
	border-left: solid 12px #939393;
	position: absolute;
	top: 25%;
	left: 25%;
}

.prevPage.valid:hover:after {
	border-right: solid 12px #000;
}

.nextPage.valid:hover:after {
	border-left: solid 12px #000;
}

.prevPage.invalid:after {
	border-right: solid 12px #dfdfdf;
}

.nextPage.invalid:after {
	border-left: solid 12px #dfdfdf;
}









/* お知らせ 詳細ページ
---------------------------------------------------------*/
.newsDetails {
	margin: 0 30px;
	padding: 0;
}



.newsDetailsDate {
	color: #2089b5;
	margin: -19px 0 3px;
	padding: 0;
	font-size: 0.6875rem; /* 11px */
	line-height: 1em;
	display: block;
}

.newsDetailsH3 {
	margin: 0 0 40px;
	padding: 0;
	/* height: 30px; */
	font-size: 1.1875em; /* 19px */
	font-weight: normal;
	border-bottom: solid 1px #000;
}



/* ------ WordPress : TinyMCE Advanced Normal Styles ------ */
.newsDetails h4 {
	color: #000;
	margin: 0 0 0.5em;
	padding: 0;
	font-size: 1em; /* 16px */
}

.newsDetails h5 {
	color: #000;
	margin: 0 0 0.5em;
	padding: 0;
	font-size: 0.9375em; /* 15px */
}

.newsDetails h6 {
	color: #000;
	margin: 0 0 0.5em;
	padding: 0;
	font-size: 0.875em; /* 14px */
}



.newsDetails p { /* = .newsDetailsPra */
	color: #000;
	margin: 0 0 1em;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	line-height: 1.8em;
}

.newsDetails img {
	margin: 0 0 1em;
	padding: 0;
}

.newsDetails img + .newsDetailsPra {
	margin-top: 1em;
}



.newsDetails ul {
	color: #000;
	margin: 0 26px 2em;
	padding: 0;
	font-size: 0.875em; /* 14px */
	list-style-type: disc;
}

.newsDetails ul li {
	margin-left:1.2em;
	padding: 0;
}



.newsDetails ol {
	color: #000;
	margin: 0 26px 2em;
	padding: 0;
	font-size: 0.875em; /* 14px */
	list-style-type: decimal;
}

.newsDetails ol li {
	margin-left:1.2em;
	padding: 0;
}



.newsDetails a:link, .newsDetails a:visited {
	color: #000;
	text-decoration: underline;
}

.newsDetails a:hover {
	color: #000;
	text-decoration: none;
}



.newsDetails .alignleft {
	float: left;
	margin-right: 26px;
}

.newsDetails .alignright {
	float: right;
	margin-left: 26px;
}

.newsDetails .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.newsDetails .newsIndexBtnArea {
	margin: 0 0 55px;
	padding: 0;
	text-align: right;
}

.newsDetails .newsIndexBtn {
	color: #fff;
	background: #939393;
	margin: 0;
	padding: 10px 20px;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* IE7 & IE8 not Support Border Radius */
}

.newsDetails .newsIndexBtn:link, .newsDetails .newsIndexBtn:visited {
	color: #fff;
	text-decoration: none;
	opacity:1;
	filter: alpha(opacity=100); /* IE7 以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}

.newsDetails .newsIndexBtn:hover {
	opacity:0.85;
	filter: alpha(opacity=85); /* IE7 以下 */
	-ms-filter: "alpha(opacity=85)"; /* IE8 */
}









/* お問い合わせ
---------------------------------------------------------*/
.contactUsH2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 171px;
	left: 0;
}



.formDL {
	margin: 0 0 30px 100px;
	padding: 0;
	width: 600px;
	/* overflow: hidden; */
}

.formDL:after {
	content:"";
	clear:both;
	display:block;
	height:0;
}

.formDL dt {
	color: #000;
	margin: 0 0 1em;
	padding: 8px 10px 0 0;
	width: 160px;
	height: 28px;
	font-size: 1.15em; /* 18px */
	font-size: 1em; /* 16px */
	text-align: right;
	line-height: 1em;
	float: left;
	display: block;
}

.formDL dd {
	margin: 0 0 1em;
	padding: 0;
	width: 430px;
	height: 36px;
	float: right;
	display: block;
}

.formDL .textareaDT {
	margin: 1.6em 0 0;
	height: 260px;
}

.formDL .textareaDD {
	margin: 1.6em 0 0;
	height: 268px;
}



.submitArea {
	margin: 0 0 55px;
	padding: 0;
	text-align: center;
}



.wpcf7-text,
.wpcf7-textarea {
	margin: 0;
	padding: 5px 10px;
	width: 408px;
	font-size: 1em; /* 16px */
	border: solid 1px #939393;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/* IE7 & IE8 not Support Border Radius */
}

.wpcf7-textarea {
	height: 16em;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
	outline: none;
	-webkit-box-shadow: rgba(142, 194, 175, 0.7) 0px 0px 2px 1px inset;
	-moz-box-shadow: rgba(142, 194, 175, 0.7) 0px 0px 2px 1px inset;
	box-shadow: rgba(142, 194, 175, 0.7) 0px 0px 2px 1px inset;
}



.wpcf7-submit {
	color: #fff;
	background-color: #939393;
	margin: 0;
	padding: 0.4em 4em;
	font-size: 0.9375em; /* 15px */
	text-align: center;
	line-height: 1em;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	border: solid 1px #939393;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/* IE7 & IE8 not Support Border Radius */
}

.wpcf7-submit:hover {
	opacity:0.85;
	filter: alpha(opacity=85); /* IE7 以下 */
	-ms-filter: "alpha(opacity=85)"; /* IE8 */
}



/* お問い合わせ エラー項目 */
span.wpcf7-form-control-wrap {
	position: relative;
	display: inline-block;
}

.wpcf7 span.wpcf7-not-valid-tip {
	color: #fff;
	background: #8ec2af;
	margin: 0;
	padding: 0.4em 0.6em 0.3em 0.6em;
	width: 280px;
	font-size: 0.875em; /* 14px */
	text-align: left;
	position: absolute;
	bottom: -35px;
	left: 20px;
	z-index: 100;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
 
.wpcf7 span.wpcf7-not-valid-tip:before {
	content: '';
	position: absolute;
	border: 5px solid transparent;
	border-bottom: 5px solid #8ec2af;
	top: -10px;
	left: 10px;
}

.wpcf7 .wpcf7-not-valid {
	background-color: #f6f6f6;
}

.wpcf7 .wpcf7-mail-sent-ok {
	color: #fff;
	background-color: #99ad3c;
	margin: 0 40px 2em;
	padding: 1em;
	font-size: 0.875em; /* 14px */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/* IE7 & IE8 not Support Border Radius */
}

.wpcf7-response-output {
	color: #fff;
	background-color: #8ec2af;
	margin: 0 40px 2em;
	padding: 1em;
	font-size: 0.875em; /* 14px */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/* IE7 & IE8 not Support Border Radius */
}



div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

.wpcf7-display-none {
	display: none;
}









/* Book
---------------------------------------------------------*/
.book {
	background-image: none;
}



.mainBook {
	margin: 0 auto 40px;
	background: #fff;
	width: 960px;
	float: none;
	box-shadow: 0px 0px 8px #cdcdcd;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	/* IE7 & IE8 not Support Border Radius */
	overflow: hidden;
}



.bookH2 {
	color: #000;
	margin: 0 0 0.3em;
	padding: 0;
	font-size: 2.125em; /* 34px */
	font-weight: normal;
	line-height: 1em;
}

.bookAuthor {
	color: #000;
	margin: 0 0 1em;
	padding: 0;
	font-size: 1.25em; /* 20px */
	line-height: 1em;
}



.bookSectionTitle {
	color: #000;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	font-size: 1.5em;
}

.bookLastUpdated {
	color: #767676;
	margin: 0 auto 45px;
	padding: 0;
	width: 760px;
	font-size: 0.75em; /* 12px */
	display: block;
}

/* = .bookPra */
.bookSectionTitleH4 {
	color: #000;
	margin: 0 auto 1em;
	padding: 0;
	width: 760px;
	font-size: 1em; /* 16px */;
}

.bookSectionTitleH5 {
	color: #666;
	margin: 0 auto 1em;
	padding: 0;
	width: 760px;
	font-size: 1em; /* 16px */
}

.bookSectionTitleH6 {
	color: #000;
	margin: 0 auto 1em;
	padding: 0;
	width: 760px;
	font-size: 1em; /* 16px */
	font-weight: normal;
}

.mainBook p {
	color: #000;
	margin: 0 auto 2em;
	padding: 0;
	width: 760px;
	font-size: 1.25em;
	line-height: 2em;
}



.bookAuthorWrap {
	width: 760px;
	margin: 0 auto;
}

.bookAuthorTrigger {
	margin-bottom: 2em;
	color: #a1720d;
	font-size: 1.125em; /* 18px */
}

.bookAuthorTrigger::before {
	content: "\f13a";
	margin-right: 0.3em;
	font-family: "Font Awesome 5 Free";
}

.bookAuthorTrigger:hover {
	cursor: pointer;
}

.bookAuthorContent {
	display: none;
}

.bookAuthorProfileH4 {
	color: #649a86;
	margin: 0 auto 1em;
	padding: 0;
	font-size: 1em; /* 16px */
	line-height: 1em;
}

.bookAuthorProfileName {
	color: #000;
	margin: 0 auto 1em;
	padding: 0;
	font-size: 1.125em; /* 18px */
	line-height: 1em;
}

.bookAuthorProfile {
	color: #000;
	margin: 0 auto 55px;
	padding: 0;
	width: 760px;
	font-size: 0.9375em; /* 15px */
}

.relation{
	margin: 0 auto 20px;
	background: #fff;
	padding: 40px 20px;
	width: 920px;
	float: none;
	box-shadow: 0px 0px 8px #cdcdcd;
	/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.relationH4 {
	color: #649a86;
	padding:  0 0 0;
	font-size: 1.15em; /* 14px */
	line-height: 1em;
	max-width: 90%;
	margin: 0 auto;
}

.relationitem{
	max-width: 90%;
	display: flex;
	justify-content: space-between;
	margin: 20px auto  auto;
}

.relationitem .box{
	width: 19%;
}


.relationitem .box .title{
	font-size: 0.75em;
	margin: 4px auto 0 auto;
}

.relationitem .box .author{
	font-size: 0.75em;
	font-weight: bold;
}

.relationitem a:link, .relationitem a:visited {
	color: #000;
	text-decoration: none;
	opacity:1;
	filter: alpha(opacity=100); /* IE7 以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}

.bookCoverImage {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 280px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius:  6px 6px 0 0;
	border-radius:  6px 6px 0 0;
	/* IE7 & IE8 not Support Border Radius */
}



.sctionNavHeader {
	margin: 10px 10px 50px;
	padding: 0;
	text-align: right;
}

.sctionNavFooter {
	margin: 0 auto 55px;
	padding: 0;
	text-align: center;
}

.sctionNavHeader .current,
.sctionNavFooter .current{
	background-color: #000;
	color: #fff;
}

.numbersTitle {
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 0.75em; /* 12px */
	line-height: 1em;
}

.sctionNavHeader .numbersTitle {
	margin-right: 1em;
}

.sctionNavFooter .numbersTitle {
	display: block;
	margin-bottom: 0.8em;
}

.snsBtnArea {
	background: #edebe8;
	margin: 0 auto 50px;
	padding: 0;
	height: 80px;
	line-height: 80px;
	text-align: center;
}

.snsBtnArea iframe {
	margin: 0 5px 49px 0;
}

.social4i { /* SNS Btn Plugin - Tweet, Like, Share and Google +1 Option Page 用 */
	margin-top: 8px;
	margin: : 8px 0 0 10px;
	display: inline-block;
}



.backToTopBtnArea {
	margin: 0 auto 40px;
	padding: 0;
	text-align: center;
}

.backToTopBtn {
	color: #fff;
	background: #939393;
	margin: 0;
	padding: 10px 20px;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* IE7 & IE8 not Support Border Radius */
}

.backToTopBtn:link, .backToTopBtn:visited {
	color: #fff;
	text-decoration: none;
	opacity:1;
	filter: alpha(opacity=100); /* IE7 以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}

.backToTopBtn:hover {
	opacity:0.85;
	filter: alpha(opacity=85); /* IE7 以下 */
	-ms-filter: "alpha(opacity=85)"; /* IE8 */
}



.mainBook .alignleft {
	float: left;
	margin-right: 26px;
}

.mainBook .alignright {
	float: right;
	margin-left: 26px;
}

.mainBook .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



.mainBook blockquote p {
	background: #edebe8;
	margin: 0 auto 16px;
	padding: 1em;
	width: 728px;
}


.mainBook .jasrac {
	color:#CCC;
	font-size:10px;
}


/* 東京お遍路ゆるさんぽ */
.templeTokyoOhenro {
	margin: 0 2em 2em 100px;
	padding: 0;
	width: 250px;
	border: solid 3px #ccc;
	float: left;
	display: block;
}

.templeTokyoOhenroH4 {
	margin: 1em;
	padding: 0;
	font-size: 1em; /* 16px */
}

.templeTokyoOhenroList {
	margin: 1em;
	padding: 0;
	font-size: 0.9375em; /* 15px */
}

.findTokyoOhenro {
	margin: 0 auto 4em;
	padding: 0;
	width: 760px;
	display: block;
	overflow: hidden;
}

.findTokyoOhenroItem {
	margin: 0 20px 0 0;
	padding: 0;
	width: 175px;
	float: left;
	display: block;
}

.findTokyoOhenroItem:last-child {
	margin-right: 0;
}

.findTokyoOhenroItemCaption {
	color: #666;
	margin: 1em 0 0;
	padding: 0;
	font-size: 0.6875rem;
	line-height: 1.1rem;
	display: block;
}

.wideImages {
	margin: 0 auto;
	padding: 0;
	width: 760px;
}

.wideImages img {
	margin: 0;
	padding: 0;
	width: 100%;
}









/* ジャンル名・著者名・発行年月・フリーワード 検索結果ページ（アーカイブページ）- taxonomy-genre.php, taxonomy-writer.php, archive-book（作品一覧兼用）.php
---------------------------------------------------------*/
.genreSearchH2,
.writerSearchH2,
.monthSearchH2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 171px;
	left: 0;
}

.genreSearchH3,
.writerSearchH3,
.monthSearchH3{
	margin: -0.1em 0 40px; /* 2行以上になった時のための調整分 */
	padding: 0 0 0.2em; /* 2行以上になった時のための調整分 */
	/* height: 25px; */
	font-size: 1.1875em; /* 19px */
	font-weight: normal;
	line-height: 1.2em;
	border-bottom: solid 1px #000;
}

.current-cat { /* サブ・ナビゲーション カレント表示用*/
	font-weight: bold;
	/* text-decoration: underline; */
}



/* 発行年月・フリーワード 検索結果 */
.searchSerialTerm {
	color: #000;
	margin: 0 0 0.5em;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	font-weight: bold;
	line-height: 1em;
}

.searchTitleH4 {
	color: #000;
	margin: 0 0 0.3em;
	padding: 0;
	line-height: 1.2em;
	font-size: 1.1875em; /* 19px */
}

.searchWorksTitleH5 {
	color: #000;
	margin: 0 0 0.2em;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	font-weight: bold;
	line-height: 1.2em;
}

.searchWorksAuthor {
	color: #000;
	margin: 0 0 0.4em;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	font-size: 0.875em; /* 14px */
	line-height: 1.2em;
}

.searchWorksGenre {
	color: #000;
	background: #fff;
	margin: 0;
	margin: 0 0 1em;
	padding: 3px 6px;
	font-size: 0.6875em; /* 11px */
	line-height: 1em;
	display: inline-block;
	border: solid 1px #c2c2c2;
}

.searchWorksPra {
	color: #4c4c4c;
	margin: 0;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	line-height: 1.5em;
	overflow: hidden;
}

.searchWorksPra + .serialTerm {
	margin-top: 0.5em;
}



/* フリーワード 検索結果 */
.freeWordSearchtitleH2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 171px;
	left: 0;
}

.searchResultH3 {
	margin: 0 0 40px;
	padding: 0;
	line-height: 1em;
}

.searchResultNum {
	color: #4c4c4c;
	margin: 0 30px 50px;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	line-height: 1.5em;
}

.searchResultNum strong {
	color: #000;
}

.freeWordSearchSerialTerm {
	color: #4c4c4c;
	margin: 0 0 0.4em 205px;
	padding: 0;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	overflow: hidden;
}



.searchTitleH4 a:link, .searchTitleH4 a:visited,
.searchWorksTitleH5 a:link, .searchWorksTitleH5 a:visited,
.searchWorksAuthor a:link, .searchWorksAuthor a:visited,
.searchWorksGenre a:link, .searchWorksGenre a:visited,
.worksCover:link, .worksCover:visited {
	color: #000;
	text-decoration: none;
	opacity:1;
	filter: alpha(opacity=100); /* IE7 以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}

.searchTitleH4 a:hover,
.searchWorksTitleH5 a:hover,
.searchWorksAuthor a:hover,
.searchWorksGenre a:hover,
.serialWorks .worksCover:hover {
	opacity:0.85;
	filter: alpha(opacity=85); /* IE7 以下 */
	-ms-filter: "alpha(opacity=85)"; /* IE8 */
}









/* footer
---------------------------------------------------------*/
#footer {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	border-top: solid 1px #000;
}

#footer:after{
	content:"";
	clear:both;
	display:block;
	height:0;
}

#footer small {
	color: #000;
	margin: 23px 0;
	padding: 0;
	font-size: 0.6875rem; /* 11px */
	line-height: 1em;
	display: inline-block;
}

.footerLogo {
	margin: 10px 0 10px 20px;
	padding: 0;
	float: right;
}









/* 404 pages
---------------------------------------------------------*/
.notFoundH2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 171px;
	left: 0;
}

.notFoundH3 {
	margin: -31px 0 40px;
	padding: 0;
	height: 55px;
	font-size: 1.1875em; /* 19px */
	font-weight: normal;
	line-height: 1.3em;
	border-bottom: solid 1px #000;
}



.notFoundPagesUList {
	margin: 23px auto;
	padding: 0;
	font-size: 0.9375em; /* 15px */
}

.notFoundPagesUList li {
	margin: 0 0 0 2em;
	padding: 0;
	list-style: disc;
}



.goToHomeBtn {
	color: #fff;
	background: #939393;
	margin: 0 0 200px;
	padding: 10px 20px;
	font-size: 0.9375em; /* 15px */
	line-height: 1em;
	display: inline-block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* IE7 & IE8 not Support Border Radius */
}

.goToHomeBtn:link, .goToHomeBtn:visited {
	color: #fff;
	text-decoration: none;
	opacity:1;
	filter: alpha(opacity=100); /* IE7 以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}

.goToHomeBtn:hover {
	opacity:0.85;
	filter: alpha(opacity=85); /* IE7 以下 */
	-ms-filter: "alpha(opacity=85)"; /* IE8 */
}









/* ページトップへ
---------------------------------------------------------*/
.pageTopBtn {
	margin: 0;
	padding: 0;
	width: 85px;
	height: 82px;
	position: fixed;
	bottom: 155px;
	right: 20px;
	cursor: pointer;
}

.pageTopBtn img {
	opacity:0.7;
	filter: alpha(opacity=70); /* IE7 以下 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
}

.pageTopBtn img:hover {
	opacity:1;
	filter: alpha(opacity=100); /* IE7 以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}









/* Teaser Page
---------------------------------------------------------*/
.teaserHeader {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 265px;
	position: relative;
	overflow: hidden;
	/* border: solid 1px #000; */
}



.mainTeaser {
	margin: 0 auto 100px;
	width: 760px;
	float: none;
}



.teaserH2 {
	margin: 155px auto 0;
	padding: 0;
	width: 540px;
	display: block;
}

.teaserAboutH3,
.teaserIntroductionH3 {
	margin: 0 0 1.5em;
	padding: 0 0 0.2em;
	border-bottom: solid 1px #000;
}

.teaserAboutLead {
	margin: 0 0 5em;
	padding: 0;
}

.teaserAuthorH4 {
	margin: 0;
	padding: 0;
	font-size: 1.375em; /* 22px */
	line-height: 1;
}

.teaserAuthorH4:before {
	content:"●";
	color: #a8d196;
	margin-right: 0.1em;
}

.teaserTitleH5 {
	color: #2ca0d0;
	margin: 0 0 0.2em;
	padding: 0;
	font-size: 1.375em; /* 22px */
}

.teaserAuthorH4 .kana,
.teaserTitleH5 .kana {
	font-size: 1rem; /* 16px */
}

.teaserPra {
	margin: 0 0 0.8em;
	padding: 0;
	font-size: 0.875em; /* 14px */
}

.teaserProfile {
	background: #e8f5ef;
	margin: 0 0 4em;
	padding: 1em 1.5em;
	font-size: 0.8152em; /* 13px */
}

.profileName {
	font-weight: bold;
}

.teaserProfile a:link, .teaserProfile a:visited {
	color: #000;
	text-decoration: none;
}

.teaserProfile a:hover {
	text-decoration: underline;
}