@charset "UTF-8";

/* .magazineSet */
.magazineSet {
	padding:15px 0 54px;
}
.magazineSet .btnSet {
	padding-bottom:0;
}
.magazineSet .photo01 {
	width:21.7%;
	float:left;
}
.magazineSet .photo01 img {
	border:#c5c6c6 1px solid;
	box-sizing:border-box;
	box-shadow:3px 3px 0 #eaeff6;
}
.magazineSet .cont {
	width:75%;
	float:right;
}
.magazineSet .cont .ttl01 {
	margin-top:-2px;
	line-height:1.6;
	padding-bottom:1.8%;
}
.magazineSet .cont .ttl01 span {
	display:block;
	color:#d61d3b;
}
.magazineSet .cont .tit01 {
	font-weight:bold;
	padding-bottom:0.8%;
}
.magazineSet .cont .line {
	border-bottom:#cbcbcb 1px dashed;
}
.magazineSet .cont .txt01 {
	padding-bottom:2.8%;
}
.magazineSet .cont .tit02 {
	font-weight:bold;
	padding:2.7% 0 0;
}
.magazineSet .cont .txt02 {
	line-height:1.4;
	padding-bottom:1.8%;
}

/* .btnSet */
.btnSet li a {
	background-image:url(../common/images/arrow_right_w.png);
	background-size:2% auto!important;
	background-position:98% center!important;
	background-color:#d61d3b;
	border-color:#d61d3b;
	color:#fff;
}
.btnSet li:last-child a {
	background-image:url(../common/images/arrow_right.png);
	background-color:#fff;
	color:#222;
	border-color:#222;
}

/* .bannerList */
.bannerList {
	padding-top:15px;
}
.bannerList li {
	display:inline-block;
	vertical-align:top;
	width:19%;
	padding:0 1.5% 32px 0;
	margin-right:-4px;
}
.bannerList li:last-child {
	padding-right:0;
}
.bannerList li a {
	border:#c3c3c3 1px solid;
	box-sizing:border-box;
	display:block;
}

/* .magazineSet */
.magazineSet .links {
	text-align:right;
	/*margin-top:-20px;*/
	padding-bottom:25px;
}
.magazineSet .links a {
	color:#222;
	background:url(../images/comics/detail/ico01.gif) no-repeat left center;
	background-size:15px auto;
	padding-left:23px;
}
.magazineSet .listComics {
	padding-bottom:40px;
}

@media only screen and (min-width:641px){
/* .btnSet */
.btnSet li a:hover {
	background:url(../common/images/arrow_right_w.png) no-repeat 95% center #222;
	background-size:2.2% auto;
	background-color:#89061c;
	border-color:#89061c;
	text-decoration:none;
}
.btnSet li:last-child a:hover {
	color:#fff;
	background-color:#222;
	border-color:#222;
}
}

@media only screen and (min-width:1px) and (max-width:640px){
/* .magazinesArea */
.magazinesArea .inner {
	width:88%;
	margin:0 auto;
}

.magazinesArea .bbs1{
	border-bottom:solid 1px #cbcbcb;
	margin-bottom:12px;
}

/* .magazineSet */
.magazineSet {
	padding-bottom:4px;
}
.magazineSet .photo01 {
	width:70%;
	margin:0 auto;
	float:none;
	padding-bottom:18px;
}
.magazineSet .photo01 img {
	box-shadow:2px 2px 0 #eaeff6;
}
.magazineSet .cont {
	width:100%;
	float:none;
	margin:0 auto;
	padding-bottom:5px;
}
.magazineSet .cont .ttl01 {
	padding-bottom:0;
}
.magazineSet .cont .moreTxt {
	padding-bottom:3%;
}
.magazineSet .cont .txt01 {
	padding-bottom:0;
	line-height:1.5;
	font-size:3.5vw;
}
.magazineSet .cont .txt02 {
	padding-bottom:0;
	line-height:1.5;
	font-size:3.5vw;
}

/* .btnSet */
.btnSet {
	border-bottom:#cbcbcb 1px solid;
	padding-bottom:4.5%!important;
}
.btnSet:last-child {
	border-bottom:none;
	padding-bottom:0!important;
}
.btnSet li {
	width:100%;
	float:none;
	padding:0 0 4.8%;
	display:block;
}

/* .magazineSet */
.magazineSet .links {
	text-align:left;
	clear:both;
	margin:-10px 0 0;
}
.magazineSet .links a {
	background-size:12px auto;
	padding-left:18px;
}
.magazineSet .listComics {
	padding-bottom:35px;
}
.magazineSet .linkList {
	display:none;
}

/* .bannerList */
.bannerList {
	margin:0 -1.5%;
	padding:10px 0 8px;
}
.bannerList li,
.bannerList li:last-child {
	width:50%;
	float:left;
	margin:0;
	padding:0 1.5% 10px;
	box-sizing:border-box;
	text-align:center;
}
.bannerList li img {
	width:80%;
}
}

.digital_books{
	margin-top: 30px;
}


/*202103���C��
=============================*/
.bannerList li {
	display:block;
	width:19%;
	padding:0;
	margin:0 0 10px 1.2%;
	float:left;
}
.bannerList li:nth-child(5n+1) {
  margin-left:0;
}
.bannerList + h2.headTitle02.fo18 {
  margin-top:32px;
}
@media only screen and (min-width:1px) and (max-width:640px){

.bannerList li{
	width:50%;
	margin:0;
	padding:0 1.5% 10px;
	box-sizing:border-box;
	text-align:center;
}
.bannerList li:nth-child(even) {
  float:right;
}
.bannerList + h2.headTitle02.fo18 {
  margin-top:0;
}

}