@charset "UTF-8";

/* cyrillic */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v4/H-PGIsE3CA76bgvfUI8sM4DGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* hebrew */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v4/yliIEUJv6vLJBV8IXYupkIDGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
	unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* latin-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v4/Vi2gYeiEKThJHNpaE3cq54DGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 400;
	src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v4/p_PvaTv0YzIEJlEVv30xK6CWcynf_cDxXwCLxiixG1c.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* - .rakujinebooks
 ------------------------------------------------------------ */
article.rakujin-ebooks {
	margin: 45px 0 0 0;
	position: relative;
}
.rakujin-ebooks {
	background-color: #fff;
	line-height: 1.45;
	color: #3e3e3e;
	padding: 0;
	font-size: 1.4em;
	position: relative;
	z-index: 1;
	width: 100%;
}
.rakujin-ebooks .wrapping {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.rakujin-ebooks [class*=grid-].wrapping {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.rakujin-ebooks [class*=-noGutter].wrapping {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.rakujin-ebooks [class*=grid-] .inner {
}
.rakujin-ebooks header, .rakujin-ebooks section {
	width: 100%;
	margin: 0 auto;
}
.rakujin-ebooks .white-space span:not(.eccetto) {
	white-space: nowrap;
	display: inline-block;
}
.rakujin-ebooks .inner {
	width: 100%;
}

/* header
 ------------------------------------------------------------ */
.rakujin-ebooks[class*=grid] header {
	padding: 2em 0 0 58px;
}
.rakujin-ebooks header h1 {
	text-align: center;
	position: relative;
	display: inline-block;
}
.rakujin-ebooks header h1 span {
	display: block;
	font-weight: normal;
	font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
	font-size: .3em;
	font-size: 0.4em;
	letter-spacing: 2px;
}
.rakujin-ebooks header h1 img {

	/* width: calc(100% - 110px); */
	max-width: 220px;
}
.rakujin-ebooks .nav-menu {
}

/* 開閉用ボタン */

/*nav*/
.rakujin-ebooks .side-menu-btn {
	max-width: 48px;
	width: 40%;
	height: 100%;
	height: 200px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	z-index: 4;
	background: #333331;
	position: absolute;
	top: 0;
	left: 0;
}
.rakujin-ebooks .side-menu-btn.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	width: 50px;
}
.rakujin-ebooks .side-menu-btn span {
	width: 50px;
	height: 100%;
	display: block;
	position: relative;
}
.rakujin-ebooks .side-menu-btn .fa {
	font-size: 1.3em;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.rakujin-ebooks h2 {
	text-transform: uppercase;
	letter-spacing: 6px;
	font-size: .7em;
	line-height: 1.25;
	font-family: 'Rubik', sans-serif;
}
header .nav-menu {
	display: none;
}

/*ebook*/
.ebook {
}
.ebook-wrap {
	width: 100%;
}
.ebook .inner {
	padding: 1em;
	padding: 0;
}
.ebook h2 {
	font-size: .85em;
	font-weight: normal;
	line-height: 1.15;
	margin: 0 0 .3em;
	padding: 0 0 0 3px;
	height: 38px;
	letter-spacing: 0;
}
.ebook .waku {
	padding: .5em;
	background-color: #31a0c0;
	margin: 0;
	min-height: 240px;
}
.ebook .ebook-info {
	font-size: .75em;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}
.ebook .ebook-info .price {
	font-weight: bold;
	font-size: 2.25em;
	display: block;
	font-family: 'Rubik', sans-serif;
}
.ebook .ebook-info del {
	display: block;
	font-family: 'Rubik', sans-serif;
	font-size: 1.25em;
	margin: .2em 0;
}
.ebook .ebook-info span {
	font-size: .85em;
}
.ebook .autore {
}
.ebook .autore a {
	color: #fff;
	font-weight: bold;
	padding: .5em 0;
	font-size: .7em;
}
.ebook .autore a img {
	width: 25px;
	border-radius: 50%;
}
.ebook .ebook-img {
}
.ebook .ebook-img img {
	background-color: #fff;
}
.ebook .tag {
	color: #fff;
	font-weight: bold;
	font-size: .7em;
	border-top: 1px dotted #fff;
	padding: .3em 0 0 0;
}
/* booking a-btn */
.ebook .booking {
	text-align: center;
}
.ebook .booking .a-btn {
	display: block;
	font-weight: bold;
	letter-spacing: 4px;
	text-shadow: 0 2px 1px #fff;
	font-size: .85em;
	margin: 1px 0;
	line-height: 1.42;
	padding: 1em 0;
	border-width: 0;
	border-style: solid;
	background: transparent;
	cursor: pointer;
	user-select: none;
	vertical-align: bottom;
	transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s;
	box-shadow: 0 -2px 0 0 rgba(0, 0, 0, 0.15) inset;
}
.ebook .booking .a-btn.purchase {
	color: #31a0c0;
	background-color: #f5f5f0;
}
.ebook .booking .purchased-read {
	color: #7039c1;
	background-color: #eae8ec;
}
.ebook .booking .gest-purchase {
	color: #49b746;
	background-color: #d9f1d9;
}
.ebook .booking .log-in {
	color: #e46d6f;
	background-color: #feedba;
}
.ebook .booking .purchased {
	color: #868686;
	padding: .55em;
	font-weight: bold;
	background-color: #d7f1f5;
	text-shadow: 0 2px 1px #fff;
}
.booking .a-btn:active {
	transition-duration: 0.1s;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3) inset;
	transform: translateY(1px)
}
.booking .a-btn:hover {
	opacity: .7;
}


.rakujin-ebooks .wrap {
	margin: 0;
}
.rakujin-ebooks [class*=cat-] h3 {
	margin: 0 0 .5em 1em;
	margin: 0 0 1.5em 0;
	border-bottom: 1px dotted #ccc;
	display: inline-block;
	line-height: 1.2;
	width: 100%;
}
.rakujin-ebooks [class*=cat-] {

	/* padding: 10em 0 2em; */
	padding: 3.8em 0 2em 1.5em;
}
.rakujin-ebooks [class*=cat-] {
	border-top: 1px dotted #555;
}
.cat-02 .waku {
	background-color: #8feb8d;
}
.cat-03 .waku {
	background-color: #ff999b;
}
.cat-04 .waku {
	background-color: #f9be87;
}
.cat-05 .waku {
	background-color: #868ade;
}
.cat-06 .waku {
	background-color: #36d6eb;
}
.cat-07 .waku {
	background-color: #d7dc71;
}
.cat-08 .waku {
	background-color: #6fdc6f;
}
.cat-09 .waku {
	background-color: #ffc0a5;
}
.cat-10 .waku {
	background-color: #8dd0e2;
}
.cat-11 .waku {
	background-color: #ed99e9;
}
.cat-12 .waku {
	background-color: #99edca;
}

/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
	content: '';
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 3;
}
.overlay::after {
	content: '';
	visibility: hidden;
	position: fixed;
	top: 40%;
	left: 0;
	display: block;
	width: 100%;
	height: 50px;
	color: rgba(255, 255, 255, 0);
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.side-open .overlay {
	visibility: visible;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.4);
}
.side-open .overlay::after {
	visibility: visible;
	color: rgba(255, 255, 255, .8);
}

/* サイドメニュー ※リストのスタイルは省略 */
.rakujin-ebooks[class*=grid] .side-menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 50%;
	min-width: 190px;
	padding: 59px 1em 1em;
	font-size: .8em;
	background: rgb(255, 255, 255);	/* overflow: scroll; */
	display: none;
}
.rakujin-ebooks[class*=grid] .side-menu li a {
	line-height: 1.1;
	padding: .5em 0;
	border-bottom: 1px dotted #ccc;
	display: block;
	color: #555;
	font-size: .8em;
	margin: 0 0 .3em;
}
.rakujin-ebooks[class*=grid] .side-menu li a:hover {
	background-color: #f7f6ea;
}
.side-open .rakujin-ebooks[class*=grid] .side-menu {
	display: block;
}

