@charset "utf-8";

#main {
	width: 950px;
	margin: 0 auto;
	background-color: #fff;
}
#main-new {
	max-width: 950px;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 0 4px gray;
}

/*=============================
ヘッダートップメニュー
=============================*/
#nav-top_menu h1 {
	float:left;
	text-align: justify;
	background-color: #FFF;
	color: #666;
	font-size: small;
	padding-left: 0.2em;
	width: 640px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#nav-top_menu {
	text-align: right;
	padding: 0.2em;
	font-size: small;
}
#nav-top_menu img {
	margin: 0 0.5em 0 1em; 
}
/*=============================
ヘッダートップメニューNEW
=============================*/
#nav-top_menu_new {
	width: 100%;
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexbox 折り返し */
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap: nowrap;
	background-color: #fff;
	justify-content: space-between;
	font-size: small;
}
#nav-top_menu_new h1 {
	text-align: justify;
	color: #666;
	padding: 0 1em 0 0.5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
#nav-top_menu_new div {
	white-space: nowrap;
}
#nav-top_menu_new div a {
	display: inline-block;
	background: linear-gradient(#ffeb5b 92%, #ffb845 100%);
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0;
	padding: 0 1em;
	text-decoration: none;
	color: #333;
	border-left: solid 1px #fff;
}
#nav-top_menu_new div a:first-child {
	border-left: none;
}
#nav-top_menu_new div a:hover,
#nav-top_menu_new div a:active {
	background: linear-gradient(#ffc842 92%, #e89510 100%);
}
/*=============================
ヘッダーロゴ画像
=============================*/
#header-img {
	margin: 0;
	padding: 0;
	line-height: 0;
	clear: both;
}
#header-img a,
#header-img a img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
}
#header-img img.header_img_s {
	display: none;
}
/*=============================
ヘッダーロゴ画像NEW
=============================*/
#header-img-new {
	margin: 0;
	padding: 0;
	line-height: 0;
}
#header-img-new a {
	display: block;
	max-width: 950px;
	height: 110px;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 0;
	repeat: none;
	text-align: right
}
#header-img-new a img {
	position: relative;
	right: 15px;
	border: none;
}
/*---------710pxを境に背景ロゴの表示の仕方を変更-------------*/
@media screen and (max-width:710px) {
	#header-img-new a {
		background-image: url("images/header_img_back2.png");
	}
	#header-img-new a img {
		top: 20px;
	}
}
@media screen and (min-width:711px) {
	#header-img-new a {
		background-image: url("images/header_img_back.png");
	}
	#header-img-new a img {
		top: 36px;
	}
}
/*---------ここまで-------------*/
#header-img-new a:hover img {
	opacity: 1.0;
}
/*=============================
グローバルメニュー
=============================*/
nav#gmenu {
	width: 100%;
	padding: 1px 0 0 0;
	overflow: hidden;
	/* height: 34px;
	background-color: #fff; */
}
.nav_fixed {
	max-width: 950px;
	min-height: 68px;
	position: fixed;
	top: 0;
	margin-top: 0;
	border-top: solid 3px #ffa627;
	background-image: url("images/gmenu_background.png");
	background-repeat: repeat-x;
	z-index: 10000;
}
nav#gmenu img {
	border: none;
}
nav#gmenu a:hover img#btn_gmenu2 {
	
}
nav#gmenu .gmenu_box {
	float: left;
}
/* ==== グローバルメニューテキスト化 ====*/
nav#gmenu ul {
	width: 100%;
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
}
nav#gmenu ul li {
	display: block;
	list-style: none;
	font-size: 110%;
	background: linear-gradient(#fff 40%, #eee 50%, #ddd 80%);
	border-left: solid 1px #999;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
/*---------830pxを境にメニュー表示の仕方を変更-------------*/
@media screen and (min-width:831px) {
	nav#gmenu ul {
		/* flexbox 折り返さない */
		-webkit-flex-wrap: nowrap; /* Safari */
		flex-wrap: nowrap;
	}
	nav#gmenu ul li {
		flex: 1;
	}
}
@media screen and (max-width:830px) {
	nav#gmenu ul {
		/* flexbox 折り返す */
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
	}
	nav#gmenu ul li {
		flex-grow: 1;
	}
}
/*---------ここまで----------*/
nav#gmenu ul li:first-child {
	border-left: none;
}
nav#gmenu ul li.gmenu_current {
	color: #c00;
	padding: 7px 0;
	background: none;
}
nav#gmenu ul li a {
	display: block;
	text-decoration: none;
	color: #600;
	padding: 7px 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	transition: 0.2s;
}
nav#gmenu ul li a:hover,
nav#gmenu ul li a.gmenu_current {
	padding: 7px 0;
	color:#c00;
	background-color: #fff;
}

