@charset "utf-8";




/*---------------------------------------------------------
top
1段目
---------------------------------------------------------*/

.top {	margin:2% 0.5%;
		}

.top .left {	float:left;
				text-align:left;
				width:49%;
				height:100%;
				max-height:200px;
				margin:0 1% 0 0;
				background:url('/images/top/728_150_coaxial.gif') no-repeat center;
				border: 1px solid #ccccff;
    			box-sizing: border-box;
				}
@media only screen and (max-width: 767px){
	.top .left {
		width:100%;
	}
}

.top .rs {	width:95%;
			height:100%;
			min-height:100px;
			float:left;
			}

.top h2 {	margin:2% 0 0 3%;
			line-height:30px;
			font-size:24px;
			font-size:2.4rem;
			}

@media only screen and (max-width: 767px){
	.top h2  {
		line-height:25px;
	}
}

.top h2 a {	font-weight:bold;
			color:#000000;
			text-decoration:underline;
			}

.top h2 a:hover {	color:#ff0000;
					}

@media only screen and (max-width: 767px){
	.top h2 a {
		font-size:20px;
		font-size:2.0rem;
	}
}

.top p {	margin:4.5% 0 2% 3%;
			line-height:18px;
			font-size:13px;
			font-size:1.3rem;
			color:#ffffff;
			}

.top .right {	float:left;
				text-align:left;
				width:49%;
				height:100%;
				max-height:200px;
				margin:0 0 0 1%;
				background:url('/images/top/728_150_change.gif') no-repeat center;
				border: 1px solid #b36640;
    			box-sizing: border-box;
				}
@media only screen and (max-width: 767px){
	.top .right {
		width:100%;
		float:left;
		margin:2% 0 0 0;
	}
}

/*---------------------------------------------------------
hotselling
売れ筋
---------------------------------------------------------*/

.hotselling {	
	text-align:left;
	margin:2% 0.5% 0 0.5%;
	padding:1% 0;
	width:99%;
	background-color:#eef3ff;
	text-align:center;
}

.hotselling b {
	line-height:30px;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	display:block;
	padding:0 1% 1% 1%;
}

.hotselling .outline {
	display:table;
	width:100%;
}

.hotselling .outline div {
	display:table-cell;
	width:25%;
	line-height:18px;
	font-size:13px;
	font-size:1.3rem;
	padding:0 1.5%;
}

.hotselling div img {
	margin:0 0 3% 0;
}


.hotselling a {
	font-weight:bold;
	text-decoration:underline;
	line-height:20px;
	font-size:15px;
	font-size:1.5rem;
}

.hotselling p {
	margin:1% 0 0 0;
	text-align:left;
	line-height:20px;
}


@media only screen and (max-width: 767px){
	.hotselling b {
		line-height:28px;
		font-size:20px;
		font-size:2.0rem;
		text-align:center;
	}
	.hotselling .outline div {
		width:50%;
		
	}
	.hotselling .outline div.big {
		display:none;
		
	}

}

/*---------------------------------------------------------
special_sale
特別SALE品・オリジナル品
---------------------------------------------------------*/

.special_sale {	text-align:left;
				margin:2% 0.5% 0 0.5%;
				width:99%;
				background-color:#FFFF00;
				}

.special_sale img {	vertical-align:bottom;
					}

.special_sale div.left {	width:60%;
							float:left;
							}

.special_sale div.left img {	float:left;
								width:50%;
								}

.special_sale div.right {	width:37%;
							margin:0 1% 0 2%;
							float:left;
							line-height:18px;
							font-size:13px;
							font-size:1.3rem;
							}

.special_sale div.right p {	line-height:18px;
							}

@media only screen and (max-width: 767px){
	.special_sale div.left {
		float:none;
		width:100%;
	}
	.special_sale div.right {
		width:100%;
		text-align:center;
	}
	.special_sale div.right p {
		display:none;
	}
}

.special_sale h3 {	margin:4% 1% 2% 0;
					line-height:20px;
					font-size:15px;
					font-size:1.5rem;
					}