/* メインコンテンツ */
.wrapper {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 2;
	padding: 0 5px 0 56px;
	width: 100%;
}

/* サイドメニューオープン */
.side-open .wrapper, .side-open .overlay {
	-webkit-transform: translate3d(-60%, 0, 0);
	transform: translate3d(-60%, 0, 0);
}
#cafetalk #sbChatWidgetButton {
	display: none;
}


/* - page scroll
 ------------------------------------------------------------ */
#page-top {
	position: fixed;
	bottom: 10px;
	left: 20px;
	z-index: 5;
}
#page-top
a {
	font-size: 12px;
	padding: 30px 0;
	background: #D9D8C8;
	text-decoration: none;
	color: #fff !important;
	width: 100px;
	height: 77px;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
}
#page-top
a:hover {
	text-decoration: none;
	background: #b89fae;
}

/* - ## x >= 540px
 ------------------------------------------------------------ */
@media screen and (min-width:540px) {
	.rakujin-ebooks[class*=grid] .side-menu {

		/* height: 600px; */
		width: 60%;
		padding: 134px 0 1em 1em;
	}
	.rakujin-ebooks header {
		text-align: center;
	}
	.rakujin-ebooks[class*=grid] header {
		padding: 1em 0 1em 58px;
	}
	.rakujin-ebooks .side-menu-btn {
	}
	.rakujin-ebooks .side-menu-btn.is-fixed {
		top: 0;
		height: 350px;
	}
}