/*=============================
パンくず
=============================*/
.pankuzu {
	margin: 0 1em;
}
.breadcrumbs ol {
	display: table;
	list-style-type: none;
}
.breadcrumbs ol li {
	float: left;
}
.breadcrumbs ol li span::after {
    padding: 0 0.5em;
    content: ">";
}
.breadcrumbs::after {
	clear: both;
}
	
/*=============================
トップページコンテンツNEW
=============================*/
#top-box {
	width: 100%;
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
@media screen and (min-width:601px) {
	#top-box {
		/* flexbox 折り返し */
		-webkit-flex-wrap: nowrap; /* Safari */
		flex-wrap: nowrap;
	}
}
@media screen and (max-width:600px) {
	#top-box {
		/* flexbox 折り返し */
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
	}
}
#top-box article#top_main {
	min-width: 30%;
	padding: 20px;
}
article#top_main section#main_message img.green_text {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
article#top_main section#main_message p {
	display: block;
	text-align: justify;
	padding:  1em;
	margin: 15px;
	font-size: 100%;
	color: #333;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	line-height: 200%;
	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: #900;
	padding: 2px 5px;
	border-radius: 4px;
	line-height: 150%;
	background: linear-gradient(#ffcd51 95%, #e89510 100%);
	text-decoration: none;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
article#top_main section#main_message p a:hover {
	background: linear-gradient(#ffeb5b 95%, #ffb845 100%);
}
/*--- スマホ用会社アドレス不可視化 ---*/
article#top_main #top_main_company {
	display: none;
}
/*--- 四つのボタン ---*/
#top_main_btn {
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexbox 折り返し */
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	justify-content: center;
	text-align: justify;
	max-width: 600px;
	margin: 0 auto;
}
#top_main_btn section.top_main_btn_box {
	padding: 2% 3%;
	margin: 0;
}
@media screen and (min-width:701px) {
	#top_main_btn section.top_main_btn_box {
		max-width: 48%;
	}
}
@media screen and (max-width:700px) {
	#top_main_btn section.top_main_btn_box {
		width: 70%;
	}
}
#top_main_btn section.top_main_btn_box h3 img {
	width: 100%;
	height: auto;
	border: none;
}
#top_main_btn section.top_main_btn_box p {
	font-size: 90%;
	line-height: 150%;
}
/*--- Q&Aバナー ---*/
aside.ebook_self_qanda {
	width: 100%;
	margin: 1em auto 0;
	padding: 0;
}
aside.ebook_self_qanda img {
	width: 100%;
	height: auto;
	border: none;
}
@media screen and (min-width:701px) {	
	aside.ebook_self_qanda a.btn-ebook_self_qanda_m {
		display: none;
	}
}
@media screen and (max-width:700px) {
	aside.ebook_self_qanda a.btn-ebook_self_qanda_m {
		display: block;
		margin: 0 auto;
		width: 70%;
	}
	aside.ebook_self_qanda a.btn-ebook_self_qanda {
		display: none;
	}
}
/*--- 新着情報・お知らせ ---*/
section#top_main_info {
	text-align: center;
	margin-bottom: 1em;
}
section#top_main_info h4#top_main_info_title {
	display: block;
	width: 100%;
	height: 25px;
	margin-bottom: 8px;
	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;
	width: 95%;
	text-align: justify;
	margin: 0 auto;
	padding: 0.8em 0 0.8em 1em;
	line-height: 120%;
	font-size: 90%;
	border-top: solid 1px #ccc;
	text-indent: -1em;
}
section#top_main_info p#top_main_info_more {
	display: block;
	width: 95%;
	text-align: right;
	margin: 0 auto;
	padding0: 8px 0 1em;
	font-size: 90%;
}
section#top_main_info p#top_main_info_more a {
	display: inline-block;
	text-indent: 0;
	color: #600;
	padding: 5px 1em;
	border-radius: 5px;
	background: linear-gradient(#ffcd51 92%, #e89510 100%);
	text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
section#top_main_info p#top_main_info_more a:hover {
	background: linear-gradient(#ffeb5b 92%, #ffb845 100%);
}
section#top_main_info p#top_main_info_more a:first-letter {
	color: #fff;
}
section#top_main_info p#top_main_info_more a:hover:first-letter {
	color: #600;
}
/*--- バナー ---*/
#top_banner {
	margin: 0 auto;
	padding: 1em 0;
}

