@charset "UTF-8";
/* CSS Document */

.backnumbers .link-new-old {
    margin-bottom: 20px;
}
.menu-btn ul {
	display: flex;
	gap: 8px;
}
.menu-btn ul li a {
	font-size: 14px;
    background-color: #fff;
    color: #262626;
    cursor: pointer;
    border: 1px solid #727272;
    border-radius: 50px;
    padding: 4px 46px;
    display: block;
    text-align: center;
}
.menu-btn ul li a:hover {
	background-color: #727272;
    color: #fff;
}
.menu-btn ul li.current a {
	background-color: #FF6600;
	border: 1px solid #FF6600;
    color: #fff;
	font-weight: bold;
}

.books-top .inner.inner-100 {
    width: 100%;
    margin: 0 auto;
}
.books-top .inner.inner-100 .pu-img-area {
    width: 28%;
}
.books-top .inner.inner-100 .txtBox .price {
    padding-bottom: 24px;
}
.books-top .inner .details-btn {
	display: inline-block;
	margin-top: 30px;
}
.books-top .inner .txtBox .details-btn a {
	font-size: 14px;
    background-color: #fff;
    color: #262626;
    cursor: pointer;
    border: 1px solid #727272;
	border-radius: 50px;
    padding: 7px 30px;
    display: block;
    text-align: center;
}
.books-top .inner .txtBox .details-btn a:hover{
	background-color: #727272;
	color: #fff;
}
.books-top .inner .txtBox .details-btn a:hover::after{
	background: url("../images/allow-white.svg")no-repeat;
}
.books-top .inner .details-btn a::after {
    content: "";
    background: url(../images/allow-grey.svg) no-repeat;
    background-size: contain;
    width: 6px;
    height: 11px;
    display: inline-block;
    margin-left: 0.8em;
}
.books-top .inner.inner-100 .txtBox .tit {
	font-size: 24px;
	line-height: 1.4em;
}
.bn-book-list li.book-item {
	border-bottom: 1px dashed #727272;
	padding: 30px 0 25px;
}
.books-top .inner .bn-book-list li .txtBox .releaseTxt,
.books-top .inner .bn-book-list li .txtBox .txt,
.books-top .inner .bn-book-list li .txtBox ul li{
    font-size: 16px;
}
.books-top .inner .bn-book-list li .img p {
	font-size: 14px;
	border: 1px solid #727272;
}
.books-top .inner .txtBox-2 .txt {
    padding-bottom: 0;
}

/*画像ポップアップ*/
/*.modal-block {
	display: none;
	position: fixed;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	left: 0;
	top: 0;
	height: 100vh;
    width: 100vw;
    background-color:rgba(128, 128, 128, 0.6);
	}
.img-section {
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    position: fixed;
    height: auto;
    width: auto;
    overflow: hidden;
	}
.popup-img {
	width: 80%;
    margin: 0 auto;
}
.modal-block .close-button {
	position: absolute;
    top: 0;
    right: 1%;
}
.modal-block .close-button span {
    background: #fff;
}*/

.pu-img-area .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  padding: 0; /* ここもチェック */
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}

.pu-img-area .modal.is-active {
  opacity: 1;
  pointer-events: auto;
}


/*パンくず*/
.bread-crumb .mt-38\.5 {
    margin-top: 20px;
}



@media screen and (max-width:767px){

	.books-top .inner.inner-100 .book-item-inner {
		display: flex;
		width: 91%;
		margin: 0 auto;
	}
	.books-top .inner  .book-item-inner .txtBox {
        text-align: left;
    }
	.books-top .inner.inner-100 .book-item-inner .pu-img-area {
		width: 28%!important;
	}
	.books-top .inner .book-item-inner .txtBox .tit {
		display: block;
	}
.books-top .inner .bn-book-list li .txtBox .releaseTxt{
        text-align: left;
        font-size: 14px;
    }
	.books-top .inner .txtBox .price {
        text-align: left;
        font-size: 18px;
        padding-bottom: 8px;
    }
	.txtBox-2.sp-only {
		margin: 16px auto 0;
		font-size: 14px;
	}
	.books-top .inner.inner-100 .txtBox .price {
		padding-bottom: 0;
	}
	.books-top .inner.inner-100 .txtBox .tit {
		font-size: 16px;
		line-height: 1em;
	}
	.txtBox-2.sp-only {
        margin: 16px auto 0;
        font-size: 14px;
    }
	.books-top .inner .txtBox .price {
		font-size: 16px;
	}
	.books-top .inner .img p::after {
		display: none;
	}
	.books-top .inner .img p {
		padding: 3px 0;
	}
	.details-btn a {
		font-size: 14px;
		border-radius: 20px;
		padding: 6px 0;
		display: block;
		text-align: center;
		border: 1px solid #727272;
		color: #262626;
	}
	.details-btn a::after {
		content: "";
		background: url("../images/allow-grey.svg")no-repeat;
		background-size: contain;
		width: 6px;
		height: 12px;
		display: inline-block;
		padding-left: 10px;
	} 

}/*max-width:767px*/