.special_sale h3 a {	font-weight:bold;
						text-decoration:underline;
						}

@media only screen and (max-width: 767px){
	.special_sale h3  {
		margin:2% 1%;
	}
}

/*---------------------------------------------------------
antenna_list
アンテナ一覧
---------------------------------------------------------*/

.antenna_list {	margin:2% 0.5% 0 0.5%;
				padding:1% 0;
				text-align:center;
				background:url('/images/top/1500_300_antennalist.gif') repeat-y center center;
				background-attachment:fixed;
				}

.antenna_list .left {	float:left;
						width:32%;
						margin:0 2.5%;
						text-align:left;
						}

@media only screen and (max-width: 767px){
	.antenna_list .left {
		float:none;
		width:96%;
		margin:0 1.5%;
		text-align:center;
	}
}

.antenna_list h3 {	margin:2% 0;
					line-height:28px;
					font-size:20px;
					font-size:2.0rem;
					font-weight:bold;
					color:#ffffff;
					}

@media only screen and (max-width: 767px){
	.antenna_list h3 {
		line-height:20px;
		font-size:15px;
		font-size:1.5rem;
	}
}

.antenna_list .left p {	line-height:18px;
						font-size:13px;
						font-size:1.3rem;
						color:#ffffff;
						}


.antenna_list .right {	float:left;
						width:63%;
						text-align:left;
						}
@media only screen and (max-width: 767px){
	.antenna_list .right {
		float:none;
		width:96%;
		margin:1.5%;
	}
}
.antenna_list div.antenna {	float:left;
							display:table;
							margin:0.5% 1.15%;
							padding:0.3% 0.5%;
							width:46.5%;
							text-align:left;
							}

@media only screen and (max-width: 767px){
	.antenna_list div.antenna {
		width:96%;
		margin:1.5%;
	}
}

.antenna_list .antenna img {	vertical-align:bottom;
								border:1px solid #ffffff;
								}

.antenna_list .antenna p.img {	display:table-cell;
								width:14%;
								}

@media only screen and (max-width: 767px){
	.antenna_list .antenna p.img {
		width:10%;
	}
}

.antenna_list .antenna p.txt {	display: table-cell;
									width:79%;
									padding:0 0 0 5%;
									line-height:18px;
									font-size:15px;
									font-size:1.5rem;
									vertical-align:middle;
									}

@media only screen and (max-width: 767px){
	.antenna_list .antenna p.txt {
		width:87%;
		padding:0 0 0 3%;
		line-height:18px;
		font-size:13px;
		font-size:1.3rem;
	}
}

.antenna_list .antenna p.txt a {	color:#ffffff;
									text-decoration:underline;
									}
.antenna_list .antenna p.txt a:hover {	color:#ff0000;
											text-decoration:underline;
											}

/*---------------------------------------------------------
ZM
topページのzmシリーズ
---------------------------------------------------------*/

.zm {
	margin:2% 0.5%;
	max-width:1500px;
	text-align:left;
	border: 2px solid #3c3cb9;
	box-sizing: border-box;
}

.zm .top_outline {	
	width:100%;
	display:table;
}

.zm .left {
	display:table-cell;
	width:55%;
	vertical-align:middle;
}

.zm h3 {
	padding:2% 0 0.5% 3%;
	line-height:30px;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	color:#3c3cb9;
}

.zm .left span {
	display:block;
	margin:0 0 0 3%;
	line-height:18px;
	font-size:15px;
	font-size:1.5rem;
	color:#3c3cb9;
}

.zm .left p {
	margin:1% 0 1% 3%;
	line-height:20px;
	font-size:13px;
	font-size:1.3rem;
	color:#3c3cb9;
}

.zm a {	
	text-decoration:underline;
	color:#3c3cb9;
	font-weight:bold;
}

.zm a:hover {
	color:#ff0000;
}

.zm .right{	
	width:45%;
	display:table-cell;
	vertical-align:middle;
}

