﻿@charset "UTF-8";

/* タッチクルーザーEX 自動スクロールの操作方法 */
.container .autoScroll {
}

.container .autoScroll .ttl{
	font-size:1em ;
	font-weight:500;
	margin:1.5em 0 0.5em;
}
.container .autoScroll .hwt {
	
	display:table;
	border-collapse:separate;
	border-spacing:20px 0;
	margin:0 -20px;	
}
.container .autoScroll .hwt li{
	display:table-cell;
	border:1px solid #666;
	vertical-align:middle;
	padding:5px 10px;	
	position:relative;
	font-size:15px ;
}
.container .autoScroll .hwt li:before {
    content: url(../images/icon_next.png);
	position:absolute;
	top:30px;
	left:-15px;
}
.container .autoScroll .hwt li:first-child:before{
	content:none;}

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

@media screen and (max-width: 640px) {
	.container .autoScroll .ttl{
		font-size:12px;
		font-weight:400;
	}
	.container .autoScroll .hwt {
		display:block;
		margin:0;
	}
	.container .autoScroll .hwt li{
		display:block;
		width:auto;
		font-size:11px ;
		margin:0 10px 15px 10px;
		padding:10px 10px;
	}
	.container .autoScroll .hwt li img {
		margin:0;
	}
	.container .autoScroll .hwt li br{
		display:none;
	}
	.container .autoScroll .hwt li:before {
		top:-16px;
		left:50%;
		transform: rotate(90deg);
	}
	

}

/* PASSNOW　H4 */
.container .passnow h4 { 
	font-size: 1.4rem;
	margin-top:1.5em;
	margin-bottom:0.5em;
	text-align:left;
}
@media screen and (max-width: 640px) {
	.container .passnow h4 { 
		font-size: 1rem;
		margin-right:auto;
		margin-left:auto;
	}
	.container .passnow .parallel img {
        margin: 0 auto;
    }
	}

