@charset "utf-8";

.mainNav nav{max-width:1280px; min-width:940px; margin:0 auto;}
.mainNav .menu{width:50%; float:left; position:relative;}
.mainNav .menu img{display:block; width:100%; height:auto;}
.mainNav .menu a{display:block; width:100%; height:100%; position:relative; text-decoration:none; color:#fff;}
.mainNav .menu a div{background:rgba(0,0,0,.4); width:100%; height:120px; position:absolute; left:0; top:50%; margin-top:-60px; color:#fff; text-align:center; padding-top:20px;} 
.mainNav h1{display:none;}
.mainNav h2{font-size:30px; margin-bottom:5px;}
.mainNav p{font-size:18px;}

section {}
section.regular a.info{ display: block; padding: 10px; border: solid 5px #ccc; color: #000; text-decoration: none; margin-bottom: 70px;}
section.regular a.info:hover{ border: solid 5px #aaa; text-decoration: underline}
section.regular a.aqli{ display: block; padding:20px; background: #fcfcfc; border: double 3px #ccc; color: #000; text-decoration: none}
section.regular a.aqli:hover{ display: block; padding: 20px; background: #eee; border: double 3px #666;  color: #000; text-decoration: underline}
section header{text-align:center; padding:40px 0;}
section header h1{font-size:40px; margin-bottom:20px;}
section header p{font-size:18px;}
section.pickup nav,
section.brands nav,
section.company nav{width:100%; max-width:1280px; min-width:940px; margin:0 auto; overflow:hidden; clear:both;}
section.pickup nav:after,
section.brands nav:after,
section.company nav:after{content:''; display:block; clear:both;}
.pickupSlide a,
section.brands nav a{display:block; text-decoration:none;border-right: solid 2px #fff;}
.pickupSlide figcaption,
section.brands figcaption{text-align:center; padding:10px;}
section.brands figcaption h2{color:#c22; font-size:18px; margin:0 0 10px;}
.pickupSlide .slick-arrow{width:60px; height:60px; margin-top:-30px; border:none; text-indent:-9999px; background:url(/common/img/slideArrows.png) no-repeat; position:absolute; top:calc(50% - 60px); margin:0; padding:0; display:block; z-index:1000;}
.pickupSlide .slick-arrow.slick-prev{background-position:0 0; left:15px;}
.pickupSlide .slick-arrow.slick-next{background-position:0 -60px; right:15px;}
section.brands nav figure,
section.company nav li{width:33.3333333%; float:left; list-style:none;}

section.company nav ul{margin:0;}
section.company nav li a{display:block; position:relative; color:#fff; text-decoration:none;border-right: solid 2px #fff;}
section.company nav li img{width:100%; height:auto;}
section.company nav li p{text-align:center; position:absolute; left:0; top:50%; height:50px; font-size:24px; margin-top:-30px; width:100%; height:60px; line-height:60px; background:rgba(0,0,0,.4);}
section.company .linkList{max-width: 1280px;min-width: 940px;margin: 20px auto 0 auto;}
section.company .linkList li{ margin-left: auto}

.highlight{ padding: 0}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/*-.bgWave{padding-bottom:200px; background:url(/common/img/line.png) repeat-x; background-position:0 bottom; -webkit-animation: bgloop 30s linear infinite; animation: bgloop 30s linear infinite;}-*/
@keyframes wave1 {
0% {background-position: 0px 20px;}
100% {background-position: 1080px 20px;}
}
@-webkit-keyframes wave1 {
0% {background-position: 0px 20px;}
100% {background-position: 1080px 20px;}
}
.bgWave{ position: relative;padding-bottom:200px;}
.bgWave:before{
	content:"";
	background-image: url(/img/back_wave02.png);
	background-repeat: repeat-x;
	background-position: center 20px;
	height: 162px;
	width: 100%;
	position: absolute;
	z-index: 0;
	left: 0px;
	bottom: 0px !important;
	animation-name: wave2;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: wave2;
	-webkit-animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

.bgWave:after{
	content:"";
	background-image: url(/img/back_wave01.png);
	background-repeat: repeat-x;
	background-position: center 20px;
	height: 162px;
	width: 100%;
	position: absolute;
	z-index: 0;
	left: 0px;
	bottom: 0px !important;
	animation-name: wave1;
	animation-duration: 10s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: wave1;
	-webkit-animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}


@-webkit-keyframes bgloop{ from {background-position:0 bottom;} to {background-position:-196px bottom;}}
@keyframes bgloop{ from {background-position:0 bottom;} to {background-position:-1969px bottom;}}/*-1260*/

@media screen and (max-width:767px){
.bgWave{-webkit-animation: bgloop 65s linear infinite; animation: bgloop 65s linear infinite;}
.mainNav nav{min-width:0; width:100%;}
.mainNav .menu a div{height:80%; margin-top:0; padding:5% 5px; top:10%;} 
.mainNav h2{font-size:18px; margin-bottom:10px;}
.mainNav p{font-size:12px;}
section header{padding:30px 15px 0;}
section header h1{font-size:20px; margin-bottom:10px;}
section header p{font-size:12px;}
section.pickup nav,
section.brands nav,
section.company nav{width:100%; max-width:none; min-width:0;}

.pickupSlide .slick-arrow{width:30px; height:30px; margin-top:-15px; background-size:90px auto; top:calc(50% - 35px);}
.pickupSlide .slick-arrow.slick-prev{background-position:0 0; left:10px;}
.pickupSlide .slick-arrow.slick-next{background-position:0 -30px; right:10px;}
.pickupSlide figure{margin-bottom:0;}
.pickupSlide figcaption{padding-bottom:0;}

section.brands nav{margin-bottom:15px;}
section.brands nav figure{clear:both; width:100%; float:none; margin-bottom:0; border-bottom: solid 1px #fff;}
section.brands nav figure:nth-child(odd){background:#f5f6f7;}
section.brands nav figure:after{content:''; display:block; clear:both;}
section.brands nav figure img{float:left; width:50%; display:block; margin:0;}
section.brands nav figure figcaption{float:right; width:50%; text-align:left;}
section.brands nav figure figcaption h2{font-size:16px; margin-bottom:5px;}
section.brands nav figure figcaption p{font-size:12px; line-height:1.4; margin-bottom:0;}
section.brands nav figure figcaption p br{display:none;}
section.brands nav+p{margin:0 15px;}
section.company nav li p{left:0; top:50%; height:24px; font-size:12px; margin-top:-12px; line-height:24px;}
section.company nav li:first-child p{ line-height: 20px; height: 40px;margin-top:-20px}
	
.mainNav,
section.pickup,
section.brands,
section.company{padding-bottom:60px; background:url(/common/img/pulse-wave-sp.svg) norepeat center bottom; background-size:100% auto;}

section.regular a.info{ margin-bottom: 40px;}
	
.bgWave:before{bottom: -100px !important;}
.bgWave:after{bottom: -100px !important;}
	
section.company .linkList{max-width: 100%;min-width: 100%; padding: 0 10px;}
	
}