@charset "utf-8";

* {
	line-height:150%;
}

body {
	margin: 0;
}
p {
	font-size: 100%;
}
img {
	margin: 0;
	width: 100%;
	height: auto;
}
a:hover img {
	opacity: 1;
}
a:active img {
	opacity: 0.6;
}
#main-new {
	background-color: #fff;
}

/*=============================
ヘッダーロゴ画像
=============================*/
#header-img,
#header-img-new {
	margin: 0;
	padding: 0;
	line-height: 0;
}
#header-img a,
#header-img a img,
#header-img-new a,
#header-img-new a img {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
}
#header-img img.header_img,
#nav-top_menu,
#header-img picture source,
#nav-top_menu_new,
#header-img-new img.header_img,
#header-img-new picture source {
	display: none;
}
#header-img picture,
#header-img-new picture {
	line-height: 0;
	margin: 0;
	padding: 0;
}

/*=============================
ヘッダー　グローバルメニュー
=============================*/
nav {
	margin: 0;
}
nav#gmenu {
	border-top: solid 1px #eee;
	padding-bottom: 1em;
}
nav#gmenu img {
	border: none;
	margin: 2px 0 10px;
	padding: 0;
	max-width: 50%;
	max-height: 50%;
	float:left;
	border-bottom: solid 1px #aaa;
}

/* ==== グローバルメニューテキスト化 ====*/
nav#gmenu ul {
	width: 100%;
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexbox 折り返し */
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
nav#gmenu ul li {
	width: 50%;
	display: block;
	list-style: none;
	font-size: 150%;
	background: linear-gradient(#fff 40%, #eee 50%, #ddd 80%);
	border-bottom: solid 1px #999;
	box-sizing: border-box;
	overflow: hidden;
	font-family: 'Noto Sans JP', sans-serif;
}
nav#gmenu ul li:first-child {
	width: 100%;
}
nav#gmenu ul li:nth-child(even) {
	border-right: solid 1px #999;
}
nav#gmenu ul li a {
	color: #600;
	padding: 8px;
	display: block;
	text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif;
}
nav#gmenu ul li a:active {
	background: linear-gradient(#ffde8e,#ffeec4);
}
nav#gmenu ul li.gmenu_current,
nav#gmenu ul li a.gmenu_current {
	color: #600;
	padding: 8px;
	background: linear-gradient(#ffde8e,#ffeec4);
	border-bottom: solid 1px #d6c9ab;
}


/*=============================
パンくず
=============================*/
.pankuzu {
	font-size: 100%;
	text-align: justify;
	margin: 0 1em 1em;
	line-height: 2em;
}
.pankuzu,
.breadcrumbs {
	font-size: 100%;
	margin: 0;
}
.breadcrumbs {
	width: auto;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
/*	-webkit-overflow-scrolling: touch; */
}
.breadcrumbs::-webkit-scrollbar {
  height: 5px;
}
.breadcrumbs::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.breadcrumbs::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #999;
}
.breadcrumbs ol {
	display: table;
	list-style-type: none;
	background-color: #eee;
	padding: 0.25em 0;
}
.breadcrumbs ol li {
	display:table-cell;
}
.breadcrumbs ol li span::after {
    padding: 0 0.5em;
    content: ">";
}

