@charset "utf-8";

/*-- 共通 --*/
body {
  color: #231815;
  font: 400 16px/1.6 YakuHanJP_Noto, 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
}

a {
  color: #231815;
}

.wrapper {
  margin: 0 auto;
  max-width: 1200px;
}

.logo a {
	display: block;
  font-size: 1em;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea,
input[type="submit"],
input[type="button"]{
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
textarea {
  background: #fff;
  border: 1px solid #686868;
}

input[type="text"]:placeholder-shown {
  color: #686868;
}

input[type="text"]::-webkit-input-placeholder {
  color: #686868;
}

input[type="text"]:-moz-placeholder {
  color: #686868;
}

input[type="text"]::-moz-placeholder {
  color: #686868;
}

input[type="text"]:-ms-input-placeholder {
  color: #686868;
}

.input-line,
.input-zip {
	height: 40px;
	line-height: 40px;
	padding: 0 0.5em;
}

.input-box {
	padding: 0.5em;
	height: 9em;
	overflow: auto;
}

.input-line,
.input-box,
.input-file {
	margin-bottom: 8px;
}

.input-line,
.input-box {
	width: 100%;
}

.input-zip {
	margin-bottom: 1em;
	width: 120px;
}

.form-item {
	margin: 1em 0 0.2em;
}

.form-item,
.radio,
.check {
	color: #686868;
}

.form-item {
	font-weight: 700;
}

input[type="radio"],
input[type="checkbox"] {
	display: none;
}

.radio,
.check {
	display: inline-block;
	padding-left: 32px;
	position: relative;
}

.radio {
	margin: 0 20px 8px 0;
}

.radio:before,
.radio:after,
.check:before,
.check:after {
	bottom: 0;
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
}

.radio:before,
.radio:after {
	border-radius: 50%;
}

.radio:after,
.check:after {
	border: 1px solid #686868;
	height: 24px;
	left: 0;
	width: 24px;
}

.check:after {
	background: #fff;
}

.radio:before {
	background: #15ad09;
	height: 10px;
	left: 7px;
	opacity: 0;
	width: 10px;
}

.check:before {
	left: 8px;
	width: 8px;
  height: 16px;
  border-right: 3px solid #15ad09;
  border-bottom: 3px solid #15ad09;
	opacity: 0;
	transform: rotate(45deg);
	bottom: 7px;
	top: inherit;
	z-index: 5;
}

input[type="radio"]:checked + .radio:before,
input[type="checkbox"]:checked + .check:before {
	opacity: 1;
}

.contents {
	margin-bottom: 72px;
}

#top-info,
#list .contents,
#info-text,
#info-link {
	margin-bottom: 56px;
}

#top-picks .contents,
#jinbun,
#shop-paper .contents,
#shop-e .contents {
	margin-bottom: 48px;
}

#top-ranking .contents,
#ranking50 .contents,
#info-book {
	margin-bottom: 32px;
}

#matogrosso {
	margin-bottom: 0.8em;
}

#footer .contents,
#info-detail .contents {
	margin-bottom: 0;
}

.category-en,
.book-en,
.category-count,
.series-count {
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
}

.category-count,
.series-count {
	color: #fff;
}

.category-comi .category-en,
.hover-info .category-comi,
.category-comi .rank-list dt,
.book-list .category-comi,
.ranking50-col .category-comi,
.page-title-part .category-comi {
	color: #fb94bd;
}

.category-busi .category-en,
.hover-info .category-busi,
.category-busi .rank-list dt,
.book-list .category-busi,
.ranking50-col .category-busi,
.page-title-part .category-busi {
	color: #fc6973;
}

.category-poli .category-en,
.hover-info .category-poli,
.category-poli .rank-list dt,
.book-list .category-poli,
.ranking50-col .category-poli,
.page-title-part .category-poli {
	color: #fb9151;
}

.category-huma .category-en,
.hover-info .category-huma,
.category-huma .rank-list dt,
.book-list .category-huma,
.ranking50-col .category-huma,
.page-title-part .category-huma {
	color: #ffbf37;
}

.category-hist .category-en,
.hover-info .category-hist,
.category-hist .rank-list dt,
.book-list .category-hist,
.ranking50-col .category-hist,
.page-title-part .category-hist {
	color: #f7d203;
}

.category-life .category-en,
.hover-info .category-life,
.category-life .rank-list dt,
.book-list .category-life,
.ranking50-col .category-life,
.page-title-part .category-life {
	color: #bee166;
}

.category-hobb .category-en,
.hover-info .category-hobb,
.category-hobb .rank-list dt,
.book-list .category-hobb,
.ranking50-col .category-hobb,
.page-title-part .category-hobb {
	color: #71cf7c;
}

.category-nove .category-en,
.hover-info .category-nove,
.category-nove .rank-list dt,
.book-list .category-nove,
.ranking50-col .category-nove,
.page-title-part .category-nove {
	color: #88dcd8;
}

.category-chil .category-en,
.hover-info .category-chil,
.category-chil .rank-list dt,
.book-list .category-chil,
.ranking50-col .category-chil,
.page-title-part .category-chil {
	color: #74caf3;
}

.category-scie .category-en,
.hover-info .category-scie,
.category-scie .rank-list dt,
.book-list .category-scie,
.ranking50-col .category-scie,
.page-title-part .category-scie {
	color: #61a1f6;
}

.category-nonf .category-en,
.hover-info .category-nonf,
.category-nonf .rank-list dt,
.book-list .category-nonf,
.ranking50-col .category-nonf,
.page-title-part .category-nonf {
	color: #ad91e6;
}

.category-ente .category-en,
.hover-info .category-ente,
.category-ente .rank-list dt,
.book-list .category-ente,
.ranking50-col .category-ente,
.page-title-part .category-ente {
	color: #e38ee4;
}

.g-nav a:before,
.arrow-link:before,
.sidebar-list-nav li a:before,
.footer-list-nav li a:before,
.common-btn:after,
a.sctble_display:after,
.pager-next:before,
.pager-end:before,
.pager-end:after,
.pager-prev:before,
.pager-first:before,
.pager-first:after {
	border-color: transparent;
	border-style: solid;
	content: '';
	display: block;
	height: 0;
	position: absolute;
	width: 0;
}

.g-nav .category-comi a:before {
	border-bottom-color: #fb94bd;
}

.g-nav .category-busi a:before {
	border-bottom-color: #fc6973;
}

.g-nav .category-poli a:before {
	border-bottom-color: #fb9151;
}

.g-nav .category-huma a:before {
	border-bottom-color: #ffbf37;
}

.g-nav .category-hist a:before {
	border-bottom-color: #f7d203;
}

.g-nav .category-life a:before {
	border-bottom-color: #bee166;
}

.g-nav .category-hobb a:before {
	border-bottom-color: #71cf7c;
}

.g-nav .category-nove a:before {
	border-bottom-color: #88dcd8;
}

.g-nav .category-chil a:before {
	border-bottom-color: #74caf3;
}

.g-nav .category-scie a:before {
	border-bottom-color: #61a1f6;
}

.g-nav .category-nonf a:before {
	border-bottom-color: #ad91e6;
}

.g-nav .category-ente a:before {
	border-bottom-color: #e38ee4;
}

.g-nav li a,
.sidebar-box-nav li a {
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 50%, rgba(239,238,238,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 50%,rgba(239,238,238,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(255,255,255,0) 50%,rgba(239,238,238,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80efeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	display: block;
	text-align: center;
}

.g-nav .category-comi a,
#top-ranking .category-comi {
	border-top-color: #fb94bd;
}

.g-nav .category-busi a,
#top-ranking .category-busi {
	border-top-color: #fc6973;
}

.g-nav .category-poli a,
#top-ranking .category-poli {
	border-top-color: #fb9151;
}