/*=============================
トップページ 新刊情報
=============================*/
aside#top_new_book {
	line-height: 120%;
	margin: 0;
	padding: 8px;
	overflow: hidden;
}
@media screen and (min-width:901px) {
	aside#top_new_book {
		max-width: 280px;
		min-width: 280px;
	}
}
@media screen and (max-width:900px) {
	aside#top_new_book {
		max-width: 220px;
		min-width: 220px;
	}
}
@media screen and (max-width:600px) {
	aside#top_new_book {
		min-width: 95%;
		padding: 0;
		margin: 0 auto;
		text-align: center;
	}
	aside#top_new_book div#top_new_book_section {
		width: auto;
		padding: 8px;
	}
}
aside#top_new_book #top_new_book_title {
	text-align: left;
	overflow: hidden;
}
aside#top_new_book div#top_new_book_section {

}
aside#top_new_book div#top_new_book_section section {
	min-height: 120px;
	text-align: justify;
	border: solid 1px #e87;
	box-sizing: border-box;
	background-color: #fff;
	padding: 8px;
	margin: 10px auto 0;
}
aside#top_new_book div#top_new_book_section section p,
aside#top_new_book div#top_new_book_section section h3 {
	font-size: 80%;
	padding: 0m;
	margin-bottom: 0.5em;
}
aside#top_new_book div#top_new_book_section section img {
	float: left;
	margin-right: 8px;
}
/*----書籍一覧へボタン----*/
aside#top_new_book p#top_new_book_more a {
	display: block;
	text-align: center;
	margin: 0.5em 0 0;
	padding: 5px 1em;
	border-radius: 5px;
	color: #600;
	font-size: 100%;
	background: linear-gradient(#ffcd51 92%, #e89510 100%);
	text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
aside#top_new_book p#top_new_book_more a:hover {
	background: linear-gradient(#ffeb5b 92%, #ffb845 100%);
}
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:first-letter {
	color: #600;
}

/*=============================
トップページ SNS
=============================*/
#sns {
	overflow: hidden;
}
/* Facebook */
div.fb-like-box {
	margin: 1em 0;
}