/*=============================
トップページコンテンツ
=============================*/
article#top_main p {
	text-align: justify;
	padding: 10px;
	font-size: 100%;
	
}
/*--- スマホ用会社アドレス ---*/
article#top_main #top_main_company {
	background-color: #555;
	color: #FFF;
	padding: 0.5em;
}
article#top_main #top_main_company p {
	margin: 0.5em 0;
}
article#top_main #top_main_company a {
	color: #FF0;
}
article#top_main #top_main img.green_text {
	margin-top: 20px;
}
article#top_main section#main_message p {
	display: block;
	text-align: justify;
	padding:  1em;
	margin: 15px 0;
	font-size: 100%;
	color: #333;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	line-height: 150%;
	background-color: #ffd;
	border-top: double 5px #fd9;
	border-bottom: double 5px #fd9;
	border-radius: 15px;
}
article#top_main section#main_message p a {
	display: inline-block;
	color: #300;
	padding: 2px 5px;
	border-radius: 4px;
	line-height: 150%;
	background: linear-gradient(#ffcd51 85%, #e89510 100%);
	text-decoration: none;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
article#top_main section#main_message p a:active {
	background: linear-gradient(#ffeb5b 85%, #ffb845 100%);
}
/*--- 四つのボタン ---*/
article#top_main #top_main_btn {
	margin: 1em auto;
}
article#top_main #top_main_btn section.top_main_btn_box {
	margin: 0 auto;
}
article#top_main  #top_main_btn section.top_main_btn_box img {
	max-width: 80%;
	margin: 1em auto 0;
	border: none;
}
article#top_main  #top_main_btn section.top_main_btn_box p {
	text-align: justify;
	max-width: 80%;
	font-size: 100%;
	line-height: 150%;
	margin: 0 auto;
}
/*--- Q&Aバナー ---*/
aside.ebook_self_qanda a.btn-ebook_self_qanda {
	display: none;
}
aside.ebook_self_qanda a.btn-ebook_self_qanda_m {
	margin: 0 auto;
}
aside.ebook_self_qanda a.btn-ebook_self_qanda_m img {
	max-width: 80%;
	border: none;
}
/*--- 新着情報・お知らせ ---*/
section#top_main_info {
	margin-bottom: 1em;
	padding: 0 8px;
}
section#top_main_info h4#top_main_info_title {
	display: block;
	height: 30px;
	background: #FFF url(images/top_icon_info.svg) no-repeat;
}
section#top_main_info h4#top_main_info_title span {
	display: none;
}
section#top_main_info p {
	display: block;
	text-align: justify;
	margin: 0 auto;
	padding: 0.5em 0 0.5em 1em;
	line-height: 1.2em;
	font-size: 100%;
	border-top: solid 1px #ccc;
	text-indent: -1em;
}
section#top_main_info p#top_main_info_more {
	text-indent: 0;
	padding: 8px 0 ;
}
section#top_main_info p#top_main_info_more a {
	display: block;
	margin: 0 8px 1em;
	padding: 5px 0.5em;
	font-size: 100%;
	border-radius: 5px;
	background: linear-gradient(#ffcd51 92%, #e89510 100%);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	color: #600;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
section#top_main_info p#top_main_info_more a:first-letter {
	color: #fff;
}
section#top_main_info p#top_main_info_more a:active {
	background: linear-gradient(#ffeb5b 92%, #ffb845 100%);
}
section#top_main_info img.icon {
	display: none;
}
/*=============================
トップページ 新刊情報
=============================*/
aside#top_new_book #top_new_book_title {
	overflow: hidden;
}

aside#top_new_book div#top_new_book_section section {
	text-align: justify;
	border: solid 1px #e87;
	box-sizing: border-box;
	background-color: #fff;
	padding: 8px;
	margin: 0 8px 10px 8px;
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexbox 折り返し */
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap: nowrap;
}
aside#top_new_book div#top_new_book_section section div {
	font-size: 100%;
	padding: 0;
}
aside#top_new_book div#top_new_book_section section img {
	width: 70px;
	margin-right: 8px;
}
/*---一覧へボタン---*/
aside#top_new_book p#top_new_book_more a {
	display: block;
	margin: 0 8px 1em;
	padding: 5px 0.5em;
	font-size: 100%;
	border-radius: 5px;
	background: linear-gradient(#ffcd51 92%, #e89510 100%);
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	color: #600;
	text-decoration: none;
	vertical-align: middle;
}
aside#top_new_book p#top_new_book_more a:first-letter {
	color: #fff;
}
aside#top_new_book p#top_new_book_more a:hover {
	background: linear-gradient(#ffeb5b 92%, #ffb845 100%);
}
aside#top_new_book img.icon {
	display: none;
}
/*=============================
トップページ SNS
=============================*/
/* Facebook */
div.fb-like-box {
	margin: 1em 0;
}
/*=============================
フッター
=============================*/
footer {
	margin: 1em auto 0;
	background-color: #666;
}
footer div#footer_menu {
	margin: 1em auto 0;
	padding: 5px 0 0;
}
footer div#footer_menu ul {
	font-size: 100%;
	list-style: none;
	text-align: justify;
	margin: 0.5em auto;
}
footer div#footer_menu ul li {
	color: #fff;
	font-family: sans-serif;
	text-align: center;
}
footer div#footer_menu ul .section li {
	
}
footer div#footer_menu ul .section li a {
	display: block;
	background-color: #888;
	margin: 0;
	border-top: solid 1px #ccc;
	padding: 1.2em;
	text-align: center;
	color: #fff;
	text-decoration: none;
	line-height: 0;
}
footer div#footer_menu ul .section li a:active {
	background-color: #aaa;
}
footer p.address_pc {
	display: none;
}
footer div#address {
	margin: 0 auto;
	padding: 0 0 1em;
	color: #eee;
}
footer p.address_m {
	font-size: 100%;
	line-height: 100%;
}
footer p.address_m a {
	color: #ff0;
}
footer p.address_m b {
	font-size: 120%;
}
footer div#copyright {
	margin: 0 auto;
	padding: 1em 0 120px;
	color: #eee;
	font-size: 90%;
}
/*=============================
各ページ共通タイトル　H2
=============================*/
div.page_box {
	max-width: 100%;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}