.g-nav .category-huma a,
#top-ranking .category-huma {
	border-top-color: #ffbf37;
}

.g-nav .category-hist a,
#top-ranking .category-hist {
	border-top-color: #f7d203;
}

.g-nav .category-life a,
#top-ranking .category-life {
	border-top-color: #bee166;
}

.g-nav .category-hobb a,
#top-ranking .category-hobb {
	border-top-color: #71cf7c;
}

.g-nav .category-nove a,
#top-ranking .category-nove {
	border-top-color: #88dcd8;
}

.g-nav .category-chil a,
#top-ranking .category-chil {
	border-top-color: #74caf3;
}

.g-nav .category-scie a,
#top-ranking .category-scie {
	border-top-color: #61a1f6;
}

.g-nav .category-nonf a,
#top-ranking .category-nonf {
	border-top-color: #ad91e6;
}

.g-nav .category-ente a,
#top-ranking .category-ente {
	border-top-color: #e38ee4;
}

.section-title-part {
	border-bottom: 1px solid #bdbdbd;
	margin-bottom: 1.5rem;
	overflow: hidden;
	padding-bottom: 0.6rem;
}

#top-info .section-title-part,
#detail-info .section-title-part,
#info .section-title-part {
	margin-bottom: 0;
}

#top-info .section-title-part .more-link,
#detail-info .section-title-part .more-link {
	margin-top: 0.6rem;
}

.section-title {
	float: left;
  font-size: 1.375em;
  font-weight: 700;
}

.sub-title-part {
	margin-bottom: 1rem;
	overflow: hidden;
}

.sub-title,
.rank {
	font-size: 1.25em;
	font-weight: 700;
}

.sub-title-part .sub-title {
	float: left;
}

.page-title-part {
	border-bottom: 2px solid #bdbdbd;
	margin-bottom: 1.5rem;
	overflow: hidden;
	padding-bottom: 0.6rem;
}

.page-title {
	float: left;
	font-size: 2em;
	font-weight: 700;
}

.section-en {
	color: #686868;
	font-size: 0.875rem;
	font-weight: 400;
	margin-left: 1rem;
}

.page-en {
	color: #686868;
	float: right;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 1.5em;
}

.more-link {
	font-size: 0.75em;
}

#top-info .more-link,
.ranking-col .more-link {
	text-align: right;
}

.page-title-part .more-link,
.section-title-part .more-link,
.sub-title-part .more-link {
	float: right;
}

.section-title-part .more-link {
	margin-top: 1rem;
}

.sub-title-part .more-link {
	margin-top: 0.6rem;
}

.arrow-link,
.sidebar-list-nav li a,
.footer-list-nav li a {
	display: inline-block;
	padding-left: 1em;
	position: relative;
}

.arrow-link:before,
.sidebar-list-nav li a:before,
.footer-list-nav li a:before {
	border-width: 6px 0 6px 6px;
	border-left-color: #15ad09;
	left: 0;
}

.sidebar-list-nav li a:before,
.footer-list-nav li a:before,
.arrow-link:before,
#category-top-ranking50 .more-link .arrow-link:before {
	top: 6px;
}

.more-link .arrow-link:before {
	top: 4px;
}

.category-comi .more-link .arrow-link:before {
	border-left-color: #fb94bd;
}

.category-busi .more-link .arrow-link:before {
	border-left-color: #fc6973;
}

.category-poli .more-link .arrow-link:before {
	border-left-color: #fb9151;
}

.category-huma .more-link .arrow-link:before {
	border-left-color: #ffbf37;
}

.category-hist .more-link .arrow-link:before {
	border-left-color: #f7d203;
}

.category-life .more-link .arrow-link:before {
	border-left-color: #bee166;
}

.category-hobb .more-link .arrow-link:before {
	border-left-color: #71cf7c;
}

.category-nove .more-link .arrow-link:before {
	border-left-color: #88dcd8;
}

.category-chil .more-link .arrow-link:before {
	border-left-color: #74caf3;
}

.category-scie .more-link .arrow-link:before {
	border-left-color: #61a1f6;
}

.category-nonf .more-link .arrow-link:before {
	border-left-color: #ad91e6;
}

.category-ente .more-link .arrow-link:before {
	border-left-color: #e38ee4;
}

.header-bnr a,
.picks-col a,
.ranking-col a,
.web-magazine-col a,
.shop-col a,
.detail-side-bnr a,
.ranking50-col a,
.related-book-col a,
#info .info-list a,
.list-col-book .tile a,
.slick-slide a,
.bnr-alone a {
	display: block;
}

.header-bnr a img,
.header-bnr img{
	max-width: 240px;
}

.book-slider-container a {
	position: relative;
}

.hover-book {
	background: rgba(35,24,21,.8);
	color: #fff;
	display: none;
	min-height: 100%;
	left: 0;
	padding: 1em;
	position: absolute;
	top: 0;
	width: 100%;
}

.hover-info dt {
	font-weight: 700;
}

.hover-title,
.book-slider-title,
.rank-book-title,
.related-book-title {
	font-size: 0.875rem;
	font-weight: 700;
}

.book-slider-title,
.rank-book-title,
.related-book-title {
	margin-top: 0.8rem;
}

.hover-info {
	font-size: 0.75rem;
}

.hover-info dt {
	margin-top: 1em;
}

.hover-info dd {
	margin-bottom: 0.5em;
}

.text {
	margin-bottom: 0.5rem;
}

.bnr-alone {
	margin: 0 0 1em;
	width: 480px;
}

.tag {
	background-color: #15ad09;
	border-radius: 0 4px 4px 0;
	color: #fff;
	display: inline-block;
	font-size: 0.875rem;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0 8px 8px 15px;
	padding: 0 1em 0 0.5em;
	position: relative;
}

.tag:before {
	background: url(../img/tag-parts.png) no-repeat;
	content: '';
	display: block;
	height: 30px;
	left: -15px;
	position: absolute;
	top: 0;
	width: 15px;
}

.cols,
.info-cols,
.detail-tab-col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#category-top-ranking50 .cols,
#ranking50 .cols,
#info-book .cols {
	justify-content: flex-start;
}

.picks-col,
.info-cols .info-list {
	width: calc(50% - 12px);
}

.tile {
	border: 1px solid #e1e1e1;
}

.tile-info {
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	padding: 1rem 3.5rem 1rem 1.5rem;
	position: relative;
}

.tile-info:after {
	background: url(../img/arrow-toppicks.gif) no-repeat;
	bottom: 0;
	content: '';
	display: block;
	height: 16px;
	margin: auto;
	position: absolute;
	right: 24px;
	top: 0;
	width: 8px;
}

.header-text-bnr-container,
.book-slider-container {
	position: relative;
}

.slick-prev:before,
.slick-next:before {
	content: '';
}

button.slick-prev,
button.slick-next {
	z-index: 2;
}

/*#new-book-slider,
.common-book-slider {
	height: 0;
	overflow: hidden;
}*/

#new-book-slider,
.common-book-slider {
	opacity: 0;
}

#new-book-slider.slick-initialized,
.common-book-slider.slick-initialized {
    opacity: 1
}

.book-slider-container .slick-slider {
	margin: 0 1.25rem;
}

.book-slider-container .slick-slide {
	margin: 0 0.75rem;
}

.book-slider-container .slick-slide img,
.picks-col img,
.detail-col-book img ,
.detail-sample-img img,
.ranking50-col .tile img,
.list-col-book .tile img,
.related-book-col .tile img,
.list-bnr-slider .slick-slide img {
	height: auto;
	width: 100%;
}

.arrow-book-slider .slick-next,
.arrow-book-slider .slick-prev {
	height: 40px;
	width: 24px;
}

.arrow-book-slider .slick-next {
	right: 0;
}

