@charset "utf-8";

/*
 * CSS Document
 * Name : nrpa-kentei | textbooks.php / textbooks.css
 * Production Date : 2023.03.09
 * container width = 
 			1920 / 1600 / 1440 / 1366 / 1280 / 1080=1024 / 960 / 800-768 / 600 / 500-480 / 425-320
*/


/* =============================================================================
	textbooks top-image
============================================================================= */
#textBkSec-01 .topImg-base .topImg-ipg {
	width: 100%;
	height: 0;
	padding-top: 26.5625%;
	background: url(../img/pTop-img/textTop_img-L.jpg) center top no-repeat;
	background-size: cover;
}
#textBkSec-01 .topImg-text .topImg-svg {
	width: 100%;
	height: 0;
	padding-top: 26.5625%;
	background: url(../img/pTop-img/textTop_img-L.svg) center top no-repeat;
	background-size: cover;
}

@media screen and (max-width:1080px) {
	#textBkSec-01 .topImg-base .topImg-ipg {
		width: 100%;
		height: 0;
		padding-top: 31.25%;
		background: url(../img/pTop-img/textTop_img-M.jpg) center top no-repeat;
		background-size: cover;
	}
	#textBkSec-01 .topImg-text .topImg-svg {
		width: 100%;
		height: 0;
		padding-top: 31.25%;
		background: url(../img/pTop-img/textTop_img-M.svg) center top no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:960px) {
	#textBkSec-01 .topImg-base .topImg-ipg {
		width: 100%;
		height: 0;
		padding-top: 46.875%;
		background: url(../img/pTop-img/textTop_img-S.jpg) center top no-repeat;
		background-size: cover;
	}
	#textBkSec-01 .topImg-text .topImg-svg {
		width: 100%;
		height: 0;
		padding-top: 46.875%;
		background: url(../img/pTop-img/textTop_img-S.svg) center top no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:600px) {
	#textBkSec-01 .topImg-base .topImg-ipg {
		width: 100%;
		height: 0;
		padding-top: 75%;
		background: url(../img/pTop-img/textTop_img-SS1.jpg) center top no-repeat;
		background-size: cover;
	}
	#textBkSec-01 .topImg-text .topImg-svg {
		width: 100%;
		height: 0;
		padding-top: 75%;
		background: url(../img/pTop-img/textTop_img-SS1.svg) center top no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:480px) {
	#textBkSec-01 .topImg-base .topImg-ipg {
		width: 100%;
		height: 0;
		padding-top: 90%;
		background: url(../img/pTop-img/textTop_img-SS2.jpg) center top no-repeat;
		background-size: cover;
	}
	#textBkSec-01 .topImg-text .topImg-svg {
		width: 100%;
		height: 0;
		padding-top: 90%;
		background: url(../img/pTop-img/textTop_img-SS2.svg) center top no-repeat;
		background-size: cover;
	}
}


/* ==========================================================================
   textbooks body-image
========================================================================== */
/* #recmndSec-03 ========================================================= */
.textBKInfo-box {
	margin-left: auto;
	margin-right: auto;
	max-width: 1080px;
	width: 90%;
}

.txtInfoTtl-area {
	padding: 1.5rem 0;
	line-height: 1.0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 30px 30px 0px 0px;
	margin-bottom: 10px;
}
.kentei-neme {
	padding-top: .15em;
	font-size: 1.375rem;
}
.textBK-neme {font-size: 1.75rem;}

