


/* 対応検索
-----------------------------------*/
#taiou_search {
	background:#000 url("/contents/category/tv_displaystand/img/taiou_maker_bg_sp.jpg") ;
	background-repeat:	no-repeat;
	background-size: cover;
	height:410px;
	width:98%;
	overflow:hidden;
	border-radius:10px;
	margin:0 auto;
}

#taiou_search ul {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

#taiou_search ul li {
	width:100%;
	margin:0;
	padding:0;
	float:left;
}

#taiou_search .inner {
	display:block;
	width:250px;
	margin:0 auto;
	text-align:center;
	margin-top:5px;
}

#taiou_search .title {
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	margin-top:20px;
	color:#fff;
	text-align:left;
}

#taiou_search .title span {
	color:#DF0101;
	display:inline;
}

#taiou_search select {
	display:block;
	background:#fff;
	padding:8px 10px;
	border:none;
	border-radius:5px;
	width:250px;
	font-size:1em;
}

#taiou_search span {
	display:block;
	color:#fff;
}

#taiou_search .err_baloon {
	position:absolute;
	margin-left:-150px;
	margin-top:20px;
	z-index:1;
}
#taiou_search .hide {
	display: none;
}

#contentSearchTvStandBtn {
	border:none;
	border-radius:3px;
	color:#fff;
	padding:10px 20px;
	cursor:pointer;
	font-size:1.1em;
	background: rgb(105,232,76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(105,232,76,1) 0%, rgba(0,165,49,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(105,232,76,1) 0%,rgba(0,165,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(105,232,76,1) 0%,rgba(0,165,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69e84c', endColorstr='#00a531',GradientType=0 ); /* IE6-9 */
}

#contentSearchTvStandBtn:hover {
background: rgb(103,229,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(103,229,0,1) 0%, rgba(0,150,27,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(103,229,0,1) 0%,rgba(0,150,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(103,229,0,1) 0%,rgba(0,150,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67e500', endColorstr='#00961b',GradientType=0 ); /* IE6-9 */
}






.slider-box p, .slider-box div, .loop-box ul, .loop-box li {
	box-sizing: border-box; margin: 0 auto !important; padding: 0 !important;
}

.slider-box {
	overflow: hidden;
	width: 100%;
}

.loop-box{
	position: relative;
	width: 98%;
	overflow: hidden; 
}
.loop-box, .loop-box ul {
	height: 50px;
}
.loop-box ul {
	position: absolute; left: 0; top: 0;
	display: flex; 
	justify-content: space-between;
	list-style: none;
	max-width: 10000%; 
	min-width: 100%;
	width: calc(300px * 1.4 * 4);
	animation: 15s linear infinite;
}
.loop-box li {
	display: flex;
	align-items: center; 
	justify-content: center;
	color: #fff;
	text-align:center;
	width:100px;
}
.loop-box img {
	height: 30px;
text-align:center;
}

.loop-box ul.loop1 {
	animation-name: loop1;
}
.loop-box ul.loop2 {
	animation-name: loop2;
}
@keyframes loop1 {
	0% {transform: translateX(0); }
	49.99999% {transform: translateX(-100%); }
	50% {transform: translateX(100%); }
}
@keyframes loop2 {
	0% {transform: translateX(100%); }
	100%{transform: translateX(-100%); }
}

.taiou_btn02 {
	width: 100%;
	margin: 10px auto;
	text-align: center;
}

.taiou_btn02 a {
	display: inline-block;
	background: #0066cc;
	color: #fff;
	padding: 15px 24px;
	border-radius: 3px;	
}