.arrow-book-slider .slick-prev {
	left: 0;
}

.book-slider-container .tag {
	font-size: 0.75rem;
	height: auto;
	line-height: 20px;
	margin: 0 8px 8px 10px;
	padding: 0 0.5em 0 0.5em;
}

.book-slider-container .tag:before {
	height: 20px;
	left: -10px;
	width: 10px;
	background-size: cover;
}

.additional-info,
.ebook-info {
	border-radius: 1rem;
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0.25em 1rem;
}

.detail-col-list .additional-info,
.list-col-list .additional-info,
.ebook-info {
	margin-bottom: 1rem;
}

.additional-info {
	background: #686868;
	border: 1px solid #686868;
	color: #fff;
}

.ebook-info {
	border: 1px solid #686868;
	color: #686868;
}

#contents-top,
.detail-sns {
	overflow: hidden;
}

.bread-list {
	font-size: 0.75em;
	float: left;
	overflow: hidden;
}

.bread-list li,
.detail-sns li {
	float: left;
}

.bread-list li + li {
	margin-left: 0.5rem;
	padding-left: 1rem;
	position: relative;
}

.bread-list li + li:before {
	background: url(../img/arrow-bread.gif) no-repeat;
	content: '';
	display: block;
	height: 16px;
	left: 0;
	position: absolute;
	top: 1px;
	width: 8px;
}

.book-title {
	font-size: 2em;
	font-weight: 700;
	line-height: 1.2;
}

.author a,
.text-link {
	color: #15ad09;
}

.text {
	font-size: 0.875em;
}

.book-list,
.audio-list {
	border-bottom: 1px dotted #bdbdbd;
	font-size: 0.875em;
	overflow: hidden;
}

.book-list:first-of-type,
.audio-list:first-of-type {
	border-top: 1px dotted #bdbdbd;
}

.book-list dt,
.audio-list dt {
	color: #999;
	font-weight: 700;
	float: left;
	padding: 0.75rem 0;
	text-align: center;
}

.book-list dd,
.audio-list dd {
	overflow: hidden;
	padding: 0.75rem 0 0.75rem 0.75rem;
}

.common-btn {
	background: #15ad09;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 1.125rem;
	font-weight: 700;
	max-width: 240px;
	padding: 1rem 0;
	position: relative;
	text-align: center;
}

.common-btn:after {
	border-width: 6px 0 6px 6px;
	border-left-color: #fff;
	bottom: 0;
	margin: auto;
	right: 8px;
	top: 0;
}

.sub-btn {
	background: #999;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 1.125rem;
	font-weight: 700;
	max-width: 240px;
	padding: 1rem 0;
	text-align: center;
}

.required {
	color: #d70000;
}

.notes,
.page-number {
	font-size: 0.75rem;
}

.section-title .notes {
	font-weight: 400;
}


/* ヘッダー */
#header {
	padding-bottom: 16px;
}

#header .header {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 1.5em 0 1.75em;
}

.logo a {
	background: url(../img/logo.gif) no-repeat;
	height: 50px;
	width: 200px;
}

.search {
	position: relative;
	width: 59%;
}

.search-box {
	height: 50px;
	line-height: 50px;
	padding: 0 2em 0 1em;
	width: 100%;
}

.search-btn {
	background: url(../img/search-icon.gif) no-repeat;
	bottom: 0;
	height: 18px;
	margin: auto;
	position: absolute;
	right: 16px;
	top: 0;
	width: 18px;
}


/* グローバルナビ */
#header-nav {
	background: url(../img/nav-bg.gif);
}

.g-nav {
	display: flex;
	flex-wrap: wrap;
}

.g-nav li {
	background: #fff;
	position: relative;
	width: 16.66%;
}

.g-nav li a {
	border-top-style: solid;
	border-top-width: 4px;
	font-size: 1.125em;
	font-weight: 700;
	padding: 0.6em 0 1.4em;
	position: relative;
}

.g-nav a:before {
	border-width: 0 0 32px 80px;
	bottom: 0;
	position: absolute;
	right: 0;
}

.g-nav .category-count {
	bottom: 6px;
	position: absolute;
	right: 8px;
}


/* ヘッダーテキストバナー */
.arrow-header .slick-prev,
.arrow-header .slick-next {
	height: 16px;
	width: 8px;
}

.arrow-header .slick-next {
	right: 8px;
}

.arrow-header .slick-prev {
	left: 8px;
}

.header-text-bnr {
	display: none;
}

.header-text-bnr.slick-initialized {
	display: block;
}

.header-text-bnr .text-container {
	padding: 8px;
}

.header-text-bnr .text-container img {
	max-height: 17px;
}

.slick-slide img {
	margin: 0 auto;
}


.container {
	display: flex;
	padding-top: 24px;
}

.main {
	width: calc(100% - 272px);
}


/* サイドバー */
#sidebar {
	margin-right: 32px;
	width: 240px;
}

.sidebar-box-nav:first-of-type,
.sidebar-title {
	font-size: 1.125em;
	font-weight: 700;
}

.book-en {
	color: #999;
}

.sidebar-box-nav {
	border-top: 1px solid #bdbdbd;
}

.sidebar-box-nav li {
	border-bottom: 1px solid #bdbdbd;
	position: relative;
}

.sidebar-box-nav:first-of-type li a {
	padding: 0.6em 0 1.2em;
}

.sidebar-box-nav li a {
	padding: 1em 0;
}

.series-count {
	background: #999;
	border-radius: 9px 0 0 9px;
	bottom: 0;
	height: 18px;
	line-height: 17px;
	margin: auto;
	padding: 0 8px;
	position: absolute;
	right: 0;
	top: 0;
}

.sidebar-title {
	margin-bottom: 0.5rem;
	text-align: center;
}

.sidebar-box-nav {
	margin-bottom: 1.5em;
}

.sidebar-list-nav {
	border-top: 1px solid #bdbdbd;
	margin: 0.5rem 0 2em;
}

.sidebar-list-nav li,
.sidebar-list-detail li {
	margin: 0.5em 0;
}


.sidebar-list-detail li {
	font-size: 0.875em;
}

.sidebar-list-detail li a {
	color: #999;
	padding-left: 2.5rem;
	position: relative;
}

.sidebar-list-detail li a:before {
	background-color: #999;
	border: none;
	height: 1px;
	left: 16px;
	top: 11px;
	width: 16px;
}


/*-- 今週のおすすめ --*/
.picks-col {
	margin-bottom: 24px;
}

.picks-col img {
	margin: 0 auto;
	max-width: 450px;
}

.picks-title {
	font-weight: 700;
	margin-bottom: 0.5em;
}

.picks-author {
	font-size: 0.875em;
}


/* お知らせ */
.info-cols {
	border-bottom: 1px solid #bdbdbd;
}

.info-list {
	border-bottom: 1px dotted #bdbdbd;
}

.top-info .info-list:last-of-type,
.top-info .info-list:nth-last-of-type(2) {
	border-bottom: none;
}

.info-list dt {
	color: #999;
	font-size: 0.75em;
	font-weight: 700;
	float: left;
	padding: 1rem 0;
	width: 80px;
}

.info-list dd {
	font-size: 0.875em;
	overflow: hidden;
	padding: 1rem 0;
}

.rss {
	background: #15ad09 url(../img/rss-icon.gif) no-repeat 0 0;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-weight: 700;
	height: 20px;
	padding: 0 6px 0 20px;
}

#top-info .info-cols + .more-link {
	margin-top: 1em;
}


/*-- 新刊 --*/
.newbook-title {
	font-weight: 700;
	margin-top: 0.8em;
}

#new-book-slider .hover-title {
	font-size: 1em;
}

#new-book-slider .hover-info {
	font-size: 0.875em;
}

