@charset "utf-8";

/*============================================================
                    
	マーケティングレポート
					
============================================================*/
.apbtList li {
	list-style-type:upper-alpha;
	margin-left:2em;
	color:#00a2e0;
}
.apbtList li span {
	color:#333;
}

#canvas01 {
	width:100% !important;
	max-width:900px !important;
	height:auto !important;
}

.responsive-table {
	width:100%;
	margin-bottom:20px;
}
.responsive-table th,
.responsive-table td {
	border:2px solid #fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:5px;
}

.backNumberBtn {
	margin:10px 0;
	text-align:right;
	font-size:12px;
}
.backNumberBtn a {
	display:inline-block;
	padding:10px 10px 10px 30px;
	margin:0 10px;
	border:1px solid #00a2e0;
	background:url(../img/common/ico_arrow_01.png) no-repeat 10px center;
	text-align:center;
}
.backNumberBtn a:hover {
	background:#E8F8FD url(../img/common/ico_arrow_01.png) no-repeat 10px center;
}

.mirakanPrBtn {
	margin:10px 0;
	text-align:right;
    font-size:16px;
}

.mirakanPrBtn a {
    display:inline-block;
    padding:15px;
    margin:10px;
    background:#c02546;
    font-weight:700;
    color:#FFF !important;
}


/*ウィンドウサイズ640px以上960px未満*/
@media screen and (max-width: 959px)and (min-width: 640px) {
}

/*ウィンドウサイズ640px未満*/
@media screen and (max-width: 639px) {
.canvas01 {
	width:100% !important;
	max-width:599px !important;
	height:auto !important;
}
.responsive-table th,
.responsive-table td {
	border:none;
	border-bottom:1px solid #fff;
}
.backNumberBtn a {
	margin:0 3%;
}
}