/*=============================
フッター
=============================*/
footer {
	background-color: #eee;
	margin: 1em auto 0;
	padding: 0.5em;
	line-height: 160%;
}
footer #footer_menu {
	margin: 1em auto 0;
	padding: 0 50px;
	text-align: center;
	/* flexbox 使用 */
	display: -webkit-inline-flex; /* Safari */
	display: flex;
	justify-content: space-around;
}
footer div#footer_menu ul {
	font-size: 90%;
	list-style: none;
	text-align: justify;
	flex: 1;
	margin: 0 2px;
}
footer div#footer_menu ul li {
	font-family: sans-serif;
	white-space: nowrap;
}
footer div#footer_menu ul li span {
	display: block;
	margin: 5px 0;
	padding-left: 0.5em;
	background-color: #ccc;
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
}
footer div#address {
	margin: 1em auto 1em;
	border-top: solid 1px #aaa;
	padding: 1em 0 0;
	color: #333;
	font-size: 100%;
}
footer p.address_pc {
	margin-top: 1em;
}
footer p.address_pc b {
	font-size: 200%;
	color: #555;
	font-family: 'Noto Sans JP', sans-serif;
}
footer p.address_m {
	display: none;
}
footer div#copyright {
	margin: 3em auto 1em;
	padding: 0;
	color: #333;
	font-size: 90%;
}
/*=============================
各ページ共通タイトル　H2
=============================*/
div.page_box {
	width: 90%;
	margin: 2em auto 3em;
	text-align: center;
}
div.page_box h2 {
	font-size: 225%;
	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 {
	width: 80%;
	padding: 1em;
	text-align: justify;
	line-height: 150%;
}
div#pribacy h2 {
	text-align: center;
}
div#pribacy h3 {
	font-size: 80%;
}
div#pribacy h4 {
	font-weight: bold;
	margin: 1em 0 0.5em;
}
div#pribacy section {
	text-indent: -1em;
	margin-left: 1em;
}
div#pribacy section p {
	font-size: 80%;
}
/*=============================
お問い合わせ
=============================*/
div#form_box {
	width: 80%;
	margin: 1em auto;
	padding: 1em;
	text-align: justify;
}
div#form_box h2 {
	text-align: center;
}
/*=============================
新着情報／お知らせ　一覧
=============================*/
div#new_info h3 {
	color: #8ad;
	font-size: 120%;
	font-weight: bold;
	border-bottom: solid 1px #69e;
	padding: 0;
	margin: 2em 0 0.2em;
}
div#new_info section p {
	font-size: 90%;
	border-bottom: dashed 1px #aaa;
	padding: 0.2em 0 0.3em;
	text-align:left;
}
div#new_info section p span {
	font-weight: bold;
	color: #700;
}
/*=============================
新着情報／お知らせ（個別）
=============================*/
div#new_info_page h2 {
	font-size: 150%;
	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#new_info_page p.date {
	color: #999;
	text-align: right;
	margin-bottom: 2em;
}
div#new_info_page div.new_info_box {
	margin: 2em;
	padding: 2em;
	border: dashed 1px #999;
}
div#new_info_page div.new_info_box p {
	text-align: left;
	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 h3 {
	margin: 0.5em 0 0;
	font-size: 90%;
	color: #700;
	font-weight: bold;
}
div#new_info_page ul {
	margin-top: 0.5em;
	font-size: 0.85em;
	
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexbox 折り返し */
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
div#new_info_page li {
	list-style-type: none;
	-webkit-flex-grow: 1; /* Safari */
	flex-grow: 1;
	text-align: center;
	max-width: 33%;
	min-width: 33%;
}
div#new_info_page li a {
	display: block;
	margin: 0 0 8px 1em;
	padding: 4px 0.5em;
	background-color: #def;
	border-radius: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