/*-- ランキング --*/
.ranking-col {
	font-size: 0.875em;
	font-weight: 700;
	margin-bottom: 3em;
	width: calc((100% - 96px) / 5);
}

.ranking-book {
	margin: 0 auto 0.8em;
	max-height: 218px;
	max-width: 100%;
}

.rank-list {
	color: #999;
	margin-bottom: 0.5em;
}

/*.rank-list.first-rank {
	font-size: 1rem;
	font-weight: 700;
}*/


/*-- ウェブマガジン --*/
.web-magazine-col {
	font-size: 0.875em;
	margin-bottom: 24px;
	width: calc((100% - 48px) / 3);
}

.web-magazine-col .tile {
	min-height: 253px;
	position: relative;
}

.web-magazine-col .tile img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 251px;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.web-magazine-date {
	color: #999;
	font-weight: 700;
	margin-bottom: 0.5em;
}


/*-- 近刊情報 --*/
#coming-book .additional-info {
	display: block;
	margin: 1rem auto 0.8em;
	max-width: 115px;
	text-align: center;
}


/*-- フッター --*/
#footer {
	padding-top: 56px;
}

.footer-sns {
	margin: 0 auto 40px;
	width: 184px;
}

.footer-sns ul {
	overflow: hidden;
}

.footer-sns ul li {
	float: left;
}

.footer-sns ul li + li {
	margin-left: 32px;
}

.footer-sns ul li a {
	display: block;
	height: 40px;
	width: 40px;
}

.footer-tw {
	background: url(../img/tw-footer.gif) no-repeat center;
}

.footer-fb {
	background: url(../img/fb-footer.gif) no-repeat;
}

.footer-gp {
	background: url(../img/gp-footer.gif) no-repeat;
}

.footer-li {
	background: url(../img/li-footer.gif) no-repeat;
}

.footer-nav {
	background: #686868 url(../img/footer-bg.gif);
	padding: 2.5em 0 0;
}

.footer-nav,
.footer-nav a {
	color: #fff;
}

.footer-col {
	width: calc((100% - 64px) / 5);
}

.footer-col:last-of-type {
	margin-top: 2.5em;
}

.footer-nav-title {
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 1em;
}

.footer-list-nav {
	font-size: 0.875rem;
}

.footer-list-nav li {
	margin: 0.5rem 0;
}

.footer-list-nav + .footer-list-nav {
	margin-top: 2em;
}

.footer-list-detail li {
	font-size: 0.75rem;
}

.footer-list-detail li a {
	padding-left: 2.5rem;
	position: relative;
}

.footer-list-detail li a:before {
	background-color: #fff;
	border: none;
	height: 1px;
	left: 16px;
	top: 9px;
	width: 16px;
}

.copyright {
	font-size: 0.6875em;
	text-align: center;
	padding: 2.5rem 0 1.5rem;
}


/*-- totop --*/
.totop {
  display: none;
  background: url(../img/totop.png) no-repeat;
  bottom: 40px;
  height: 24px;
  position: fixed;
  right: 40px;
  width: 48px;
}


/* 書籍詳細 */
.detail-sns {
	float: right;
}

.detail-sns li + li {
	margin-left: 0.5rem;
}

.detail-sns li a {
	display: block;
	height: 30px;
	width: 30px;
}

.detail-tw {
	background: url(../img/tw-detail.gif) no-repeat center;
}

.detail-fb {
	background-image: url(../img/fb-detail.gif);
}

.detail-gp {
	background-image: url(../img/gp-detail.gif);
}

.detail-li {
	background-image: url(../img/li-detail.gif);
}

.detail-col-book {
	width: 320px;
}

.detail-col-book .tile {
	margin-bottom: 16px;
}

.download {
	border: 1px solid #686868;
	border-radius: 4px;
	color: #686868;
	display: block;
	font-size: 0.875em;
	margin-bottom: 8px;
	padding: 0.75rem 28px 0.75rem 0;
	position: relative;
	text-align: center;
}

.download:after,
.yondemill:after {
	bottom: 0;
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	width: 20px;
}

.download:after {
	background: url(../img/dl-icon.gif) no-repeat;
	height: 20px;
	right: 77px;
}

.yondemill {
	background: #15ad09;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 1.125em;
	padding: 1em 28px 1em 0;
	position: relative;
	text-align: center;
}

.yondemill:after {
	background: url(../img/yonde-icon.png) no-repeat;
	height: 19px;
	right: 57px;
}

.detail-col-list {
	width: calc(100% - 344px);
}

.author {
	margin: 0.5em 0 1.25em;
}

.copy {
	font-size: 1.125em;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.book-list dt {
	width: 180px;
}

.book-list .tag {
	margin: 8px 8px 8px 15px;
}


/*-- オンライン書店で購入する・電子書店で購入する --*/
#shop-paper .cols,
#shop-e .cols {
	justify-content: flex-start;
}

#shop-paper .cols {
	margin-top: 24px;
}

.shop-col {
     margin: 0 3px 8px;
}

.shop-col .shop-list {
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 68%, #f5f5f5 68%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 68%,#f5f5f5 68%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 68%,#f5f5f5 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	height: 148px;
	position: relative;
	width: 148px;
}

.shop-logo {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
}

.shop-name {
	bottom: 28px;
	color: #999;
	font-size: 0.75em;
	font-weight: 700;
	height: 16px;
	left: 0;
	line-height: 1.2;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
}

.amazon {
	background-image: url(../img/amazon.gif);
	height: 47px;
	top: 40px;
	width: 102px;
}

.e-hon {
	background-image: url(../img/e-hon.gif);
	height: 55px;
	top: 30px;
	width: 100px;
}

.hmv {
	background-image: url(../img/hmv.gif);
	height: 46px;
	top: 40px;
	width: 124px;
}

.kino {
	background-image: url(../img/kino.gif);
	height: 71px;
	top: 20px;
	width: 99px;
}

.seven {
	background-image: url(../img/seven.gif);
	height: 57px;
	top: 28px;
	width: 73px;
}

.tsuta {
	background-image: url(../img/tsuta.gif);
	height: 51px;
	top: 38px;
	width: 129px;
}

.bookfan {
	background-image: url(../img/bookfan.gif);
	height: 38px;
	top: 45px;
	width: 127px;
}

.honto {
	background-image: url(../img/honto.gif);
	height: 50px;
	top: 40px;
	width: 108px;
}

.honya {
	background-image: url(../img/honya.gif);
	height: 36px;
	top: 44px;
	width: 135px;
}

.raku {
	background-image: url(../img/raku.gif);
	height: 44px;
	top: 40px;
	width: 119px;
}

.yodo {
	background-image: url(../img/yodo.gif);
	height: 30px;
	top: 45px;
	width: 130px;
}

.kindle {
	background-image: url(../img/kindle.gif);
	height: 45px;
	top: 40px;
	width: 126px;
}

.ibooks {
	background-image: url(../img/ibooks.gif);
	height: 45px;
	top: 40px;
	width: 126px;
}

.ebook {
	background-image: url(../img/ebook.gif);
	height: 47px;
	top: 40px;
	width: 116px;
}

.seemo {
	background-image: url(../img/seemo.gif);
	height: 52px;
	top: 36px;
	width: 106px;
}

.hikari {
	background-image: url(../img/hikari.gif);
	height: 41px;
	top: 40px;
	width: 129px;
}

.walk {
	background-image: url(../img/walk.gif);
	height: 58px;
	top: 32px;
	width: 120px;
}

.live {
	background-image: url(../img/live.gif);
	height: 34px;
	top: 47px;
	width: 132px;
}

.kobo {
	background-image: url(../img/kobo.gif);
	height: 43px;
	top: 40px;
	width: 119px;
}