div.page_box h2 {
	font-size: 200%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #999;
	color: #700;
	line-height: 1.25;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
div.page_box img {
	border: none;
}
/*=============================
個人情報の取扱について（プライバシーポリシー）
=============================*/
div#pribacy {
	text-align: justify;
}
div#pribacy h3 {
	font-size: 90%;
}
div#pribacy h4 {
	font-weight: bold;
	margin-top: 1em;
}
div#pribacy section {
}
div#pribacy section p {
	font-size: 90%;
}
/*=============================
お問い合わせ
=============================*/
div#form_box {
	margin: 0 auto;
	text-align: justify;
}
/*=============================
新着情報／お知らせ　一覧
=============================*/
div#new_info h3 {
	color: #69d;
	background-color: #daeafa;
	font-size: 120%;
	font-weight: bold;
	border-bottom: solid 1px #69e;
	padding: 0.2em 0;
	margin: 1em 0 0.2em;
	line-height: 1em;
}
div#new_info section p {
	font-size: 100%;
	border-bottom: dashed 1px #aaa;
	line-height: 1em;
	padding: 0.2em 0 0.3em;
	text-align: justify;
}
div#new_info section p span {
	font-weight: bold;
	color: #700;
}

/*=============================
新着情報／お知らせ（個別）
=============================*/
div#new_info_page h2 {
	font-size: 150%;
	margin: 1em 0 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #999;
	color: #700;
	line-height: 1.25;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
}
div#new_info_page p.date {
	color: #999;
	text-align: right;
	margin-bottom: 1em;
}
div#new_info_page div.new_info_box {
	margin: 1em 0;
	padding: 1em;
}
div#new_info_page div.new_info_box p {
	text-align: justify;
	margin: 1em auto;
}
div#new_info_page div.new_info_box a.link_button {
	text-aling: center;
	display: inline-block;
	margin: 1em;
	padding: 4px 1em;
	background-color: #def;
	border-radius: 5px;
	overflow: hidden;
}
div#new_info_page div.new_info_box h3 {
	margin: 0.5em 0 0;
	color: #700;
	font-weight: bold;
}
div#new_info_page div.new_info_box ul {
	list-style: none;
	list-style-position: inside;
}
div#new_info_page div.new_info_box li {
	margin: 10px 0;
	text-align: center;
}
div#new_info_page div.new_info_box li a {
	display: block;
	border-radius: 5px;
	padding: 10px 5px;
	background-color: #def;
	text-decoration: none;
}