.txtBKInfo-area {
	padding: 2.5rem 0;
	border-radius: 0 0 30px 30px
}
.txtBKInfo-flex {
	margin: 0 3rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.textBK-img {width: 25%;}
.textBK-img img.txtKaigo-img,
.textBK-img img.txtSeido-img {
	border: 1px solid #aaa;
	box-shadow: 3px 5px 5px #aaa;
}
/*
.textBK-img.seido-img {position: relative;}
.release-time {
	width: 49%;
	height: auto;
	position: absolute;
	top: -4rem;
	left: -.75rem;
}
*/
.txtBKInfo-Rside {width: calc(75% - 2rem);}

@media screen and (max-width:1280px) {
	.textBK-img {width: 28%;}
	.txtBKInfo-Rside {width: calc(72% - 2rem);}
}

@media screen and (max-width:1080px) {
	.textBK-img {width: 32%;}
	.txtBKInfo-Rside {width: calc(68% - 2rem);}
}

@media screen and (max-width:960px) {
	.textBKInfo-box {
		margin-left: 4.5%;
		margin-right: 4.5%;
		width: auto;
	}
	.txtBKInfo-area {padding: 2.0rem 0;}
	.txtBKInfo-flex {margin: 0 2.25rem;}
	.textBK-img {margin-right: 1.5rem;}
	.txtBKInfo-Rside {width: calc(68% - 1.5rem);}
}

@media screen and (max-width:800px) {
	.txtBKInfo-area {padding: 1.75rem 0;}
	.kentei-neme {font-size: 1.25rem;}
	.textBK-neme {font-size: 1.625rem;}
	.txtBKInfo-flex {
		display: block;
		width: 
	}
	.textBK-img, .textBK-img.seido-img {
		margin-right: 1.5rem;
		margin-bottom: .25rem;
		width: 40%;
		float: left;
	}
	.txtBKInfo-Rside {
		margin: 0;
		width: auto;
	}
	.txtBKInfo-Rside .book-text {
		margin-left: calc(40% + 1.5rem);
	}
	.txtBKInfo-Rside .book-text.seido-txt {
		margin-left: 0;
		width: auto;
	}
	.release-time {top: -3.5rem;}
}

@media screen and (max-width:600px) {
	.txtInfoTtl-area {
		padding: 1rem 0 1.15rem;
		display: block;
		border-radius: 25px 25px 0px 0px;
		margin-bottom: 10px;
	}
	.txtBKInfo-area {padding: 1.75rem 0;}
	.kentei-neme {margin-bottom: .5rem;}
	.txtBKInfo-area {border-radius: 0 0 25px 25px}
	.release-time {
		top: -3rem;
		left: -2.5rem;
	}
	.textBKInfo-box {
		margin-left: 1.875rem;
		margin-right: 1.875rem;
	}
	.txtBKInfo-flex {margin: 0 1.875rem;}
	.textBK-img, .textBK-img.seido-img {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
		margin-bottom: 1.25rem;
	}
	.txtBKInfo-Rside .book-text {margin-left: 0;}
}

@media screen and (max-width:500px) {
	.textBK-img, .textBK-img.seido-img {width: 55%;}
	.release-time {
		top: -2.5rem;
		left: -2.5rem;
	}
	.txtBKInfo-area {padding: 1.375rem 0;}
	.textBKInfo-box {
		margin-left: 1.375rem;
		margin-right: 1.375rem;
	}
	.txtBKInfo-flex {margin: 0 1.375rem;}
}

@media screen and (max-width:425px) {
	.txtInfoTtl-area {
		padding: 1rem 0 1rem;
		border-radius: 20px 20px 0px 0px;
	}
	.txtBKInfo-area {border-radius: 0 0 20px 20px}
	.kentei-neme {font-size: 1.125rem;}
	.textBK-neme {font-size: 1.5rem;}
	.textBK-img, .textBK-img.seido-img {width: 65%;}
	.release-time {
		top: -2.75rem;
		left: -2.5rem;
	}
}

@media screen and (max-width:375px) {
	.textBK-img, .textBK-img.seido-img {width: 70%;}
	.release-time {
		width: 55%;
		top: -2.75rem;
		left: -3rem;
	}
}


.book-info .bookInfo-text {
	padding-left: 1rem;
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: .5em;
}
.book-price {
	padding-left: 1rem;
	font-size: 1rem;
	vertical-align: middle;
}
.bookPrice-Lg {font-size: 1.125rem;}

.cation-area {
	margin-left: 3rem;
	margin-right: 3rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.cation-area .attention-txt:nth-child(1) {
	width: 50%;
	padding-right: 1.5%;
	border-right: 2px dotted #777;
}
.cation-area .attention-txt:nth-child(2) {width: 48.5%;}

@media screen and (max-width:1280px) {
	.book-info .bookInfo-text {
		font-size: 1rem;
		line-height: 1.3;
	}
	.book-price {line-height: 1.5;}
	.bookPrice-Lg {line-height: 1;}
}

@media screen and (max-width:960px) {
	.cation-area {
		margin-left: 2.25rem;
		margin-right: 2.25rem;
	}
}

@media screen and (max-width:800px) {
	.book-info .bookInfo-text,
	.book-price {font-size: .9375rem;}
	.bookPrice-Lg {font-size: 1.0625rem;}
	.cation-area {display: block;}
	.cation-area .attention-txt:nth-child(1),
	.cation-area .attention-txt:nth-child(2) {
		width: 100%;
		padding-right: 0;
		border-right: none;
	}
}

@media screen and (max-width:600px) {
	.book-info .bookInfo-text {margin-bottom: .35em;}
	.attention-txt {font-size: .8125rem;}
	.cation-area {
		margin-left: 1.875rem;
		margin-right: 1.875rem;
	}
}

@media screen and (max-width:500px) {
	.book-info .bookInfo-text, .book-price {padding-left: 0;}
	.book-info .bookInfo-text span,
	.book-price span.bookInfo-head {display: block;}
	.cation-area {
		margin-left: 1.375rem;
		margin-right: 1.375rem;
	}
}



.txtBKInfo-area .btn-area {
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
a.amazonKaigo-btn, a.contactLink-btn, a.amazonSeido-btn {width: 45%;}

.course-info {margin: 0 3rem;}

@media screen and (max-width:960px) {
	.course-info {margin: 0 2.25rem;}
}

@media screen and (max-width:800px) {
	.txtBKInfo-area .btn-area {width: calc(100% - 4.5rem);}
	.amazonKaigo-btn, .contactLink-btn, .amazonSeido-btn {width: 47.5%;}
}

@media screen and (max-width:600px) {
	.course-info {margin: 0 1.375rem;}
	.txtBKInfo-area .btn-area {
		width: calc(100% - 3.75rem);
		display: block;
	}
	.txtBKInfo-area .btn-area .amazonKaigo-btn,
	.txtBKInfo-area .btn-area .contactLink-btn,
	.txtBKInfo-area .btn-area .amazonSeido-btn {
		width:100%;
	}
	.txtBKInfo-area .btn-area .amazonKaigo-btn,
	.txtBKInfo-area .btn-area .amazonSeido-btn {margin-bottom: .75rem;}
	.course-info {margin: 0 1.875rem;}
}

@media screen and (max-width:500px) {
	.txtBKInfo-area .btn-area {width: calc(100% - 2.75rem);}
	.course-info {margin: 0 1.375rem;}
}



/* #textBkSec-03 表組 ========================================  */
.crclm-list {display: none;}

.textBook-course {margin-bottom: 1rem;}
.tblBgColor-grn1 {background-color: #43b873;}
.tblBgColor-grn2 {background-color: #bce5cd;}
.tblBgColor-orng1	{background-color: #f08b35;}
.tblBgColor-orng2 {background-color: #f9d0ae;}
.tblBgColor-cream {background-color: #fafaef;}

.textbook-crclm {
	margin-left: 1rem;
	width: calc(100% - 14px);
	border: 4px solid #fff;
}
.tbl-chapter, .chapter-name,
.textbook-crclm td {border: 3px solid #fff;}
.tbl-chapter {
	width: 12%;
	text-align: center;
	color: #fff;
	font-size: 1.125rem;
}
.chapter-name {
	padding-left: 1rem;
	font-weight: normal;
	line-height: 2.975rem;
	font-size: 1.0625rem;
}
.textbook-crclm td:nth-child(1) {
	width: 38%;
	padding: .5rem 1rem .5rem 1rem;
}
.textbook-crclm td:nth-child(1) p {
	text-align: left;
	font-size: .9375rem;
	padding-left: 4em;
	text-indent: -4em;
}
.textbook-crclm td:nth-child(1) > span {display: none;}

.textbook-crclm td:nth-child(2) {
	width: auto;
	padding: .5rem 1.5rem; 
}
.textbook-crclm td:nth-child(2)>span {
	display: block;
	padding: .5rem;
	border: 2px solid #aaa;
	border-radius: 6px;
	background-color: #fff;
	font-size: .9375rem;
	line-height: 1.5;
}
.textbook-crclm td:nth-child(2)>p {
	background-color: #fff;
	padding: .5rem;
	border: 2px solid #aaa;
	border-radius: 6px;
}

@media screen and (max-width:1280px) {
	.tbl-chapter {width: 11%;}
	.textbook-crclm td:nth-child(1) {width: 42%;}
}

@media screen and (max-width:1080px) {
	.textbook-crclm td:nth-child(1) {
		width: 45%;
		padding: .5rem .75em .5rem .75rem;
	}
}

@media screen and (max-width:960px) {
	.tbl-chapter {width: 8%;}
	.tbl-chapter span {
		display: block;
		line-height: 1;
	}
	.textbook-crclm td:nth-child(1) {width: 50%;}
	.textbook-crclm td:nth-child(2) {padding: .5rem 1rem;}
	.textbook-crclm td:nth-child(2)>span {font-size: .875rem;}
}

@media screen and (max-width:800px) {
	.tbl-chapter {width: 10%;}
	.tbl-chapter>span {
		display: block;
		line-height: 1.0;
	}
	td.PC-cel {display: none;}
	.textbook-crclm td:nth-child(1) {width: 90%;}
	.textbook-crclm td:nth-child(1)>span {
		display: block;
		margin-top: .5rem;
		padding: .5rem;
		border: 2px solid #aaa;
		border-radius: 6px;
		background-color: #fff;
		font-size: .875rem;
		line-height: 1.5;
	}
}

@media screen and (max-width:600px) {
	.textbook-crclm {
		margin-left: 0;
		width: 100%;
	}
}

@media screen and (max-width:500px) {
	.textbook-crclm {display: none;}
	.crclm-list {
		display: block;
		width: 100%;
		height: auto;
	}
	.crclm-list .list-item {margin-bottom: 1rem;}
	.list-item .seido-chapter, .list-item .kaigo-chapter {
		font-size: 1rem;
		line-height: 1.7;
		margin-bottom: .5rem;
	}
	.list-item .seido-chapter span,
	.list-item .kaigo-chapter span {
		padding: .35rem .5rem;
		background-color: #ec6c00;
		color: #fff;
		font-weight: bold;
	}
	.list-item .seido-chapter span {background-color: #ec6c00;}
	.list-item .kaigo-chapter span {background-color: #009e41;}
	.list-item dd {
		margin-left: 1rem;
		font-size: .9375rem;
	}
	.list-item dd.list-sect span {
		font-weight: bold;
		color: #5e6366;
	}
	.list-item dd.chapt-dscp {
		margin: .25rem 0 .25rem 1rem;
		padding: .35rem 1rem;
		background: #fff;
		font-size: .875rem;
		line-height: 1.5;
		border: 1px solid #aaa;
		border-radius: 10px;
	}
}


/* #textBkSec-04 body-image ================================================== */
.textBkImg-L-01 .textBkImg-01 {
	margin-right: 10%;
	width: 90%;
	height: 0;
	padding-top: 61%;
	background: url(../img/textbooks/textBk-01.jpg) center center no-repeat;
	background-size: cover;
}
.textBkImg-L-02 .textBkImg-02 {
	margin-left: 15%;
	width: 85%;
	height: 0;
	padding-top: 70%;
	background: url(../img/textbooks/textBk-02.jpg) left center no-repeat;
	background-size: cover;
}

@media screen and (max-width:1600px) {
	.textBkImg-L-01 .textBkImg-01 {
		margin-right: 0;
		width: 100%;
		height: 0;
		padding-top: 66.7%;
		background: url(../img/textbooks/textBk-01.jpg) center center no-repeat;
		background-size: cover;
	}
	.textBkImg-L-02 .textBkImg-02 {
		margin-left: 5%;
		width: 95%;
		height: 0;
		padding-top: 80%;
		background: url(../img/textbooks/textBk-02.jpg) right center no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:1440px) {
	.textBkImg-L-01 .textBkImg-01 {
		padding-top: 73%;
		background: url(../img/textbooks/textBk-01.jpg) center center no-repeat;
		background-size: 110% auto;
	}
	.textBkImg-L-02 .textBkImg-02 {
		margin-left: 0%;
		width: 100%;
		height: 0;
		padding-top: 90%;
		background: url(../img/textbooks/textBk-02.jpg) right center no-repeat;
		background-size: 105% auto;
	}
}

@media screen and (max-width:1366px) {
	.textBkImg-L-01 .textBkImg-01 {
		padding-top: 62%;
		background: url(../img/textbooks/textBk-01.jpg) center center no-repeat;
		background-size: cover;
	}
	.textBkImg-L-02 .textBkImg-02 {
		margin-left: 5%;
		width: 95%;
		height: 0;
		padding-top: 80%;
		background: url(../img/textbooks/textBk-02.jpg) right center no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:1280px) {
	.textBkImg-L-01 .textBkImg-01 {
		padding-top: 66.7%;
		background: url(../img/textbooks/textBk-01.jpg) center center no-repeat;
		background-size: cover;
	}
	.textBkImg-L-02 .textBkImg-02 {
		margin-left: 0%;
		width: 100%;
		height: 0;
		padding-top: 85%;
		background: url(../img/textbooks/textBk-02.jpg) right center no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:1080px) {
	.textBkImg-L-02 .textBkImg-02 {
		width: 100%;
		height: 0;
		padding-top: 90%;
		background: url(../img/textbooks/textBk-02.jpg) right center no-repeat;
		background-size: 107% auto;
	}
}

@media screen and (max-width:960px) {
	.textBkImg-L-01 .textBkImg-01 {
		padding-top: 73.3%;
		background: url(../img/textbooks/textBk-01.jpg) center center no-repeat;
		background-size: 110% auto;
	}
	.textBkImg-L-02 .textBkImg-02 {
		padding-top: 97.75%;
		background: url(../img/textbooks/textBk-02.jpg) center center no-repeat;
		background-size: 115% auto;
	}
}

@media screen and (max-width:800px) {
	.textBkImg-S-01 .textBkImg-01 {
		width: 100%;
		height: 0;
		padding-top: 66.7%;
		background: url(../img/textbooks/textBk-01.jpg) center center no-repeat;
		background-size: cover;
	}
	.textBkImg-S-02 .textBkImg-02 {
		margin-left: 0%;
		width: 100%;
		height: 0;
		padding-top: 78%;
		background: url(../img/textbooks/textBk-02.jpg) right center no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:500px) {
	.textBkImg-S-02 .textBkImg-02 {padding-top: 85%;}
}