/*ジャンル別一覧ページ*/

.type-header {
	text-align: center;
}
.type-header .tag {
	font-size: 12px;
	font-weight: 500;
	color: #727272;
	border: 1px solid #727272;
	border-radius: 3px;
	padding: 0 10px;
	margin-bottom: 10px;
	display: inline-block;
}
.type-header .ttl {
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 5px;
	line-height: 1em;
}
.type-header p {
	font-size: 16px;
}
.type-header p span {
	font-size: 24px;
	color: #FF6600;
}
.search-top {
	border-bottom: 1px solid #727272;
	font-size: 14px;
}
.search-top span {
	font-size: 20px;
}
.book-type .type-header .ttl {
    line-height: 1em;
}

.book-type .books-top.bg-fff,
.book-search .books-top.bg-fff {
	margin-top: 0;
	padding: 0;
}
/*本一覧部分*/
.book-type .books-top .inner.inner-100 .txtBox .tit,
.book-search .books-top .inner.inner-100 .txtBox .tit{
    font-size: 24px;
    line-height: 1.4em;
}

/*ページネーション*/
.book-pagination ul {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #727272;
	margin: 30px auto;
}

.book-pagination ul li a span {
	font-family: "Jost", sans-serif;
	font-size: 16px;
	display: inline-block;
}
.book-pagination ul li.list-item-first{
	padding: 0 24px 0 0;
	color: #000;
    opacity: .5;
}
.book-pagination ul li.list-item-first a {
	padding-left: 8px;
}
.book-pagination ul li.list-item-first::before {
	content: "";
    background: url(../images/allow-grey.svg) no-repeat;
    background-size: contain;
    width: 6px;
    height: 12px;
    display: inline-block;
    margin-left: 8px;
	transform: rotate(180deg);
}
.book-pagination ul li.list-item-last{
	padding: 0 0 0 24px;
}
.book-pagination ul li.list-item-last::after {
	content: "";
    background: url(../images/allow-grey.svg) no-repeat;
    background-size: contain;
    width: 7px;
    height: 11px;
    display: inline-block;
    margin-left: 8px;
}
.book-pagination ul li.list-item a{
	font-size: 18px;
	padding: 0 15px;
}
.book-pagination ul li.current-item a{
	font-weight: bold;
	text-decoration: underline;
	color: #000;
}


@media screen and (max-width:767px) {
	.book-type .books-top .inner.inner-100 {
        width: 91%;
        margin: 0 auto;
    }
	.book-type .contnts-area {
		padding-top: 0;
	}
	.book-type .books-top.bg-fff {
		background-color: #fff;
		padding: 30px 0;
		margin-top: 0;
	}
	.type-header .tag {
		margin-bottom: 0;
	}
	.type-header .ttl {
		font-size: 24px;
	}
	.type-header p span {
		font-size: 16px;
	}
	.search-top span {
		font-size: 16px;
	}
	.bn-book-list li.book-item {
		padding: 24px 0 0;
	}
	.book-type .books-top .inner.inner-100 .book-item-inner {
        width: 100%;
    }
	.book-type .books-top .inner.inner-100 .txtBox .tit,
	.book-search  .books-top .inner.inner-100 .txtBox .tit{
		font-size: 16px;
		padding-top: 0;
	}
	.books-top .inner .bn-book-list li .img p {
		font-size: 12px;
	}
	.books-top .inner .txtBox-2 .txt {
		padding-bottom: 10px;
	}
	.book-type .books-top .inner.inner-100 .txtBox .tit a,
	.book-search .books-top .inner.inner-100 .txtBox .tit a {
		text-decoration: underline;
	}
	.books-top .inner .txtBox .releaseTxt {
		padding-bottom: 0;
	}
	.type-header p {
		padding-bottom: 20px;
	}
	.book-type .search-top,
	.book-search .search-top {
		padding-bottom: 8px;
	}
	.books-top .inner .txtBox {
		width: 67.6%;
	}
}/*max-width:767px*/


@media screen and (max-width:767px)  {
	/*検索結果ページ*/
.book-search .books-top .inner.inner-100 {
    width: 91%;
    margin: 0 auto;
	padding-top: 10px;
}
.book-search .contnts-area {
	padding-top: 30px;
	}
.book-search .books-top .inner.inner-100 .book-item-inner {
		width: 100%;
	}
}/*max-width:767px*/