@media only screen and (max-width: 767px){
	.zm {
		margin:3% 0.5% 0 0.5%;
	}
	.zm .top_outline {	
		display:block;
	}
	.zm .left {
		width:100%;
		text-align:center;
		display:block;
	}
	.zm h3 {
		line-height:28px;
		font-size:20px;
		font-size:2.0rem;
		padding:2% 0 1% 0;
	}
	.zm .left p {
		margin:1.5% 0;
		line-height:20px;
	}
	.zm .left span {
		margin:0;
		line-height:20px;
		font-size:13px;
		font-size:1.3rem;
	}
	.zm .left a {
		line-height:20px;
		font-size:13px;
		font-size:1.3rem;
	}
	.zm .right {
		width:100%;
		display:block;
	}
	.zm .right img {
		width:85%;
		margin:0 7.5%;
	}
}


/*---------------------------------------------------------
third
3段目
---------------------------------------------------------*/

.third {	margin:2% 0.5%;
			max-width:1500px;
			}

.third h4 {	margin:2% 1% 1% 1%;
			line-height:30px;
			font-size:24px;
			font-size:2.4rem;
			font-weight:bold;
			text-align:left;
			}
@media only screen and (max-width: 767px){
	.third h4 {
		line-height:28px;
		font-size:20px;
		font-size:2.0rem;
		text-align:center;
	}
}

.third .outline {	
					}

.third .outline div {	float:left;
						width:23%;
						margin:0 1%;
						text-align:left;
						display:table;
						}

@media only screen and (max-width: 767px){
	.third .outline div {
		width:48%;
	}
}

.third .outline div p {	display:table-cell;
						}

.third .outline div p.img {	width:40%;
							vertical-align:middle;
							}

.third .outline div p img {	vertical-align:bottom;
							}

.third .outline div p.txt {	width:55%;
							padding:0 0 0 5%;
							vertical-align:middle;
							line-height:20px;
							font-size:13px;
							font-size:1.3rem;
							word-break: break-all;
							}

.third .outline div p.txt span {	display:block;
									line-height:25px;
									font-size:15px;
									font-size:1.5rem;
									margin:0 0 3% 0;
									}

.third .outline div p.txt span a {	text-decoration:underline;
									}

@media only screen and (max-width: 767px){
	.third .outline div p.txt span {
		font-size:13px;
		font-size:1.3rem;
		line-height:20px;
	}
}

/*---------------------------------------------------------
fourth
4段目
---------------------------------------------------------*/

.fourth {	margin:2% 0.5%;
			max-width:1500px;
			}

.fourth h4 {	margin:2% 1% 1% 1%;
				line-height:30px;
				font-size:24px;
				font-size:2.4rem;
				font-weight:bold;
				text-align:left;
				}
@media only screen and (max-width: 767px){
	.fourth h4 {
		line-height:28px;
		font-size:20px;
		font-size:2.0rem;
		text-align:center;
	}
}

.fourth div.outline {	width:100%;
						text-align:left;
						margin:1%;
						}

.fourth .outline div {	float:left;
						width:15%;
						margin:0 0.8%;
						text-align:center;
						}
@media only screen and (max-width: 767px){
	.fourth .outline div {
		width:30%;
		margin:1.5% 1.5% 0 1.5%;
	}
}

.fourth .outline div p {	line-height:20px;
							font-size:15px;
							font-size:1.5rem;
							min-height:60px;
							}

.fourth a {	text-decoration:underline;
			}

/*---------------------------------------------------------
animate_modify
animate変更
---------------------------------------------------------*/
@keyframes fadeInUp {
  0% {
    opacity: 0.8;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -70%, 0);
    transform: translate3d(0, -70%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
    visibility: visible
}

/*---------------------------------------------------------
move
.js 文字制御
---------------------------------------------------------*/

.move1 {	animation-duration:1.5s;
			visibility: hidden;
			}

.move2 {	animation-duration:1.5s;
			visibility: hidden;
			}

.move3 {	animation-duration:1.5s;
			visibility: hidden;
			}

.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
    visibility: visible
}