div#new_info_page li a:hover {
	background-color: #b0d7ff;
}

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

}
/* テーブル偶数行 */
div#ebook_shoplist table tr:nth-child(even) td {
	white-space: normal;
	background-color:#F0F0F6;
	padding: 0.5em;
	text-align: justify;
}
/* テーブル奇数行 */
div#ebook_shoplist table tr:nth-child(odd) td {
	white-space: normal;
	background-color:#FCFCFC;
	padding: 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 {
	display: block;
	text-align: justify;
	margin: 0 auto;
	width: 800px;
}
div#ebook_shoplist p.an1 img {
	float: left;
	margin-right: 1em;
}
div#ebook_shoplist p.an2 img {
	float: right;
	margin-left: 1em;
}
/*=============================
会社概要
=============================*/
div#company dl {
	max-width: 800px;
	margin: 0 auto;
	border-top: solid 1px #ccc;
}
div#company dd span {
	background-color:#FCFCFC;
}
div#company dt {
	float: left;
	width: 10em;
	padding: 0.25em;
	font-weight: bold;
}
div#company dd {
	text-align: justify;
	border-bottom: solid 1px #ccc;
	padding: 0.25em;
}
div#company #company_pdf {
	margin: 30px auto;
	border-bottom: solid 1px #ccc;
}
div#company #company_pdf div.pdf_box {
	margin-bottom: 1em;
}
div#company #company_pdf div.pdf_box p {
	font-size: 90%;
}
div#company div.map {
	max-width: 775px;
	margin: 3em auto 0;
	text-align: center;
}
/*div#company div.map div.google_map {
	float: left;
	margin-right: 50px;
}*/
/*=============================
自費出版
=============================*/
div#ebook_self p.intro {
	width: 80%;
	text-align: justify;
	margin: 1em auto;
}
div#ebook_self h3 {
	font-size: 140%;
	color: #007cb7;
	background-color: #d7f2ff;
	margin: 2em auto 0;
	padding: 0.25em 1em;
	font-weight: bold;
}
div#ebook_self div.point123 img{
	margin: 1em 10px;
}
div#ebook_self #point1,
div#ebook_self #point2,
div#ebook_self #point3,
div#ebook_self #price {
	text-align: center;
	margin: 3em auto 0;
}
div#ebook_self h4 {
	text-align: justify;
	padding: 2px 0 2px 10px;
	border-bottom: solid 1px #ff9c00;
	border-left: solid 10px #ff9c00;
	font-weight: bold;
	color: #c42e00;
	font-size: 120%;
}
div#ebook_self h4 span {
	font-weight: normal;
}
div#ebook_self p {
	text-align: justify;
	width: 90%;
	margin: 1em auto;
}
div#ebook_self p span {
	color: #c00;
}
div#ebook_self #point1 img,
div#ebook_self #point2 img,
div#ebook_self #point3 img {
	margin: 1em 5px;
}
div#ebook_self #point1 .ebook_self_point2_mobile {
	display: none;
}
div#ebook_self #point2 p.shoplist {
	text-align: right;
	margin: 0 auto;
}
div#ebook_self #point2 p.shoplist img {
	margin: 0 auto;
	padding: 0;
}
/*----- 出版までの流れ ------*/
div#ebook_self section#ebook_self_flow_box {
	margin: 1em auto;
	border: solid 3px #ddd;
	text-align: center;
	max-width: 80%;
}
div#ebook_self section#ebook_self_flow_box div.ebook_self_flow_box_box {
	border: solid 1px #ccc;
	max-width: 80%;
	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;
}
/*=============================
電子書籍で自費出版Ｑ＆Ａ
=============================*/
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 {
	width: 90%;
	margin: 1.5em auto 1em;
	text-align: justify;
	border-bottom: dashed 1px #b16214;
}
div#ebook_self_qanda section p {
	margin-bottom: 0.5em;
	padding: 0 0 1em 50px;
}
div#ebook_self_qanda section p.question {
	font-size: 120%;
	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: -1em;
	padding-left: 70px;
}

/*=============================
電子書籍制作
=============================*/
div#ebook p.intro {
	width: 80%;
	text-align: justify;
	margin: 1em auto;
}
div#ebook h3 {
	font-size: 140%;
	color: #007cb7;
	background-color: #d7f2ff;
	margin: 4em auto 1em;
	padding: 0.25em 0;
	font-weight: bold;
}
div#ebook div.ebook_box {
	text-align: center;
	margin: 2em auto 0;
}
div#ebook div.ebook_box h4 {
	text-align: justify;
	padding: 2px 0 2px 10px;
	border-bottom: solid 1px #ff9c00;
	border-left: solid 10px #ff9c00;
	font-weight: bold;
	color: #c42e00;
	font-size: 120%;
}
div#ebook div.ebook_box div.ebook_reflowfix,
div#ebook div.ebook_box div.ebook_format {
	width: 90%;
	margin: 1em auto;
}
div#ebook div.ebook_box div.ebook_reflowfix  p{
	text-align: justify;
	margin: 0.5em 0 0.5em 1em;
	text-indent: -1em;
}
div#ebook div.ebook_box h5 {
	text-align: justify;
	font-weight: bold;
	border-bottom: solid 1px #aaa;
	margin-bottom: 1em;
}
div#ebook div.ebook_box p {
	text-align: justify;
	margin: 1em auto;
}
div#ebook div.ebook_box p.red {
	color: #700;
	font-weight: bold;
}