/* - ## x >= 569px / 35.5625em sm
 ------------------------------------------------------------ */
@media screen and (min-width:569px) {
}

/* - ## x >= 769px / 48.0625em md
 ------------------------------------------------------------ */
@media screen and (min-width:769px) {
	.rakujin-ebooks.page-grid .toggle {
		display: none;
	}
	.rakujin-ebooks header h2 {
		font-size: 1.1em;
		display: none;
	}
	.nav-menu h2 {
	}
	.wrapper {
	}
	.rakujin-ebooks[class*=grid] .side-menu {
		height: 600px;
	}
	#cafetalk #sbChatWidgetButton {
		display: flex;
	}
	#page-top {
		position: fixed;
		bottom: 120px;
		left: inherit;
		right: 20px;
		z-index: 5;
	}
}

/* - ## x >= 540 - 940
 ------------------------------------------------------------ */
@media screen and (max-width:1023px) {
	.nav-list .nav-item:last-child, .nav-list .nav-item:first-child, .nav-list .nav-item:nth-of-type(2) {
		display: none;
	}
}

/* - ## x >= 800
 ------------------------------------------------------------ */
@media screen and (min-width:800px) {
	.rakujin-ebooks .side-menu-btn {
		top: 0;
	}
	.rakujin-ebooks header h1 {
		display: block;
		text-align: center;
	}
	.rakujin-ebooks header h1 span {
		position: absolute;
		height: 48px;
		top: 0;
		bottom: 0;
		right: 2em;
		margin: auto 0;
	}
	.rakujin-ebooks[class*=grid] .side-menu {
		padding: 6em 0 0 1em;
		width: 40%;
	}
	.side-open .wrapper, .side-open .overlay {
		-webkit-transform: translate3d(-40%, 0, 0);
		transform: translate3d(-40%, 0, 0);
	}
}

/* - ## x >= 1025px / 64.0625em lg
 ------------------------------------------------------------ */
@media screen and (min-width:1025px) {
	.rakujin-ebooks[class*=grid] .side-menu-btn {
		display: none;
	}
	.rakujin-ebooks[class*=grid] .nero {
		display: block;
		left: 191px;
		top: -17px;
		position: absolute;
	}
	header .nav-menu {
		display: block;
	}
	.rakujin-ebooks[class*=grid] header {
	}
	.wrapper {
		padding: 0;
	}
	.rakujin-ebooks header h1 span {
		font-size: .6em;
	}
	.side-open .wrapper, .side-open .overlay {
		-webkit-transform: none;
		transform: none;
	}
	.side-open .overlay {
		visibility: hidden;
	}
	.side-open .rakujin-ebooks[class*=grid] .side-menu {
		display: none;
	}
	.rakujin-ebooks .wrap {
		margin: 0 auto;
		max-width: 1380px;
		width: 100%;
	}
}

/* - ## x >= 1281px / 80.0625em
 ------------------------------------------------------------ */
@media screen and (min-width:1281px) {
}

/* - .socialIcon
 ------------------------------------------------------------ */
.socialIcon {
	width: 100%;
	padding: 0 1em;
}
.socialIcon .flex-container {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
	margin: 20px auto;
	border-top: 1px dotted #ccc;
	padding: 14px 0 10px;
	border-bottom: 1px dotted #ccc;
	max-width: 500px;
}
.socialIcon .flex-container .social {
	width: 85px;
}
.fb-like {
	top: -8px;
}
.rakujin-ebooks[class*=grid] .nav-menu.is-fixed {
}
.rakujin-ebooks[class*=grid] ul.is-fixed {
	position: fixed;
	top: 58px;
}
.rakujin-ebooks .sub {
	text-align: right;
	border-right: 24px solid #eaeaea;
	height: 100vh;
}
.catg-box {
	padding: 1em 1em 0 0;	/* border-right: 5px solid #ccc; */
	margin: 0 0 1em;
	position: relative;
}
.catg-box h4 {
	background-color: #9a9a9a;
	color: #fff;
	padding: 0 .5em 0 0;
}
.rakujin-ebooks[class*=grid] .sub li a {
	line-height: 1.1;
	border-bottom: 1px dotted #ccc;
	padding: .5em 0;
	display: block;
	color: #555;
	font-size: .8em;
	font-weight: bold;
}
.rakujin-ebooks[class*=grid] .sub li a:hover {
	background-color: #f7f6ea;
}