/*=============================
サイトマップ
=============================*/
div#sitemap {
	margin: 0 1em;
	text-align: justify;
}
div#sitemap h2 {
	text-align: center;
}
div#sitemap h3 {
	color: #700;;
	font-size: 120%;
	font-weight: bold;
	padding: 0;
	margin: 2em 0 0.2em;
	line-height: 1em;
}
div#sitemap ul {
	margin-left: 1em;
	font-size: 100%;
}
div#sitemap ul li {
	line-height: 1.8em;
}
/*=============================
取り扱い電子書籍ストア一覧
=============================*/
div#ebook_shoplist h3 {
	color: #700;;
	font-size: 100%;
	padding: 0 0 1em;
	margin: 0 0 1em;
	line-height: 1.2em;
	border-bottom: solid 1px #999;
}
div#ebook_shoplist table {
	margin: 2em auto;
	border-collapse: collapse;
}
div#ebook_shoplist caption {
	font-weight: bold;
	margin-bottom: 1em;
}
div#ebook_shoplist table th {
	color: #d15e19;
	text-align: center;

}
/* テーブル偶数行 */
div#ebook_shoplist table tr:nth-child(even) td {
	white-space: normal;
	background-color:#F0F0F6;
	padding: 0.25em 0.5em;
	text-align: justify;
}
/* テーブル奇数行 */
div#ebook_shoplist table tr:nth-child(odd) td {
	white-space: normal;
	background-color:#FCFCFC;
	padding: 0.25em 0.5em;
	text-align: justify;
}
div#ebook_shoplist table tr td:nth-child(1) {
	border-right: solid 1px #9e9ec8;
}
/* 注釈 */
div#ebook_shoplist p.an1,
div#ebook_shoplist p.an2 {
	text-align: justify;
	margin: 0 auto;
	border-top: solid 1px #999;
	padding-top: 1em;
}
div#ebook_shoplist p.an1 img {
	float: left;
	margin-right: 1em;
}
div#ebook_shoplist p.an2 img {
	max-width: 100%;
}
/*=============================
会社概要
=============================*/
div#company dl {
	text-align: center;
	margin: 0 auto;
	border-top: solid 1px #999;
}
div#company dd span {
	background-color:#FCFCFC;
}
div#company dt {
	border-bottom: dashed 1px #999;
	padding: 0.1em;
	font-weight: bold;
	background-color: #eee;
}
div#company dd {
	border-bottom: solid 1px #999;
	padding: 0.1em;
}
div#company #company_pdf {
	margin: 30px auto;
	border-bottom: solid 1px #ccc;
}
div#company #company_pdf div.pdf_box {
	margin-bottom: 1em;
}
div#company div.map {
	margin: 3em auto 0;
	text-align: center;
}
div#company div.map div.google_map {
	margin-bottom: 1em;
}
/*=============================
自費出版
=============================*/
div#ebook_self h3 {
	font-size: 120%;
	color: #008bcc;
	margin: 2em auto 0;
	font-weight: bold;
}
div#ebook_self h4 {
	font-weight: bold;
	color: #c42e00;
	background-color: #ffd798;
	margin: 2em auto 1em;
	font-size: 100%;
	padding: 0.25em;
}
div#ebook_self p {
	text-align: justify;
	margin: 1em 1em;
}
div#ebook_self p span {
	color: #c00;
}
div#ebook_self #point1 .ebook_self_point2_ab {
	display: none;
}
/*----- 出版までの流れ ------*/
div#ebook_self section#ebook_self_flow_box {
	margin: 1em auto;
	border: solid 3px #ddd;
	text-align: center;
}
div#ebook_self section#ebook_self_flow_box div.ebook_self_flow_box_box {
	border: solid 1px #ccc;
	max-width: 95%;
	margin: 0 auto 0.5em;
	padding: 5px;
}
div#ebook_self section#ebook_self_flow_box p {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
div#ebook_self section#ebook_self_flow_box div.ebook_self_flow_box_box p {
	color: #c42e00;
	font-weight: bold;
}
div#ebook_self section#ebook_self_flow_box p.triangle {
	font-size: 2em;
	color: #aaa;
}
div#ebook_self section#ebook_self_flow_box h5 {
	margin: 0 auto 1em;
	padding: 0.25em;
	font-weight: bold;
	background-color: #eee;
	font-size: 1.5em;
	color: #444;
}
div#ebook_self section#ebook_self_flow_box img {
	margin: 0;
	padding: 0;
	text-align: center;
	width: auto;
}
/*=============================
電子書籍で自費出版Ｑ＆Ａ
=============================*/
div#ebook_self_qanda p.intro {
	width: 80%;
	text-align: justify;
	margin: 1em auto;
}
div#ebook_self_qanda h3 {
	font-size: 120%;
	color: #008bcc;
	margin: 2em auto 0;
	font-weight: bold;
}
div#ebook_self_qanda section {
	margin: 1em auto 1em;
	text-align: justify;
	border-bottom: dashed 1px #b16214;
}
div#ebook_self_qanda section p {
	padding: 0 0 0.8em 45px;
}
div#ebook_self_qanda section p.question {
	font-size: 110%;
	font-weight: bold;
	color: #223ba7;
	background: #FFF url(images/ebook_self_qanda_q.png) no-repeat;
}
div#ebook_self_qanda section p.answer {
	background: #FFF url(images/ebook_self_qanda_a.png) no-repeat;
}
div#ebook_self_qanda section p.point {
	margin-bottom: 0;
	text-indent: -0.8em;
	padding-left: 60px;
}