div#ebook div.ebook_box div.ebook_reflowfix img {
	margin-left: 1em;
}
@media screen and (min-width: 801px) {
	div#ebook div.ebook_box div.ebook_reflowfix img {
		float: right;
	}
}
div#ebook div.ebook_box div.ebook_format img {
	float: left;
	margin: 0 2em 0 0;
}
div#ebook div.ebook_box div.ebook_format  p {
	text-align: justify;
	margin: 0.5em 0 0 1em;
	text-indent: -1em;
}
div#ebook div.ebook_box div.ebook_format  p.an {
	margin: 1em;
	border: dashed 1px #999;
	padding: 0.5em;
}
div#ebook div.ebook_box .shoplist {
	width: 80%;
	text-align: right;
}
/*=============================
出版社の方へ
=============================*/
div#publisher {
	
}
div#publisher h2 {
	text-align: center;
}
div#publisher .introduction {
	padding: 0.5em 0 70px;
	font-size: 130%;
	line-height: 150%;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
div#publisher section {
	text-align: justify;
	margin: 0 0 70px
}
div#publisher section h3 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 150%;
	padding: 5px 0 5px 0.5em;
	border-left: solid 10px #ff9a21;
	border-bottom: solid 1px #ff9a21;
	clear: both;
}
div#publisher section div.box {
	margin: 20px 0 20px 2em;
}
div#publisher section hr {
	margin: 20px 0;"
}
div#publisher section h4 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	font-size: 125%;
	margin: 5px 0 15px 0;
	color: #0730ba;
}
div#publisher section h4 span {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	background-color: #fffaa5;
	color: #930;
	margin-right: 5px;
	padding: 0 0.5em;
	border-radius: 5px;
}
div#publisher section p strong {
	display: inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	background: linear-gradient(#e0e8ff,#ccd8ff);
	color: #2e4482;
	border-radius: 5px;
	padding: 3px 10px;
	margin-bottom: 5px;
}
div#publisher section figure {
	margin-right: 2em;
	padding:0;
}
@media screen and (min-width:801px) {
	div#publisher section figure {
		float: left;
	}
}
@media screen and (max-width:800px) {
	div#publisher section .box {
		text-align: center;
	}
	div#publisher section .box p.sentence {
		text-align: justify;
	}
	div#publisher section figure {
		width: 100%;
		text-align: center;
		margin-bottom: 1em;
	}
	div#publisher section ul {
		text-align: justify;
	}
	div#publisher section figure img {
		max-width: 90%;
	}
}
div#publisher section figure figcaption {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	font-size: 90%;
}
div#publisher section p.sentence,
div#publisher section li {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}
div#publisher section ul {
	display: inline-block;
	padding-left: 1em;
}
div#publisher section li {

}
#publisher-button, {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	margin: 1em auto;
}
#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,#66e1fb,#2e8bd4 5%,#297cbd); 
}
#publisher-button a.btn--color:hover {
	background: linear-gradient(to bottom,#66e1fb,#25a9e7 5%,#25a9e7); 
}

/*=============================
出版物
=============================*/
div#books {
	width: 80%;
	margin: 2em auto;
	text-align: center;
	padding: 1em;
}
div#books .books_thumb {
	float: left;
	margin: 0 1em 1em;
	border: solid 1px #666;
}
/*--- 書誌データ ---*/
div#books #books_bookinfo_box {
	text-align: justify;
}
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 0 0;
	font-size: 90%;
	color: #700;
	font-weight: bold;
}
div#books #books_bookinfo_box p.inline {
	display: inline;
	font-size: 90%;
	margin-left: 1em;
	background-color: #eef;
}
div#books #books_bookinfo_box p.format span {
	font-weight: bold;
}
div#books #books_bookinfo_box ul {
	margin-top: 0.5em;
	font-size: 0.85em;
	
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexbox 折り返し */
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
div#books #books_bookinfo_box li {
	list-style-type: none;
	-webkit-flex-grow: 1; /* Safari */
	flex-grow: 1;
	text-align: center;
	max-width: 33%;
	min-width: 33%;
}
div#books #books_bookinfo_box li a {
	display: block;
	margin: 0 0 8px 1em;
	padding: 4px 0.5em;
	background-color: #def;
	border-radius: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
div#books #books_bookinfo_box li a:hover {
	background-color: #b0d7ff;
}