/*-- この作品に関するニュース＆トピックス --*/
.info-list .additional-info {
	margin-right: 8px;
}


/*-- 詳細 --*/
.detail-tab {
	box-shadow: 0 -1px 0 0 #15ad09 inset;
	display: flex;
	justify-content: space-between;
}

.detail-tab li + li {
	margin-left: 8px;
}

.detail-tab li {
	background: #999;
	border-radius: 4px 4px 0 0;
	color: #fff;
	font-weight: 700;
	flex-grow: 1;
	height: 48px;
	line-height: 48px;
	text-align: center;
}

.detail-tab li.detail-tab-active {
	background: #fff;
	border-left: 1px solid #15ad09;
	border-right: 1px solid #15ad09;
	border-top: 4px solid #15ad09;
	color: #231815;
	line-height: 42px;
}

.detail-tab-contents {
	border-bottom: 1px solid #15ad09;
	border-left: 1px solid #15ad09;
	border-right: 1px solid #15ad09;
	display: none;
	padding: 1.5em;
}

div.detail-tab-active {
	display: block;
}

.detail-tab-contents .detail-tab-col:nth-of-type(2) {
	margin-top: 1.5em;
}

.detail-side-wide {
	width: calc(100% - 264px);
}

.detail-side {
	width: 240px;
}

.detail-side-title {
	border-bottom: 1px solid #bdbdbd;
	font-size: 1.125em;
	font-weight: 700;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
}

.relative-link {
	font-size: 0.875em;
}

.relative-link li {
	margin-bottom: 8px;
}

.detail-side-bnr li {
	margin-bottom: 8px;
}

.detail-sample-img {
	margin-bottom: 1.5em;
	width: calc(50% - 12px);
}

.detail-sample-caption {
	color: #999;
	font-size: 0.875em;
	font-weight: 700;
	margin-top: 0.25rem;
	text-align: center;
}

.audio-list:first-of-type {
	margin-top: 1.5rem;
}

.audio-list dt {
	width: 4.5em;
}


/* ご意見・ご感想 */
.thoughts-slide {
	border: 1px solid #686868;
	border-radius: 4px;
	font-size: 1.375em;
	font-weight: 700;
	padding: 1rem 1.5rem;
	position: relative;
}

.thoughts-slide:before,
.thoughts-slide:after {
	bottom: 0;
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
}

.thoughts-slide:before {
	border-radius: 4px;
	background: #15ad09;
	height: 20px;
	right: 24px;
	width: 20px;
}

.thoughts-slide:after {
	content: '+';
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	height: 20px;
	line-height: 18px;
	right: 27px;
}

.thoughts-active:after {
	background: #fff;
	content: '';
	height: 2px;
	right: 28px;
	width: 12px;
}

.thoughts-active {
	border-bottom: 1px dotted #bdbdbd;
	border-radius: 4px 4px 0 0;
}

.thoughts-contents {
	border-bottom: 1px solid #686868;
	border-left: 1px solid #686868;
	border-right: 1px solid #686868;
	padding: 1.5rem;
}

.review-contents {
	border: 1px solid #686868;
	padding: 1.5rem;
}

a.sctble_display {
	border: solid #686868 1px;
	color: #686868;
	display: inline-block;
	margin-bottom: 8px;
	padding: 0 28px 0 0.5em;
	position: relative;
	width: 240px;
}

a.sctble_display:after {
	bottom: 0;
	border-width: 6px 6px 0 6px;
	border-top-color: #15ad09;
	margin: auto;
	right: 8px;
	top: 0;
}

a.sctble_display span {
	height: 38px;
	line-height: 38px;
}

form .common-btn,
form .sub-btn {
	width: 100%;
}

.solo-btn {
	margin: 16px auto;
}

.sctble_mat {
	background: #f6f6f6;
	border-bottom: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
}

.sctble_mat .body {
	padding: 1.5em;
}

.sctble_mat dt {
	border-right: 1px solid #686868;
	color: #686868;
	font-weight: 700;
	float: left;
	width: 4.5em;
}

.sctble_mat dd {
	overflow: hidden;
	padding-left: 1.5em;
}

.sctble_mat dd a {
	color: #15ad09;
	display: inline-block;
	margin-bottom: 1em;
	margin-right: 1.5em;
}

.sctble_mat dd a.selected {
	color: #999;
}


/*-- 人気ランキング Top50 --*/
.rank {
	margin-bottom: 0.5rem;
	text-align: center;
}

.ranking50-col,
.related-book-col {
	margin-bottom: 1.875em;
	margin-right: 24px;
	width: calc((100% - 96px) / 5);
}

.ranking50-col:nth-of-type(5n),
.related-book-col:nth-of-type(5n) {
	margin-right: 0;
}


/*-- カテゴリートップ --*/
.slick-dotted.slick-slider {
	margin-bottom: 48px;
}

.slick-dots {
	bottom: -30px;
	right: 0;
	width: auto;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
	color: #e1e1e1;
	opacity: 1;
}

.slick-dots li.slick-active button:before {
	color: #15ad09;
}

.list-tag {
	overflow: hidden;
}

.list-series {
	font-size: 0.875rem;
}

.list-series dt {
	color: #999;
	font-weight: 700;
	float: left;
	margin-right: 0.5em;
}

.list-series dd {
	overflow: hidden;
}

.list-series dd a {
	color: #15ad09;
	display: inline-block;
	float: left;
	margin: 0 1rem 1rem 0;
}

#category-top-ranking50 .ranking50-col {
	margin-bottom: 0;
}

#category-top-ranking50 .more-link {
	font-size: 0.875rem;
	font-weight: 700;
	margin-top: 0.6rem;
}

#category-top-ranking50 .rank {
	font-size: 0.875rem;
	margin-bottom: 0.8rem;
}


/*-- 刊行順一覧 --*/
#list-book .contents {
	overflow: hidden;
}

#list-book .cols {
	border-bottom: 1px solid #bdbdbd;
	margin-bottom: 32px;
	padding-bottom: 40px;
}

.list-col-book {
	width: 198px;
}

.list-col-book .common-btn {
	margin-top: 1rem;
}

.list-col-list {
	width: calc(100% - 222px);
}

.list-col-list .book-title {
	font-size: 1.25rem;
}

.list-col-list .copy {
	font-size: 1rem;
}

.pager {
	overflow: hidden;
}

.pager-container {
	float: right;
}

.page-number {
	margin: 0.75rem 1rem 0 0;
	float: left;
}

.pager li {
	float: left;
	font-size: 0.875rem;
	font-weight: 700;
}

.pager li + li {
	margin-left: 1px;
}

.pager li a,
.pager-current {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}

.pager li a {
	background: #e1e1e1;
	color: #999;
}

.pager-current {
	background: #999;
	color: #fff;
}

.pager-next,
.pager-end,
.pager-prev,
.pager-first {
	position: relative;
}

.pager-next:before,
.pager-end:before,
.pager-end:after,
.pager-prev:before,
.pager-first:before,
.pager-first:after {
	bottom: 0;
	top: 0;
	margin: auto;
	z-index: 1;
}

.pager-next:before,
.pager-end:before,
.pager-end:after {
	border-left-color: #999;
	border-width: 6px 0 6px 6px;
}

.pager-prev:before,
.pager-first:before,
.pager-first:after {
	border-right-color: #999;
	border-width: 6px 6px 6px 0;
}

.pager-next:before,
.pager-prev:before {
	left: 0;
	right: 0;
}

.pager-end:before,
.pager-first:before {
	left: 8px;
}

.pager-end:after,
.pager-first:after {
	right: 8px;
}


/*-- お知らせ一覧 --*/
#info .page-title-part .more-link {
	margin-top: 1.4rem;
}

.info-side {
	width: calc(100% - 224px);
}

.info-side-category {
	width: 200px;
}