/*本の内容*/
.informations .bg-fff {
	background-color: #fff;
}
.informations .books-top,
.informations-details .books-top.bg-fff{
    padding: 0 0 30px;
    margin-top: 0;
}
.informations .type-header .ttl {
    margin-bottom: 40px;
}
.informations h1.ttl {
	text-align: center;
    line-height: 0.8em;
    font-family: "Jost", sans-serif;
    margin-top: -0.5em;
}
.informations h1.ttl span {
	font-size: 14px;
	font-weight: 500;
}
.informations ul.info-list li {
	border-bottom: 1px solid #DDDDDD;
	padding: 16px 0;
}
.informations ul.info-list li a {
	display: flex;
}
.informations ul.info-list li span.left{
	width: 10%;
	font-family: "Poppins", sans-serif;
}
.informations ul.info-list li span.right{
	width: 88%;
}
.readmore input[type="checkbox"] {
	display: none;
}

@media screen and (max-width:767px) {
	.informations .books-top.bg-fff,
	.informations-details .books-top.bg-fff{
		background-color: #fff;
		padding: 0 0 56px;
		margin-top: 30px;
	}
	.informations h1.ttl {
		font-size: 32px;
		margin-top: 0;
	}
	.informations .type-header .ttl {
		margin-bottom: 25px;
	}
	.informations ul.info-list  {
		width: 91%;
		margin: 0 auto;
	}
	.informations ul.info-list li a {
		display: block;
	}
	.informations ul.info-list li span {
		display: block;
		font-weight: 300;
	}
	.informations ul.info-list li a .right {
		width: 100%;
		font-weight: 400;
	}
	.informations ul.info-list li {
		display: block;
		font-size: 14px;
	}
	.informations ul.info-list li:first-child {
		padding: 0 0 16px;
	}
	.informations　.books-top .inner .details-btn a::after {
		content: "";
		background: url(../images/allow-grey.svg) no-repeat;
		background-size: contain;
		width: 5px;
		height: 10px;
		display: inline-block;
		margin-left: 0.8em;
	}

	#his-hide .more {
		font-size: 14px;
		line-height: 34px;
		text-align: center;
		letter-spacing: 1px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.5em;
		cursor: pointer;
		margin: 20px 0 20px;
	}

	#his-hide i:before {
		content: "";
		background: url(../images/allow-grey.svg) no-repeat;
		background-size: contain;
		width: 7px;
		height: 11px;
		display: inline-block;
		transform: rotate(90deg);
	}
	.history_list-2 {
		display: none;
	}
	#his-hide input[type="checkbox"] {
		display: none;
	}
	/*#his-hide input[type="checkbox"]:checked + label .more i:before {
		transform: rotate(-90deg); 
	}

	#his-hide input[type="checkbox"] {
		display: none;
	}

	#his-hide .history_list-2 {
		max-height: 0;
		opacity: 0;
		overflow: hidden;
	}

	#his-hide input[type="checkbox"]:checked ~ .history_list-2 {
		max-height: 2000px; 
		opacity: 1;
	}*/

}/*max-width:767px*/


/*本の内容 詳細*/
.informations-details .day {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 10px;
	font-family: "Poppins", sans-serif;
}
.informations-details h1.ttl {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 24px;
}
.informations-details ul.btn {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 40px;
}
.informations-details ul.btn li {
	
}
.informations-details ul.btn li {
	text-align: center;
	border: 1px solid #727272;
	border-radius: 30px;
	padding: 6px 30px;
}
.informations-details ul.btn li a {
	font-size: 14px;
	width: 100%;
}
.informations-details ul.btn li a::after {
	content: "";
	background: url(../images/allow-grey.svg) no-repeat;
	background-size: contain;
	width: 6px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
	margin-left: calc(var(--spacing)* 2);
}
.informations-details .contnts-area {
    width: 86%;
    min-height: 130vw;
}
@media screen and (min-width:1425px) {
	.informations-details .contnts-area {
		min-height: 110vw;
	}
}
@media screen and (max-width:767px) {
	.informations-details .day {
		margin-bottom: 8px;
	}
	.informations-details h1.ttl {
		font-size: 20px;
		margin-bottom: 16px;
	}
	.informations-details .btn-list {
		text-align: center!important;
	}
	.informations-details ul.btn {
		display: flex;
        flex-wrap: wrap;
		margin-bottom: 38px;
	}
	.informations-details ul.btn li {
		width: 245px;
		padding-block: 5.5px;
	}
	.informations-details .contnts-area {
		width: 91%;
		min-height: auto;
	}
	.informations-details ul.btn li a::after{
		width: 12px;
	}
}