/*--- 内容紹介 ---*/
div#books #books_bookcontents_box {
	margin: 1em 0 0;
	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: 0 1em 0;
	padding: 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: 140%;
	color: #007cb7;
	background-color: #d7f2ff;
	margin: 2em auto 0;
	padding: 0.25em 0;
	font-weight: bold;
}
div#digitize p.intro {
	width: 80%;
	text-align: justify;
	margin: 1em auto;
}

div#digitize .point {
	text-align: center;
	margin: 3em auto 0;
}
div#digitize .point img {
	margin: 1em 0 0;
}
div#digitize .point img.mobile {
	display: none;
}
div#digitize h4 {
	text-align: justify;
	padding: 2px 0 2px 10px;
	border-bottom: solid 1px #ff9c00;
	border-left: solid 10px #ff9c00;
	font-weight: bold;
	color: #c42e00;
	font-size: 120%;
}
div#digitize p {
	text-align: justify;
	width: 90%;
	margin: 1em auto;
}
div#digitize #digitize_guide {
	padding: 0.8em;
	border: solid 1px #d7a14b;
}
/*=============================
出版物一覧
=============================*/
/*------スライドショー-----*/
div#main_slide {
	margin: 25px auto;
	border-top: solid 10px #000;
	border-bottom: solid 10px #000;
	box-sizing:border-box;
}
div#main_slide ul,
div#main_slide li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: solid 1px #ccc;
}
div#main_slide li a img {
	border: none;
}
/*------＠クリエイトと販売取扱コチラボタン-----*/
div#btn_publisher {
	display: flex;
	justify-content: center;
}
div#btn_publisher img {
	margin: 0 10px;
}
div#books_list {
	margin: 2em auto;
	padding: 1em;
}
/*------スライドショー-----*/
div#books_list h2#books_agency {
	margin-top: 50px;
}
/*-----出版物解説テキスト-----*/
div#books_list p.list-commentary {
	display: block;
	text-align: justify;
	margin-bottom: 1em;
	font-size: 115%;
	line-height: 1.75;
	font-family: 'Noto Serif JP', serif;
}
/*-----もっとみるボタン-----*/
div.btn-list_more {
	margin-top: 10px;
	text-align: right;
}
div.btn-list_more a {
	display: inline-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:hover {
	background: linear-gradient(#ffeb5b 92%, #ffb845 100%);
}
div.btn-list_more a:first-letter {
	color: #fff;
}
div#books_list div.btn-list_more a:hover:first-letter {
	color: #600;
}
/*-----個別ボックス-----*/
div#books_list div.books_list_box {
	border: solid 1px #aaa;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 90%;
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	/* flexbox 折り返し */
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap: nowrap;
}

/*-----PCアンカー用span-----*/
div#books_list .book_anchorlink {
	position: relative;
	top: -100px;
	display: block;
}
div#books_list img.books_thumb {
	margin-right: 5px;
	max-width: 70px;
	border: solid 1px #999;
	box-sizing: border-box;
}
div#books_list div.books_list_infobox {
	text-align: justify;
	flex: 1;
	padding: 0 5px;
}
div#books_list div.books_list_infobox h2 {
	font-size: 130%;
	margin-bottom: 5px;
	padding-bottom: 0;
	border: none;
}
div#books_list div.books_list_infobox h3,
div#books_list div.books_list_infobox p {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
}
div#books_list div.books_list_infobox p.tagline {
	color: #008bcc;
	font-size: 120%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
/*--- 作者紹介 ---*/
div#books_list div#writer {
	margin-top: 50px;
	text-align: justify;
}
div#books_list div#writer img {
	float: left;
	margin-right: 20px;
}
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#books_list div#publisher_box {
	padding: 50px;
	max-width: 100%;
	/* flexbox 使用 */
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div#books_list div#publisher_box div.publisher_img {
	max-width: 130px;
	margin: 25px;
}
div#books_list div#publisher_box a img{
	width: 100%;
	height: auto;
	border-radius: 50%;
}

/*=============================
SNSボタン
=============================*/
div#boxArea {
	display: table;
	padding:0 0 0 20px;
	line-height:1;
	vertical-align:bottom;
}
div#boxArea div {
	float: left;
}
div#boxArea div.fb-share-button {
	margin-left: 8px;
}