#Master_title h1{color: #d16645;}
.subtitle {color: #2c5571;font-size: 2rem;}
.bgcolor1 {background: #e7e7e7;}
.bgcolor2 {
	background: #e0e0e0; /* Old browsers */
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #ffffff 30%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#ffffff 30%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e0e0e0 0%,#ffffff 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bgcolor3 {
	background: #a1d3ce; /* Old browsers */
	background: -moz-linear-gradient(left,  #a1d3ce 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #a1d3ce 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #a1d3ce 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bgcolor4 {
	background: #4a9acc; /* Old browsers */
	background: -moz-linear-gradient(right,  #4a9acc 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right,  #4a9acc 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left,  #4a9acc 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bgcolor5 {
	background: #fbe165; /* Old browsers */
	background: -moz-linear-gradient(left,  #fbe165 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fbe165 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fbe165 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.title-circle {background: #3da3a5;border: 5px solid #e5f0de;border-radius: 100%;width: 180px;height: 180px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;color: white;padding: 0 2rem;text-align: center;line-height: 3rem;margin: auto;}
#channel_sec .title-circle {background: #4d99ce;border: 5px solid #e3f2fb;}
#channel_third .title-circle {background: #fabe00;border: 5px solid #fff9c6;align-content: center;}
.title-circle p{font-size: 1.25rem;margin: 4px 0;}
#channel_third .title-circle span {padding: 0;height: 50%;height: 0;top: -35%;position: relative;}
.sort {width: 30%;}
.books-list {width: 70%;margin: auto;}
.books-item {width: 100%;margin: 2rem auto;}
.sort span {padding: 1rem;text-align: center;display: block;font-size: 1.125rem;line-height: 28px;}
.books-list li {width: calc(100%/3 - 3rem);}
/*
.books-list li, .books-item li {box-shadow: -55px 40px 30px 0 rgb(0 0 0 / 10%), -27px 25px 35px -5px rgb(0 0 0 / 20%), -10px 10px 15px 5px rgb(0 0 0 / 10%), -12px 12px 10px 0 rgb(0 0 0 / 20%), -7px 7px 8px 0 rgb(0 0 0 / 10%)}
.books-list li img, .books-item li img {width: 195px;height: 260px;object-fit: cover;}
*/
.books-item li {width: calc(100%/4 - 4rem);margin: 1.5rem;}
.order1 {order: 1;}
.order2 {order: 2;}
.order3 {order: 3;}
.betamedia-buy {margin: auto auto 2rem;}
.betamedia-buy a {padding: 0.5rem 2.25rem;border-radius: 2rem;background: #1691e1;color: var(--white);text-decoration: none;font-size: 1.2rem;cursor: pointer;}

@media screen and (min-width: 1201px){	
}
@media screen and (max-width: 1200px){
	.sort, .books-list {width: 100%;}
	.sort {order: 1;}
	.books-list li, .books-item li {width: calc(100%/2 - 2.5rem);margin: 1rem;}
	.books-list li img, .books-item li img {width: 100%;height: auto;}
	.title-circle {padding: 0 4%;}
}
@media screen and (min-width:992px) and (max-width:1199px){
}
@media screen and (min-width:768px) and (max-width:991px){
}

@media screen and (max-width: 767px) and (orientation : portrait) {	
	.title-circle {width: 135px;height: 135px;line-height: 2.3rem;margin: 8px auto 0;font-size: 1.8rem;padding: 0 6%;}
	.title-circle p {font-size: 0.95rem;margin: 0px 0;}
}