@charset "UTF-8";

.attractive-list {
max-width: 1200px;
margin: 0px auto;
}
	.attractive-list > li {
	font-size: 1.6rem;
	background-color: #eeeeee;
	margin-bottom: 20px;
	padding: 1.6vw 2vw;
	}
		.attractive-list > li h3 {
		font-size: 2rem;
		font-weight:bold;
		color:#e6222f;
		margin-bottom:15px;
		}
		.attractive-list > li:nth-child(even) h3 {
		color:#039841;
		}
		.attractive-list > li:nth-child(1) h3:before {content:'魅力その1';}
		.attractive-list > li:nth-child(2) h3:before {content:'魅力その2';}
		.attractive-list > li:nth-child(3) h3:before {content:'魅力その3';}
		.attractive-list > li:nth-child(4) h3:before {content:'魅力その4';}
		.attractive-list > li:nth-child(5) h3:before {content:'魅力その5';}
		.attractive-list > li:nth-child(6) h3:before {content:'魅力その6';}

		.attractive-list > li h3:before {
		color:#fff;
		background-color: #e6222f;
		font-weight: normal;
		text-align: center;
		display: block;
		margin-bottom:10px;
		font-size:1.5rem;
		}
		.attractive-list > li:nth-child(even) h3:before {
		background-color:#039841;
		}

		.attractive-list > li h4 {
		font-size: 1.8rem;
		font-weight:bold;
		margin-bottom:5px;
		}
		.attractive-list p {
		margin-bottom:1em;
		}
		.attractive-list p.img {
		text-align:center;
		}
		.attractive-list p.bnr {
		text-align:center;
		}
			.attractive-list p.bnr a {
			background-color:#fff;
			line-height: 0;
			display: inline-block;
			}
			.attractive-list p.bnr a:hover img {
			opacity: 0.7;
			}
		.attractive-list ul.notice {
		font-size:1.4rem;
		margin-bottom:1em;
		}
			.attractive-list ul.notice li {
			position:relative;
			padding-left:18px;
			margin-bottom:5px;
			}
				.attractive-list ul.notice li span {
				position:absolute;
				top:0;
				left:0;
				}

	.attractive-list table {
	width:100%;
	margin-bottom:1em;
	}
		.attractive-list table th,
		.attractive-list table td {
		padding:1.4vw 1vw;
		border:solid 1px #ccc;
		text-align: center;
		border-collapse: collapse;
		vertical-align:middle;
		}
		.attractive-list table thead th {
		background-color:#e5e5e5;
		}
		.attractive-list table thead th.buy {
		background-color:#fcd2d4;
		}
		.attractive-list table thead th.sell {
		background-color:#cae1f6;
		}
		.attractive-list table tbody th {
		background-color:#f5f6f5;
		}
		.attractive-list table tbody td {
		background-color:#fff;
		}
		.attractive-list table tbody td.point {
		background-color:#ffdada;
		}
		.attractive-list table tbody td.point2 {
		color:#e6222f;
		}
	.attractive-market-maker {
	margin-bottom:40px;
	}
		.attractive-market-maker li:first-child {
		padding: 0 0 15px;
		background: url(../img/arrow-b.png) 50% 100% no-repeat;
		margin-bottom: 10px;
		}
			.attractive-market-maker p {
			font-size:1.8rem;
			}
				.attractive-market-maker p span {
				font-weight:bold;
				color:#e6222f;
				}


@media screen and (min-width: 768px) {

	.attractive-list > li {
	margin-bottom: 35px;
	}
		.attractive-list > li h3 {
		position:relative;
		padding-left:145px;
		font-size:3.5rem;
		}
			.attractive-list > li h3:before {
			width:120px;
			position:absolute;
			left:0;
			top:0;
			font-size:2rem;
			padding:10px 0;
			}


}

@media screen and (max-width: 768px) {

	.attractive-list > li .img img {
	width:96%;
	padding:1vw 2%;
	}
	.attractive-list p.bnr img {
	width:100%;
	}

}

@media screen and (min-width: 1024px) {

	.attractive-market-maker {
	zoom:1;
	}
	.attractive-market-maker:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	font-size:0;
	}
		.attractive-market-maker li {
		width:48%;
		}
		.attractive-market-maker li {
		float:left;
		}
		.attractive-market-maker li:last-child {
		float:right;
		}
		.attractive-market-maker li:first-child {
		padding: 0 32px 0 0;
		background: url(../img/arrow-r.png) 100% 50% no-repeat;
		}

}

@media screen and (max-width: 768px) and (orientation: landscape) {
}