/*----------------
2023用
----------------*/

ul.movielink li{
line-height : 1.8em;
font-size : 1.5em;
}




/*開閉*/

.acd-check{
    display: none;
}
.acd-label{
background : #f1f1f1;
background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 35%);
padding : 1em;
font-size : 1.5em;
border : 1px solid #cccccc;
color: #000;
display: block;
margin-bottom: 1px;
position: relative;
}

.acd-label:after{
background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 35%);
box-sizing: border-box;
content: '╋';
color : #999;
display: inline-block;
height: 100%;
line-height : 290%;
padding: 10px 20px;
position: absolute;
right: 0;
top: 0;
}

.acd-content{
height: 0;
display : block;
opacity: 0;
padding: 0 10px;
transition: .5s;
visibility: hidden;
margin-bottom : 1em;
}

.acd-check:checked + .acd-label:after{
content: '━';
color : #999;
}

.acd-check:checked + .acd-label + .acd-content{
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
}


ul.movielink > li.click {
	display: block;
	background:url("/takken/book/member/torisetsu/images/common/arrow.png") no-repeat left 0.3em bottom 0.65em;
	color: #000;
	padding-left:25px;
	word-wrap: break-word;
}


label[class*="color"]::before{
content: "";
width : 0.75px;
height : 40px;
background-size : 25px;
vertical-align : middle;
display: inline-block;
margin-right : 0.5em;
}


label.color1::before{
width : 0.7em;
background-color : #000000;
}

label.color2::before{
width : 0.7em;
background-color : #699e37;
}

label.color3::before{
width : 0.7em;
background-color : #b96f31;
}

label.color4::before{
width : 0.7em;
background-color : #5376ac;
}

label.color5::before{
width : 0.7em;
background-color : #c46875;
}

label.color6::before{
width : 0.7em;
background-color : #b908d1;
}

label.color7::before{
width : 0.7em;
background-color : #ff9c1a;
}

label.color8::before{
width : 0.7em;
background-color : #eb75ad;
}

.mgL105{
margin-left : 6em !important;
}

@media screen and (max-width:768px) {
.acd-label{
padding : 1em;
font-size : 1.2em;
}

.mgL105{
margin-left : 7em !important;
}
}

@media screen and (max-width:390px) {
ul.movielink li{
font-size : 1.3em !important;
}
.acd-label{
padding : 1em;
font-size : 1em;
}
}
@media screen and (max-width:375px) {
ul.movielink li{
font-size : 1em !important;
}
.acd-label{
padding : 1em;
font-size : 1em;
}
}






/*----------------
2021用
----------------*/


.lower-mainBox{

}

#contentsWrap{

}

.rpsbox{
width : 100%;
}

.mgL100{
margin-left : 6em !important;
}


a.grid6{
padding : 5px;
}

a.grid6:hover{
background : #eee;
}

/*-----
ボタン（特色）
---*/

.btnYellow {
position : absolute;
font-size : 0.8em;
right : 12px;
bottom : 3px;
	background:#f8d941 ; /*DEC031;*/
	color : #000;
}
.btnYellow:hover {
	background:#A27033;
	color : #fff !important;
}

.btnGray {
position : absolute;
font-size : 0.8em;
right : 12px;
bottom : 3px;
	background:#ccc;
}


.clearfix .row .grid3,
.clearfix .row .grid4,
.clearfix .row .grid6{
	display:block;
	position:relative;
	min-height: 114px;
	border:1px solid #cecece;
	box-shadow:2px 2px 4px 1px #cacaca;
	-moz-box-shadow:2px 2px 4px 1px #cacaca;
	-webkit-box-shadow:2px 2px 4px 1px #cacaca;

}


.clearfix .link .grid6{
	display:block;
	position:relative;
	min-height: 70px;
	border:none !important;
	box-shadow:none !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
}


.clearfix .row .grid3::after,
.clearfix .row .grid4::after,
.clearfix .row .grid6::after{
	content:" ";
	position: absolute;
	right: 0;
	bottom: 0;
	margin-left: -7px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 7px solid #cecece;
	border-bottom: 7px solid #cecece;
	border-left: 7px solid transparent;
	z-index:5;
}

.clearfix .link .grid3::after,
.clearfix .link .grid4::after,
.clearfix .link .grid6::after{
	content:" ";
	position: absolute;
	right: 0;
	bottom: 0;
	margin-left: -7px;
	width: 0;
	height: 0;
	border: none;
	z-index:5;

}


.click {
	display: block;
	background:url("/takken/book/member/torisetsu/images/common/arrow.png") no-repeat left 0.3em bottom 0.42em;
	color: #000;
	padding-left:20px;
	word-wrap: break-word;
}
.click span {
	color:#cb69a3;
}
a.click:hover {
	text-decoration: none;
	color: #888;
}
a.click:hover span {
	color:#e9c3da;
}
.borderR {
	border:none;
}



@media screen and (max-width:768px) {
.contents{
width : 95%;
margin : 0 auto;
}

a.grid6{
margin-bottom : 20px !important;
}

.btnYellow {
position : absolute;
font-size : 0.8em;
right : 12px;
bottom : 3px;
	background:#f8d941 ; /*DEC031;*/
	color : #000;
}

	.borderR {
		border-right: 2px solid #ccc;
	}
	.pcW80 {
		width: 80%;
		margin: 0 auto;
	}

.ebook > .grid6{
margin-bottom : 20px!important;
}

}

img.booklink{
width : 81px;
}

/*
*/
.pdT35{
padding-top : 35px !important;
}

.pdT45{
padding-top : 45px !important;
}
@media screen and (max-width:768px) {

.pdT45{
padding-top : 0px !important;
}
}