#info .info-list:last-of-type {
	margin-bottom: 32px;
}

#info .info-list dt {
	float: none;
	font-size: 0.875em;
	padding: 1.5rem 0 0.5rem;
	width: auto;
}

#info .info-list dd {
	padding: 0 0 2rem;
}

#info .info-list .additional-info {
	margin: 0 0 0 8px;
}

.info-title {
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}

.info-side-category ul {
	border-left: 1px solid #15ad09;
	border-right: 1px solid #15ad09;
	border-top: 1px solid #15ad09;
}

.info-side-category li {
	border-bottom: 1px solid #15ad09;
}

.info-side-category li a {
	color: #15ad09;
	display: block;
	font-size: 0.875rem;
	padding: 0.875rem 0 0.875rem 28px;
}

.info-side-category li a:before {
	bottom: 0;
	left: 0.875rem;
	margin: auto;
	top: 0;
}


/*-- お知らせ詳細 --*/
.info-date {
	color: #999;
	float: right;
	font-size: 0.875rem;
	font-weight: 700;
	margin-top: 1rem;
}

.info-date .additional-info {
	margin-left: 8px;
}


/*-- お問い合わせ --*/
.inquiry-container {
	margin: 1.5em 0 2.5em;
}

.inquiry-table {
	background: #e1e1e1;
	border-collapse: separate;
	border-spacing: 1px;
	margin-top: 0.5em;
	width: 100%;
}

.inquiry-table th {
	background: #f5f5f5;
	color: #686868;
	font-weight: 700;
	padding: 1em 1.5em 1.5em;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 18em;
}

.required-mark {
	background: #d70000;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 400;
	height: 16px;
	line-height: 16px;
	padding: 0 1em;
	position: absolute;
	top: 22px;
	right: 24px;
}

.inquiry-table td {
	background: #fff;
	padding: 1.5em 1.5em 1em;
}

.inquiry-agree {
	background: #f5f5f5;
	border: 1px solid #e1e1e1;
	padding: 1em 1.5em 1.5em;
}

.inquiry-agree .text {
	text-align: center;
}

.agree-container {
	margin: 1em 0;
	text-align: center;
}

.agree {
	color: #686868;
	display: inline-block;
	font-weight: 700;
	padding-right: 64px;
	position: relative;
}

.agree .required-mark {
	right: 0;
	top: 5px;
}

.btn-container {
	display: flex;
	justify-content: center;
}

.btn-container .sub-btn {
	margin-right: 1rem;
}
.inquiry-container .error-message{ color: red;}

/*-- 会社案内・地図 --*/
.company-table {
	background: #e1e1e1;
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 0.875em;
	margin-top: 0.5em;
	width: 100%;
}

.company-table th {
	background: #f5f5f5;
	color: #686868;
	font-weight: 700;
	padding: 1.5em;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 13em;
}

.company-table td {
	background: #fff;
	padding: 1.5em;
}

.company-map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	margin-top: 1.5rem;
	overflow: hidden;
}
 
.company-map iframe,
.company-map object,
.company-map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.charter-author {
	font-size: 0.875em;
	text-align: right;
}

.charter-contents {
	margin: 1.5rem 0 0;
}

.static-heading {
	font-size: 1em;
	font-weight: 700;
	margin: 1.5rem 0 8px;
}

.static-list {
	font-size: 0.875em;
}

.static-list li {
	margin-bottom: 8px;
}

.faq-list dt {
	font-weight: bold;
	margin-bottom: 1rem;
}

.faq-list dd {
	font-size: 0.875em;
	margin-bottom: 3rem;
}

.faq-list dt,
.faq-list dd {
	padding-left: 34px;
	position: relative;
}

.faq-list dt:before,
.faq-list dd:before {
	content: '';
	display: block;
	border-radius: 50%;
	height: 28px;
	width: 28px;
	position: absolute;
	left: 0;
	top: -1px;
}

.faq-list dt:after,
.faq-list dd:after {
	display: block;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	position: absolute;
	line-height: 1;
}

.faq-list dt:before {
	background: #15ad09;
	top: -1px;
}

.faq-list dd:before {
	background: #d70000;
	top: -2px;
}

.faq-list dt:after {
	content: 'Q';
	left: 6px;
	top: 2px;
}

.faq-list dd:after {
	content: 'A';
	left: 7px;
	top: 1px;
}

#faq .text {
	margin-bottom: 2rem;
}

.faq-list ul li {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 8px;
}

#faq .faq-list .text	{
	margin-bottom: 1rem;
	font-size: 1em;
}

.faq-list ul + .text {
	margin-top: 2rem;
}

#application li {
	font-size: 0.875em;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 8px;
}


/*-- 1200px以下 --*/
@media screen and (max-width:1200px) {
	.contents {
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.section-title-part .more-link,
	.sub-title-part .more-link,
	.pager-container {
		margin-right: 1rem;
	}

	#header {
		padding-bottom: 0;
	}

	#contents-top {
		padding: 1rem 0.5rem 0;
	}

	#header .header {
		padding: 1em;
	}

	.page-title-part {
		padding: 0 1rem 0.6rem;
	}

	.section-title {
		padding: 0 1rem;
	}

	#info-detail #info-link .section-title,
	#info-detail #info-book .section-title {
		padding-left: 0;
	}

	.sub-title-part .sub-title {
		padding: 0 1rem;
	}

	.search {
		margin: 0 1em;
	}

	#header-nav .wrapper {
		margin: 0;
	}

	.main {
		width: 100%;
	}

	#sidebar {
		display: none;
	}

	.g-nav li {
		width: 25%;
	}

	.arrow-link,
	.sidebar-list-nav li a,
	.footer-list-nav li a {
		padding-left: 0.75rem;
	}

	.footer-list-detail li a {
		padding-left: 2.5rem;
	}

	.totop {
		opacity: .6;
	}

	#top-info .info-list + .more-link {
		margin: 1em 1rem 0 0;
	}

	#info .info-list,
	#info .pager-container {
		margin: 0;
	}

}


/*-- 769px以上　ホバー効果など--*/
@media screen and (min-width:769px) {
  a,
  .search-btn,
  div.slick-prev,
  div.slick-next,
	.thoughts-slide,
	.radio,
	.check,
	.input-file,
	form .common-btn,
	form .sub-btn,
	.audioplayer-playpause {
    transition: .2s;
  }

	.book-slider-container a,
	.detail-tab li.detail-tab-active {
		transition: none;
	}

  a:hover,
	.search-btn:hover,
  div.slick-prev:hover,
  div.slick-next:hover,
	.detail-tab li:hover,
	.thoughts-slide:hover,
	.radio:hover,
	.check:hover,
	.input-file:hover,
	form .common-btn:hover,
	form .sub-btn:hover,
	.audioplayer-playpause:hover {
    opacity: .6;
  }

	.g-nav li a:hover,
	.book-slider-container a:hover,
	.detail-tab li.detail-tab-active:hover {
		opacity: 1;
	}

	.search-btn,
	.detail-tab li,
	.thoughts-slide,
	.radio,
	.check {
		cursor: pointer;
	}

	.detail-tab li.detail-tab-active {
		cursor: inherit;
	}

	.g-nav-slide {
		display: none;
	}

  .g-nav .category-comi a:hover {
    background-image: url(../img/nav-comi-bg.gif);
		color: #fb94bd;
  }

  .g-nav .category-busi a:hover {
    background-image: url(../img/nav-busi-bg.gif);
		color: #fc6973;
  }

  .g-nav .category-poli a:hover {
    background-image: url(../img/nav-poli-bg.gif);
		color: #fb9151;
  }

	.g-nav .category-huma a:hover {
    background-image: url(../img/nav-huma-bg.gif);
		color: #ffbf37;
  }

	.g-nav .category-hist a:hover {
    background-image: url(../img/nav-hist-bg.gif);
		color: #f7d203;
  }

	.g-nav .category-life a:hover {
    background-image: url(../img/nav-life-bg.gif);
		color: #bee166;
  }

	.g-nav .category-hobb a:hover {
    background-image: url(../img/nav-hobb-bg.gif);
		color: #71cf7c;
  }

	.g-nav .category-nove a:hover {
    background-image: url(../img/nav-nove-bg.gif);
		color: #88dcd8;
  }

	.g-nav .category-chil a:hover {
    background-image: url(../img/nav-chil-bg.gif);
		color: #74caf3;
  }

	.g-nav .category-scie a:hover {
    background-image: url(../img/nav-scie-bg.gif);
		color: #61a1f6;
  }

	.g-nav .category-nonf a:hover {
    background-image: url(../img/nav-nonf-bg.gif);
		color: #ad91e6;
  }

	.g-nav .category-ente a:hover {
    background-image: url(../img/nav-ente-bg.gif);
		color: #e38ee4;
  }
}


