@charset "EUC-JP";
/* 新刊一覧 */

#loader-bg {
	height: 407px;
	width: 100%;
	display:table;
}
#loader {
	display:table-cell;
	text-align: center;
	vertical-align: middle;
	height:100%;
	width: 100%;
}
#loader-bg .img {
	display: inline-block;
	padding-right: 5px;
	padding-bottom: 5px;
	border-radius: 6px;
	background-color:#7b7b7b;
}
#loader-bg .img img {
	border-radius: 6px;
}
#loader-bg p {
	font-weight:bold;
	margin-top: 3px;
}
.mainvisual_contents {
	display: none;
}
.mainvisual_list_new {
	width: 914px;
	height: 407px;
	margin: 0 auto;
	padding: 10px 0;
	background: #858585;
	background: -moz-linear-gradient(left, #858585 0%, #b5b5b5 50%, #858585 100%);
	background: -webkit-linear-gradient(left, #858585 0%, #b5b5b5 50%, #858585 100%);
	background: linear-gradient( to right, #858585 0%, #b5b5b5 50%, #858585 100%);
	overflow: hidden;
}
.mainvisual_list_new ul.navi_prevnext {
	position:relative;
}
.mainvisual_list_new ul.navi_prevnext a {
	color:#fff;
	text-decoration: none;
}
.mainvisual_list_new ul.navi_prevnext a * {
	text-decoration: none;
}
.mainvisual_list_new ul.navi_prevnext .prev {
	position:absolute;
	top: 0;
	left: 30px;
	padding-left:15px;
}

.mainvisual_list_new ul.navi_prevnext .next {
	position:absolute;
	top: 0;
	right: 30px;
	padding-right:15px;
}

.mainvisual_list_new ul.navi_prevnext .prev a:before {
	content: "";
	position:absolute;
	top: 5px;
	left: 0;
	border: 4px solid transparent;
	border-right: 6px solid #fb9700;
}
.mainvisual_list_new ul.navi_prevnext .prev a:hover:before {
	left: -2px;
}
.mainvisual_list_new ul.navi_prevnext .next a:before {
	content: "";
	position:absolute;
	top: 5px;
	right: 0;
	border: 4px solid transparent;
	border-left: 6px solid #fb9700;
}
.mainvisual_list_new ul.navi_prevnext .next a:hover:before {
	right: -2px;
}


.mainvisual_list_new .list_new_wrap {
	padding-bottom: 10px;
}
.mainvisual_list_new .list_new {
	height:320px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	padding-top: 50px;
	padding-left:10px;
	text-align:left;
}
.mainvisual_list_new .list_new li {
	position:relative;
	display: inline-block;
	width:140px;
	padding-top: 16px;
	margin-right: 10px;
	vertical-align: top;
}
.mainvisual_list_new .list_new li a {
	display: block;
	text-decoration: none;
}
.mainvisual_list_new .list_new li a * {
	text-decoration: none;
}
.mainvisual_list_new .list_new li .img {
	position:relative; /* 本日発売・今週発売バッジ用 */
	width:140px;
	min-height:196px;
	margin-top: 8px;
	margin-bottom: 5px;
	text-align:center;
	vertical-align: middle;
}
.mainvisual_list_new .list_new li .img img {
	max-width:140px;
	height:auto;
	text-align:center;
}
.mainvisual_list_new .list_new li .txt_info {
	text-align:center;
}

.mainvisual_list_new .list_new li:before {
	content: url(../img/mv_img/label_1.gif);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align:center;
}
.mainvisual_list_new .list_new li.label_1:before { content: url(../img/mv_img/label_1.gif); }
.mainvisual_list_new .list_new li.label_2:before { content: url(../img/mv_img/label_2.gif); }
.mainvisual_list_new .list_new li.label_3:before { content: url(../img/mv_img/label_3.gif); }
.mainvisual_list_new .list_new li.label_4:before { content: url(../img/mv_img/label_4.gif); }
.mainvisual_list_new .list_new li.label_5:before { content: url(../img/mv_img/label_5.gif); }
.mainvisual_list_new .list_new li.label_6:before { content: url(../img/mv_img/label_6.gif); }
.mainvisual_list_new .list_new li.label_7:before { content: url(../img/mv_img/label_7.gif); }
.mainvisual_list_new .list_new li.label_8:before { content: url(../img/mv_img/label_8.gif); }
.mainvisual_list_new .list_new li.label_9:before { content: url(../img/mv_img/label_9.gif); }
.mainvisual_list_new .list_new li.label_10:before { content: url(../img/mv_img/label_10.gif); }
.mainvisual_list_new .list_new li.label_11:before { content: url(../img/mv_img/label_11.gif); }
.mainvisual_list_new .list_new li.label_12:before { content: url(../img/mv_img/label_12.gif); }

.mainvisual_list_new .list_new li.label_18:before { content: url(../img/mv_img/label_18.gif); }

.mainvisual_list_new .list_new li .txt_info .date {
	min-height:19px;
	color: #fff;
	font-weight:bold;
}
.mainvisual_list_new .list_new li.date_today .txt_info .date {
	visibility:hidden;
}
.mainvisual_list_new .list_new li .txt_info .title {
	color: #ffffd2;
	font-weight:bold;
	white-space: normal;
	line-height: 1.3;
}
.mainvisual_list_new .list_new li .txt_info .author {
	color: #fff;
	font-weight:bold;
	white-space: normal;
	line-height: 1.3;
}

.mainvisual_list_new .list_new li .img img {
	box-shadow: 3px 3px 3px rgba(0,0,0,.3);
}
.mainvisual_list_new .list_new li .img img:hover {
	animation: animScale 2s ease-out;
	transform-origin: bottom;
}
@keyframes animScale {
	0% { transform: scale(1, 1); }
	5% { transform: scale(1.12, 1.12); }
	10% { transform: scale(1.1, 1.1); }
	15% { transform: scale(1.12, 1.12); }
	100% { transform: scale(1.12, 1.12); }
}

/* 今週発売・本日発売バッジ */
.mainvisual_list_new .list_new li.date_today .img:before,
.mainvisual_list_new .list_new li.date_thisweek .img:before {
	content: url(../img/mv_img/mark_today_bg.png);
	position:absolute;
	top:-15px;
	right:-7px;
	z-index: 999;
    -webkit-animation: spin 5s linear infinite;
    -moz-animation: spin 5s linear infinite;
    -ms-animation: spin 5s linear infinite;
    -o-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
.mainvisual_list_new .list_new li.date_thisweek .img:before {
	content: url(../img/mv_img/mark_thisweek_bg.png);
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(-360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(-360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(-360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}
.mainvisual_list_new .list_new li.date_today .img:after,
.mainvisual_list_new .list_new li.date_thisweek .img:after {
	content: url(../img/mv_img/mark_today_label.png);
	position:absolute;
	top:0;
	right:10px;
	z-index: 9999;
    -webkit-animation: spin2 5s linear infinite;
    -moz-animation: spin2 5s linear infinite;
    -ms-animation: spin2 5s linear infinite;
    -o-animation: spin2 5s linear infinite;
    animation: spin2 5s linear infinite;
}
@-webkit-keyframes spin2 {
	0% {-webkit-transform: rotate(0deg);}
	20% {-webkit-transform: rotate(-30deg);}
	40% {-webkit-transform: rotate(-30deg);}
	60% {-webkit-transform: rotate(30deg);}
	80% {-webkit-transform: rotate(30deg);}
	100% {-webkit-transform: rotate(0deg);}
}
@-moz-keyframes spin2 {
	0% {-moz-transform: rotate(0deg);}
	20% {-moz-transform: rotate(-30deg);}
	40% {-moz-transform: rotate(-30deg);}
	60% {-moz-transform: rotate(30deg);}
	80% {-moz-transform: rotate(30deg);}
	100% {-moz-transform: rotate(0deg);}
}
@-ms-keyframes spin2 {
	0% {-ms-transform: rotate(0deg);}
	20% {-ms-transform: rotate(-30deg);}
	40% {-ms-transform: rotate(-30deg);}
	60% {-ms-transform: rotate(30deg);}
	80% {-ms-transform: rotate(30deg);}
	100% {-ms-transform: rotate(0deg);}
}
@-o-keyframes spin2 {
	0% {-o-transform: rotate(0deg);}
	20% {-o-transform: rotate(-30deg);}
	40% {-o-transform: rotate(-30deg);}
	60% {-o-transform: rotate(30deg);}
	80% {-o-transform: rotate(30deg);}
	100% {-o-transform: rotate(0deg);}
}
@keyframes spin2 {
	0% {transform: rotate(0deg);}
	20% {transform: rotate(-30deg);}
	40% {transform: rotate(-30deg);}
	60% {transform: rotate(30deg);}
	80% {transform: rotate(30deg);}
	100% {transform: rotate(0deg);}
}
.mainvisual_list_new .list_new li.date_thisweek .img:after {
	content: url(../img/mv_img/mark_thisweek_label.png);
}

/* 水平スクロールバー　（ jquery.mCustomScrollbar.concat.min.js を使用） */
.mCSB_container {
	text-align:left;
}
#mainvisual .mCSB_scrollTools,
#mainvisual .mCSB_scrollTools * {
	opacity: 1!important;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	background-image: none;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:before,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:before {
	content: "";
	position: absolute;
	top: 2px;
	border: 6px solid transparent;
	opacity: 1;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:before {
	left: 0;
	border-right: 8px solid #fff;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:before {
	right: 0;
	border-left: 8px solid #fff;
}
#mainvisual .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 17px;
}
#mainvisual .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 17px;
	margin: 0;
	border-radius: 0;
	background: #464646;
	background: -moz-linear-gradient(top, #464646 0%, #a3a3a3 100%);
	background: -webkit-linear-gradient(top, #464646 0%, #a3a3a3 100%);
	background: linear-gradient( to bottom, #464646 0%, #a3a3a3 100%);
}
#mainvisual .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 13px;
	border: 1px solid #fff;
	margin: 1px;
	border-radius: 3px;
	background: #00fafd;
	background: -moz-linear-gradient(top, #00fafd 0%, #21c9eb 100%);
	background: -webkit-linear-gradient(top, #00fafd 0%, #21c9eb 100%);
	background: linear-gradient( to bottom, #00fafd 0%, #21c9eb 100%);
}