@charset "Shift_JIS";

#area_topimg img{
	width:100%;
}
#area_topimg p{
	position: absolute;
	color: white;
	font-size:2.3em;
	top: 200px;
	left: 100px;
}

#area_topimg p.fc_g{
	position: absolute;
	color: #aaa;
	font-size:2.3em;
	top: 200px;
	left: 100px;
}

.t-center{
	text-align:center;
	margin:50px 0 0 0;	
}

.brands_title{
	text-align:center;
	background-color:#f00;
	padding:20px 0;
}
h2.brands{
	font-size:2.0em;
	padding:0 0 20px 0;
}
h2.brands-title{
	font-size: 2.0rem;	
	font-weight: 300;
	color:#fff;
	line-height: 1.1;
}
.brands-slogan{
	color:#000;
	font-family:"Monotype Corsiva";
	font-size:1.5rem;
}

.lead {
	margin:20px 0;
}

.lead p{
	font-size:14px;
	line-height:1.5;
	margin:30px 0;
}


.detail{
	margin:30px auto 30px auto;
	width:1000px;
	overflow:hidden;
}

.detail h3{
	color:#333;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding: 0 0 5px 0;
	width:450px;
}

.p_Right{
	width:500px;
	overflow:hidden;
	float:right;
}

table.info {
	width:450px;
	margin:0;
	line-height: 22px;
	font-size:12px;
	float:left;
}

table.info th {
	width:10em;
	margin:0;
	padding:10px 0;
	text-align:left;
	font-weight:bold;
	border-bottom:1px #d1d1d1 dotted;
	vertical-align:middle;
}

table.info td {
	color:#555;
	margin:0;
	padding:10px 0;
	border-bottom:1px #d1d1d1 dotted;
	vertical-align:middle;
}




a.cp_btn {
	display: block;
	width: 20%;
	padding: 0.8em;
	margin:50px auto;
	text-align: center;
	text-decoration: none;
	color: #000;
	border: 2px solid #000;
	transition: .4s;
}
a.cp_btn:hover {
	background: #000;
	color: #fff;
}

a.cp_btn2 {
	display: block;
	width: 20%;
	padding: 0.8em;
	margin:50px auto;
	text-align: center;
	text-decoration: none;
	background: #000;
	color: #fff;
	border: 2px solid #000;
	transition: .4s;
}
a.cp_btn2:hover {
	background: #fff;
	color: #000;
}

a.cp_btn3 {
	display: block;
	width: 30%;
	padding: 0.8em;
	margin:20px auto;
	text-align: center;
	text-decoration: none;
	background: #000;
	color: #fff;
	border: 2px solid #000;
	transition: .4s;
}
a.cp_btn3:hover {
	background: #fff;
	color: #000;
}



/*================================================
 *  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:979px) {

.item{
	width:80%;
}

.detail{
	width:80%;
}


a.cp_btn {
	width: 60%;
	padding: 1.2em;
}

table.info {
	width:49%;
}

.p_Right{
	width:50%;
}

table.info th {
	font-size:0.8em;
	padding:3px 0;

}

table.info td {
	font-size:0.8em;
	padding:3px 0;
}


}


/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

.item{
	width:85%;
}

.detail{
	width:100%;
	padding:10px 10px;
}
.detail h3{
	width:100%;
}


a.cp_btn {
	width: 80%;
	padding: 1.0em;
}

a.cp_btn2 {
	width: 80%;
	padding: 1.0em;
}


#area_topimg img{
	margin:70px 0 0 0;
}


table.info {
	width:80%;
}

.p_Right{
	width:100%;
	
}
.p_Right img{
	width:100%;
	
}


}