/*-- 768px以下 --*/
@media screen and (max-width:768px) {
	#header .header {
		flex-wrap: wrap;
	}

	.logo {
		width: 100px;
	}

	.logo a {
		background-size: cover;
		height: 25px;
		width: 100px;
	}

	.search {
		margin: 0 0 0 1em;
		width: calc(100% - 100px - 1em);
	}

	.search-box {
		height: 25px;
		line-height: 25px;
		padding: 0 2em 0 0.3em;
	}

	.search-btn {
		background-image: url(../img/search-icon@2x.gif);
		background-size: cover;
		right: 6px;
	}

	.header-bnr {
		margin: 1em auto 0;
	}

	.arrow-header .slick-prev,
	.arrow-header .slick-prev img,
	.arrow-header .slick-next,
	.arrow-header .slick-next img {
		height: 8px;
		width: 4px;
	}

	.g-nav-slide {
		background: #999;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-weight: 700;
		padding: 0.5em;
		position: relative;
		text-align: center;
	}

	.g-nav-slide:before,
	.g-nav-slide:after {
		bottom: 0;
		content: '';
		display: block;
		margin: auto;
		position: absolute;
		top: 0;
	}

	.g-nav-slide:before {
		border-radius: 4px;
		background: #fff;
		height: 20px;
		right: 8px;
		width: 20px;
	}

	.g-nav-slide:after {
		content: '+';
		color: #999;
		font-size: 25px;
		font-weight: 400;
		height: 20px;
		line-height: 18px;
		right: 11px;
	}

	.g-nav-active:after {
		background: #999;
		content: '';
		height: 2px;
		right: 12px;
		width: 12px;
	}

	.g-nav {
		display: none;
	}
	
	.g-nav li {
		width: 33.33%;
	}

	.g-nav li a {
		font-size: 1em;
	}

	.bread-list {
		font-size: 0.615rem;
		margin-bottom: 0.5rem;
	}

	.bread-list li + li {
		padding-left: 0.5rem;
	}

	.bread-list li + li:before {
		background-size: cover;
		height: 8px;
		top: 4px;
		width: 4px;
	}

	.detail-tw {
		background-image: url(../img/tw-detail@2x.gif);
		background-size: contain;
	}

	.detail-fb {
		background-image: url(../img/fb-detail@2x.gif);
		background-size: contain;
	}

	.detail-gp {
		background-image: url(../img/gp-detail@2x.gif);
		background-size: contain;
	}

	.detail-li {
		background-image: url(../img/li-detail@2x.gif);
		background-size: contain;
	}

	.page-title {
		font-size: 1.125em;
	}

	.book-title {
		font-size: 1.125em;
		line-height: 1.6;
	}

	.section-title-part,
	.page-title-part {
		margin-bottom: 1rem;
	}

	.section-title {
		font-size: 1em;
	}

	.section-title-part .more-link {
		margin-top: 0.3rem;
	}

	.sub-title-part {
		margin-bottom: 0.6rem;
	}

	.sub-title {
		font-size: 0.875em;
	}

	.rank {
		font-size: 1em;
	}

	.sub-title-part .more-link,
	.page-en,
	#top-info .section-title-part .more-link,
	#detail-info .section-title-part .more-link,
	#category-top-ranking50 .more-link,
	#info .page-title-part .more-link,
	.info-date {
    margin-top: 0.2rem;
	}

	.contents,
	#info-detail .contents,
	#info-text,
	#info-link {
		margin-bottom: 48px;
	}

	#top-picks .contents,
	#jinbun,
	#ranking50 .contents,
	#list .contents {
		margin-bottom: 32px;
	}

	#top-ranking .contents,
	#ranking50 .contents,
	#category-top-ranking50 .contents,
	#info-book {
		margin-bottom: 12px;
	}

	#top-info .contents,
	#shop-paper .contents,
	#shop-e .contents {
		margin-bottom: 40px;
	}

	.rank-list .first-rank {
		font-size: 0.875rem;
	}

	.picks-col,
	.web-magazine-col,
	.detail-sample-img {
    width: calc(50% - 8px);
		margin-bottom: 16px;
	}

	.info-cols .info-list,
	.detail-col-list,
	.detail-side-wide,
	.detail-side,
	.info-side,
	.info-side-category {
		width: 100%;
	}
	
	.info-list:nth-last-of-type(2) {
		border-bottom: 1px dotted #bdbdbd;
	}

	.tile-info {
		padding: 1rem 2.5rem 1rem 1rem;
	}

	.tile-info:after {
		background-image: url(../img/arrow-toppicks@2x.gif);
		background-size: contain;
		right: 16px;
	}

	.rss {
		background-image: url(../img/rss-icon@2x.gif);
		background-size: contain;
	}

	.common-btn {
		font-size: 1rem;
	}

	.book-slider-container .slick-slide {
    margin: 0 0.5rem;
	}

	.bnr-alone {
		width: 240px;
	}

	.bnr-alone img {
		height: auto;
		width: 100%;
	}

	.tag:before {
		background-image: url(../img/tag-parts@2x.png);
		background-size: cover;
		left: -14px;
	}

	.ranking-col,
	.footer-col,
	.ranking50-col,
	.related-book-col {
		width: calc((100% - 32px) / 3);
	}

	.ranking50-col,
	.ranking50-col:nth-of-type(5n),
	.related-book-col,
	.related-book-col:nth-of-type(5n) {
		margin-right: 16px;
	}

	.ranking50-col:nth-of-type(3n),
	.related-book-col:nth-of-type(3n) {
		margin-right: 0;
	}

	.rank-list dt {
		width: 2rem;
	}

	#footer {
		padding-top: 16px;
	}

	.footer-sns {
		margin: 0 auto 24px;
    width: 152px;
	}

	.footer-sns ul li + li {
    margin-left: 16px;
	}

	.footer-tw {
		background-image: url(../img/tw-footer@2x.gif);
		background-size: contain;
	}

	.footer-fb {
		background-image: url(../img/fb-footer@2x.gif);
		background-size: cover;
	}

	.footer-gp {
		background-image: url(../img/gp-footer@2x.gif);
		background-size: cover;
	}

	.footer-li {
		background-image: url(../img/li-footer@2x.gif);
		background-size: cover;
	}

	.footer-nav {
		padding: 1em 0 0;
	}

	.footer-col {
		margin-bottom: 24px;
	}

	.footer-nav-title {
		margin-bottom: 0.5em;
	}

	.footer-list-nav + .footer-list-nav {
		margin-top: 1.5em;
	}

	.footer-col:last-of-type {
    margin-top: 0;
	}

	.copyright {
		padding: 0.75rem 0;
	}

	.totop {
		background-image: url(../img/totop@2x.png);
		background-size: cover;
		bottom: 1em;
		right: 0.5em;
	}

	.newbook-title {
		font-size: 0.875em;
	}

	#detail-main .cols {
		flex-direction: column;
		display: block;
	}

	.detail-col-book {
    width: 240px;
    margin: 0 auto 1.5em;
	}

	.download:after {
		background-image: url(../img/dl-icon@2x.gif);
		background-size: cover;
		right: 37px;
	}

	.yondemill {
		font-size: 1rem;
	}

	.yondemill:after {
		background-image: url(../img/yonde-icon@2x.png);
		background-size: cover;
		right: 26px;
	}

	.copy {
		font-size: 0.875rem;
	}

	.book-list dt {
		width: 5.5em;
	}
	.shop-col .shop-list {
		background: #fff; /* Old browsers */
		background: -moz-linear-gradient(top, #fff 55%, #f5f5f5 55%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #fff 55%,#f5f5f5 55%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #fff 55%,#f5f5f5 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
		height: 100px;
    width: 100px;
	}

	.shop-name {
		bottom: 30px;
		font-size: 0.625em;
		height: 10px;
	}

	.amazon {
    top: 20px;
    width: 51px;
    background-size: contain;
	}

	.e-hon {
    top: 16px;
    width: 50px;
    background-size: contain;
	}

	.hmv {
    top: 20px;
    width: 62px;
    background-size: contain;
	}

	.kino {
    top: 12px;
    width: 49px;
    background-size: contain;
	}

	.seven {
    top: 15px;
    width: 36px;
    background-size: contain;
	}

	.tsuta {
    top: 20px;
    width: 64px;
    background-size: contain;
	}

	.bookfan {
    top: 24px;
    width: 63px;
    background-size: contain;
	}

	.honto {
    top: 20px;
    width: 54px;
    background-size: contain;
	}

	.honya {
    top: 24px;
    width: 67px;
    background-size: contain;
	}

	.raku {
    top: 21px;
    width: 59px;
    background-size: contain;
	}
 
 	.yodo {
    top: 25px;
    width: 65px;
    background-size: contain;
	}

	.kindle {
    top: 22px;
    width: 62px;
    background-size: contain;
	}

	.ibooks {
    top: 22px;
    width: 62px;
    background-size: contain;
	}

	.ebook {
    top: 20px;
    width: 58px;
    background-size: contain;
	}

	.seemo {
    top: 18px;
    width: 53px;
    background-size: contain;
	}

	.hikari {
    top: 20px;
    width: 64px;
    background-size: contain;
	}

	.walk {
    top: 16px;
    width: 60px;
    background-size: contain;
	}

	.live {
    top: 24px;
    width: 66px;
    background-size: contain;
	}

	.kobo {
    top: 21px;
    width: 59px;
    background-size: contain;
	}

	.tab-scroll {
		height: 48px;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		width: 100%;
	}

	.detail-tab {
		height: 48px;
	}

	.detail-tab-contents,
	.thoughts-contents,
	.review-contents {
		padding: 1rem;
	}

	.review-contents {
		font-size: 0.875rem;
	}

	.detail-side-wide {
		margin-bottom: 1rem;
	}

	.detail-side-title {
		font-size: 1rem;
	}

	.detail-side .common-btn {
		margin: 0 auto 1rem;
	}

	.thoughts-slide {
		font-size: 1rem;
		padding: 1rem 44px 1rem 1rem;
	}

	.thoughts-slide:before {
		right: 16px;
	}

	.thoughts-slide:after {
		right: 19px;
	}

	.thoughts-active:after {
		right: 20px;
	}

	#category-top-ranking50 .ranking50-col {
		margin-bottom: 1.875em;
	}

	#list-book .cols {
		margin-bottom: 16px;
    padding-bottom: 32px;
	}

	.list-col-book {
		width: 120px;
	}

	.list-col-book .common-btn {
    margin-top: 0.5rem;
	}

	.list-col-list .additional-info,
	.ebook-info {
    margin-bottom: 0.5rem;
	}

	.list-col-book .common-btn,
	.list-col-list .copy,
	.list-col-list .book-list,
	.list-col-list .tag {
		font-size: 0.75rem;
	}

	.list-col-list .book-list dt {
		padding: 0.5rem 0;
	}

	.list-col-list .book-list dd {
		padding: 0.5rem 0 0.5rem 0.5rem;
	}

	.list-col-list .book-title,
	.list-col-list .author {
    font-size: 0.875rem;
	}

	.author {
    margin: 0.5em 0 1em;
	}

	.list-col-list {
		width: calc(100% - 136px);
	}

	#info .info-list:last-of-type {
    margin-bottom: 16px;
	}

	#info .info-side {
		margin-bottom: 32px;
	}

	.info-side-category {
		border-top: 1px solid #bdbdbd;
		padding-top: 1rem;
	}

	.info-title {
		font-size: 1rem;
	}

	#info .info-list dt {
		padding: 1rem 0 0.5rem;
	}

	.inquiry-container {
		margin: 1.5em 0;
	}

	.inquiry-table th,
	.inquiry-table td {
		display: block;
		width: 100%;
	}

	.inquiry-table th {
		border-bottom: 1px solid #e1e1e1;
		font-size: 0.875em;
		padding: 0.5rem 1rem;
	}

	.required-mark {
		top: 11px;
    right: 16px;
	}

	.inquiry-table td {
		padding: 1em;
	}

	.input-file {
		font-size: 0.75em;
	}

	.inquiry-agree .text {
    text-align: left;
	}
	
	.company-table th,
	.company-table td {
		display: block;
		width: 100%;
	}
	
	.company-table th {
		border-bottom: 1px solid #e1e1e1;
		padding: 0.5rem 1rem;
	}
	
	.company-table td {
		padding: 1rem;
	}
	
	.static-heading,
	.faq-list dt {
		font-size: 0.875em;
	}
	
	.faq-list dd {
		margin-bottom: 1.5rem;
	}

	.faq-list dt:before {
		top: -2px;
	}
	
	.faq-list dt:after {
		top: 1px;
	}
}