/*=============================
電子書籍制作
=============================*/
div#ebook h3 {
	font-size: 120%;
	color: #008bcc;
	margin: 2em auto 0;
	font-weight: bold;
}
div#ebook h4 {
	font-weight: bold;
	color: #c42e00;
	background-color: #ffd798;
	margin: 2em auto 1em;
	font-size: 100%;
	padding: 0.25em;
}
div#ebook h5 {
	font-weight: bold;
	background-color:
}
div#ebook p {
	text-align: justify;
	margin: 1em 1em 0;
}
div#ebook div.ebook_reflowfix,
div#ebook div.ebook_format {
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 10px 0;
}
div#ebook div.ebook_reflowfix p,
div#ebook div.ebook_box p {
	margin-top: 0;
}
div#ebook div.ebook_box p.an {
	border: dashed 1px #999;
	margin-top: 1em;
}
div#ebook div.ebook_box p.an img {
	float: left;
}

/*=============================
出版社の方へ
=============================*/
div#publisher p.introduction {
	padding: 0.5em 0 30px;
	font-size: 120%;
	font-family: serif;
	text-align: justify;
}
div#publisher section h3 {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 150%;
	padding-left: 0.5em;
	text-align: justify;
	border-left: solid 10px #ff9a21;
	border-bottom: solid 1px #ff9a21;
}
div#publisher section div.box {
	margin: 20px auto;
}
div#publisher section hr {
	margin: 10px 0;"
}
div#publisher section h4 {
	font-family: sans-serif;
	font-weight: bold;
	margin: 5px 0 15px 0;
	color: #0730ba;
}
div#publisher section h4 span {
	font-family: sans-serif;
	font-weight: bold;
	background-color: #fffaa5;
	color: #930;
	margin-right: 5px;
	padding: 0.5em;
	border-radius: 5px;
}
div#publisher section p strong {
	display: block;
	text-align: center;
	font-family: sans-serif;
	background: linear-gradient(#e0e8ff,#ccd8ff);
	color: #2e4482;
	border-radius: 5px;
	padding: 3px 10px;
	margin: 1em 0 5px;
}
div#publisher section figure {
	text-align: center;
}
div#publisher section figure img#publisher-img1,
div#publisher section figure img#publisher-img2 {
	max-width: 30%;
}
div#publisher section figure img#publisher-img3,
div#publisher section figure img#publisher-img4 {
	max-width: 100%;
}
div#publisher section figure figcaption {
	font-family: serif;
	font-size: 90%;
}
div#publisher section p.sentence,
div#publisher section li {
	font-family: serif;
	text-align: justify;
}
div#publisher section ul {
	display: inline-block;
}
#publisher-button {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	margin: 0 auto 2em;
}
#publisher-button a.btn {
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	padding: 1rem 2rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	letter-spacing: 0.1em;
	border-radius: 0.5rem;
	color: #fff;
}
#publisher-button a.btn--color {
	background: linear-gradient(to bottom,#25a9e7,#297cbd 5%,#297cbd); 
}

/*=============================
出版物
=============================*/
/*------スライドショー-----*/
div#main_slide {
	display: none;
}
div#books {
	margin: 0
	text-align: center;
}
div#books .books_thumb {
	margin: 10px;
}
/*--- 書誌データ ---*/
div#books #books_bookinfo_box {
	text-align: center;
}
div#books #books_bookinfo_box .tagline {
	font-weight: bold;
	font-size: 90%;
	color: #008bcc;
}
div#books #books_bookinfo_box h2.book_title {
	font-size: 130%;
	color: #333;
	font-weight: bold;
	margin: 0 0 0.5em;
}
div#books #books_bookinfo_box h3 {
	margin: 0.5em 10px;
	padding: 2px;
	color: #700;
	font-weight: bold;
	background: #fdc;
	border-radius: 5px;
}
div#books #books_bookinfo_box p.inline {
	
}
div#books #books_bookinfo_box p.format span {
	font-weight: bold;
}
div#books #books_bookinfo_box ul {
	list-style: none;
	list-style-position: inside;
}
div#books #books_bookinfo_box li {
	margin: 5px 10px;
	text-align: center;
}
div#books #books_bookinfo_box li a {
	display: block;
	border-radius: 5px;
	padding: 10px 5px;
	background-color: #b0d7ff;
	text-decoration: none;
}
/*--- 内容紹介 ---*/
div#books #books_bookcontents_box {
	margin: 0 5px;
	text-align: justify;
	padding-bottom: 1em;
	border-bottom: solid 1px #999;
}
div#books #books_bookcontents_box h3.title {
	font-weight: bold;
	color: #700;
	border-bottom: solid 1px #999;
}
div#books #books_bookcontents_box p {
	margin: 1em 0.5em 0;
}
div#books #books_bookcontents_box .end {
	border-bottom: dashed 1px #999;
}
div#books #books_bookcontents_box ul {
	margin-left: 1em;
	list-style-type: none;
}

/*=============================
書類の電子化
=============================*/
div#digitize h3 {
	font-size: 120%;
	color: #008bcc;
	margin: 1em auto 0;
	font-weight: bold;
}
div#digitize h4 {
	font-weight: bold;
	color: #c42e00;
	background-color: #ffd798;
	margin: 2em auto 1em;
	font-size: 100%;
	padding: 0.25em;
}
div#digitize p {
	text-align: justify;
	margin: 1em 1em;
}
div#digitize #degitize_guide {
	padding: 0.5em;
	border: solid 1px #d7a14b;
}
div#digitize img.pc {
	display: none;
}
/*=============================
出版物一覧
=============================*/
div#books_list h2 {
	border: none;
	font-size: 150%;
	font-weight: bold;
	font-family: sans-serif;
}
/*-----個別ボックス-----*/
div#books_list div.books_list_box {
	border: solid 1px #aaa;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 90%;
}
div#books_list img.books_thumb {
	margin: 0 10px 10px 0;
	width: 70px;
	border: solid 1px #999;
	box-sizing: border-box;
	float: left;
}
div#books_list div.books_list_infobox {
	text-align: justify;
}
div#books_list div.books_list_infobox h2 {
	font-size: 120%;
	font-weight: bold;
	text-align: justify;
	padding: 0;
	margin: 0 0 0.5em 0;
}
div#books_list div.books_list_infobox p {
	color: #333;
	font-family: serif;
}
div#books_list div.books_list_infobox p.tagline {
	color: #034b6d;
	font-weight: bold;
	font-family: sans-serif;
	background-color: #def;
	margin-top: 0.5em;
	padding: 2px 0 2px 0.5em;
	clear: left;
}
/*------制作・販売代行の電子書籍-----*/
div#books_list h4#books_agency {
	color: #700;
	font-size: 150%;
	margin: 2em 0 1em;
}
/*-----出版物解説テキスト-----*/
div#books_list p.list-commentary {
	display: block;
	text-align: justify;
	margin-bottom: 1em;
}
/*--- 作者紹介 ---*/
div#books_list div#writer {
	margin-top: 1em;
	text-align: center;
}
div#books_list div#writer img {
	margin: 0 auto;
}
div#books_list div#writer #profile_box {
	width: 100%;
	background-color: #fff;
}
div#books_list div#writer .name {
	font-weight: bold;
	font-size: 120%;
	border-bottom: solid 1px #aaa;
}
div#books_list div#writer .profile {
	margin-top: 0.5em;
	font-size: 90%;
}
/*-----もっとみる／もどるボタン-----*/
div.btn-list_more {
	margin: 10px 10px 20px;
}
div.btn-list_more a {
	display: block;
	background: linear-gradient(#ffcd51 92%, #e89510 100%);
	padding: 7px 1em;
	border-radius: 5px;
	font-size: 110%;
	color: #600;
	text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
div.btn-list_more a:first-letter {
    color: #fff;
}

/*-----出版社ボタン-----*/
div#books_list div#publisher_box {
	padding: 30px 10px;
	width: 100%;
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
div#books_list div#publisher_box div.publisher_img {
	max-width: 40%;
	margin: 10px;
}
div#books_list div#publisher_box a img{
	width: 100%;
	height: auto;
	border-radius: 50%;
}

/*=============================
SNSボタン
=============================*/
div#boxArea {
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexbox 折り返し */
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap: nowrap;
	padding: 0 10px;
	margin: 2em 0 0;
	text-align: center;
	max-width:100%;
	vertical-align:bottom;
	overflow: hidden;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
div#boxArea div.fb-share-button {
	padding-left: 4px;
}
div#boxArea div {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}