/*-- 480px以下 --*/
@media screen and (max-width:480px) {
	.header-text-bnr .slick-slide img {
		height: auto;
		width: 80%;
	}

	.header-text-bnr .text-container {
		padding: 8px 20px;
	}

	.g-nav li {
		width: 50%;
	}

	.g-nav li a {
		font-size: 0.875em;
	}

	.picks-col,
	.web-magazine-col,
	.detail-sample-img {
		width: 100%;
	}

	.ranking-col,
	.footer-col,
	.ranking50-col,
	.related-book-col {
		width: calc(50% - 8px);
	}

	.ranking50-col,
	.ranking50-col:nth-of-type(3n),
	.related-book-col,
	.related-book-col:nth-of-type(3n) {
		margin-right: 16px;
	}

	.ranking50-col:nth-of-type(2n),
	.related-book-col:nth-of-type(2n) {
		margin-right: 0;
	}

	.footer-col:last-of-type {
		width: 100%;
	}

	.section-title-part .pager-container {
		margin-top: 0.5rem;
	}

	.ranking-col {
		margin-bottom: 2.5em;
	}
	
	.list-col-list .book-list dt {
		float: none;
		padding: 0.2rem 0 0;
		text-align: left;
	}

	.list-col-list .book-list dd {
		padding: 0 0 0.2rem 0;
	}

	.list-col-list .book-list .tag {
		margin: 4px 4px 4px 15px;
	}

}

.error-message{ color: red;}

/* Summernote エディタ内表示の調整 */
.note-editor ul { list-style: disc; padding-left: 40px; }
.note-editor ul li{ list-style: disc; }
.note-editor ol { list-style: decimal; padding-left: 40px; }
.note-editor ol li{ list-style: decimal; }