/** -------------------------------
 * image
 */
 
#autech_image.imageWrap {
	padding-top: calc(480/1170 * 100%);
}

#autech_image .image { background-image: url(../IMAGES/PC/autech_img_01.jpg); }
#autech_image .image_nim {
	background-image: url(../IMAGES/PC/autech_img_01_02.jpg);
	animation: autech 12s infinite alternate;
}

#e-power_autech_image.imageWrap {
	padding-top: calc(480/1170 * 100%);
}

#e-power_autech_image .image { background-image: url(../IMAGES/PC/e-power_autech_img_01.jpg); }
#e-power_autech_image .image_nim {
	background-image: url(../IMAGES/PC/e-power_autech_img_01_02.jpg);
	animation: e-power_autech 12s infinite alternate;
}

#autech_seat_pattern .image .img2 {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	animation: autech-LED 6s infinite alternate;
}


/** -------------------------------
 * Animation Keyframes
 */


@keyframes autech {
  0% {opacity: 0;}
  35% {opacity: 1;}
  65% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes e-power_autech {
  0% {opacity: 0;}
  35% {opacity: 1;}
  65% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes autech-LED {
  0% {opacity: 0;}
  35% {opacity: 1;}
  65% {opacity: 1;}
  100% {opacity: 0;}
}






#autech_bodycolor.section.articleBlockModule .swiper-slide  {
	width: 23%;
	margin-left: 2.564%;
}

#autech_bodycolor.section.articleBlockModule .swiper-slide:nth-of-type(4n + 1) {
	margin-left: 0;
}

#autech_bodycolor.section.articleBlockModule .swiper-slide:nth-of-type(4) {
	margin-top: 0;
}

#autech_bodycolor.section.articleBlockModule .swiper-slide:nth-of-type(n + 5) {
	margin-top: 2%;
}


#autech .content + .content {
	margin-top: calc(40/1170 * 100%);
}

#bodyColor_1 {
	margin-top: 0 !important;
}


.option-list {
	display: flex;
	margin-top: calc(15/1170 * 100%);
	margin-bottom: calc(50/1170 * 100%);
}

.option-list .options {
	width: 50%;
	font-size: 1.6rem;
	box-sizing: border-box;
	padding-right: 4em;
}

.option-list .options ul {
	margin-top: 0.5em;
}

.option-list .options li {
	padding-left: 1.1em;
	display: block;
}

.option-list .options li + li {
	margin-top: 0.35em;
}

.option-list .options li + li.t2 {
	margin-top: 0.1em;
}

.option-list .options li::before {
	content: '●';
	display: inline-block;
	width: 1.1em;
	margin-left: -1.1em;
}

.option-list .options li.t2::before {
	content: '・';
	display: inline-block;
	width: 1.35em;
	margin-left: -1.35em;
}


/** -------------------------------
 * bodyColor
 */

#autech_360 {
	
}

#autech_360 .content {
	position: relative;
}
    /* overview */

#autech_360 .overview {
	margin-top: 1.2%;
	font-size: 1.6em;
	line-height: 1.75;
}
    /* main */

#autech_360 .main {
	position: relative;
	width: 76.923%;
	margin-top: 0;
}

#autech_360 .main > .wrap {
	position: relative;
	padding-top: 56.25%;
}

#autech_360 .main .item {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
        /* visible */

#autech_360 .main.image001 .item01 { display: block; }
#autech_360 .main.image002 .item02 { display: block; }
#autech_360 .main.image003 .item03 { display: block; }
#autech_360 .main.image004 .item04 { display: block; }
#autech_360 .main.image005 .item05 { display: block; }
#autech_360 .main.image006 .item06 { display: block; }
#autech_360 .main.image007 .item07 { display: block; }
#autech_360 .main.image008 .item08 { display: block; }
#autech_360 .main.image009 .item09 { display: block; }
#autech_360 .main.image010 .item10 { display: block; }
#autech_360 .main.image011 .item11 { display: block; }
#autech_360 .main.image012 .item12 { display: block; }
#autech_360 .main.image013 .item13 { display: block; }
#autech_360 .main.image014 .item14 { display: block; }
#autech_360 .main.image015 .item15 { display: block; }
#autech_360 .main.image016 .item16 { display: block; }
#autech_360 .main.image017 .item17 { display: block; }
#autech_360 .main.image018 .item18 { display: block; }
#autech_360 .main.image019 .item19 { display: block; }
#autech_360 .main.image020 .item20 { display: block; }
#autech_360 .main.image021 .item21 { display: block; }
#autech_360 .main.image022 .item22 { display: block; }
#autech_360 .main.image023 .item23 { display: block; }
#autech_360 .main.image024 .item24 { display: block; }
#autech_360 .main.image025 .item25 { display: block; }
#autech_360 .main.image026 .item26 { display: block; }
#autech_360 .main.image027 .item27 { display: block; }
#autech_360 .main.image028 .item28 { display: block; }
#autech_360 .main.image029 .item29 { display: block; }
#autech_360 .main.image030 .item30 { display: block; }
#autech_360 .main.image031 .item31 { display: block; }
#autech_360 .main.image032 .item32 { display: block; }
#autech_360 .main.image033 .item33 { display: block; }
#autech_360 .main.image034 .item34 { display: block; }
#autech_360 .main.image035 .item35 { display: block; }
#autech_360 .main.image036 .item36 { display: block; }

#autech_360 .main .swipeIcon {
	position: absolute;
	left: 2%;
	top: 10%;
	display: none;
	width: 64px;
	height: 64px;
	background-color: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#autech_360 .main .swipeIcon.show {
	display: table;
}

#autech_360 .main .swipeIcon span {
	display: table-cell;
	background-image: url(../../../IMAGES/icon_360.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#autech_360 .main .loader {
	position: absolute;
	left: 0;
	top: 0;
}

/* sub */
#autech_360 .sub {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 10%;
}

#autech_360 .sub > .wrap {
	
}

#autech_360 .sub .label {
	width: 244px;
	margin-left: 12px;
	margin-top: 8%;
	padding-top: 8%;
	border-top: 1px solid #ccc;
}

#autech_360 .sub .label.sp {
	display: none;
}

#autech_360 .sub .label dt {
	font-size: 1.6em;
}

#autech_360 .sub .label dd {
	font-size: 1.2em;
}

#autech_360 .sub .navi {
	width: 256px;
}

#autech_360 .sub .navi .item {
	width: 52px;
	height: 52px;
	margin-left: 12px;
	margin-top: 12px;
	float: left;
}

#autech_360 .sub .navi .item > .wrap {
	
}

#autech_360 .sub .navi .item span {
	position: relative;
	display: block;
	padding-top: 100%;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#autech_360 .sub .navi .item span.half {
	overflow: hidden;
}

#autech_360 .sub .navi .item span.half:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 50%;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 50%;
}

#autech_360 .sub .navi .item.focus {
	padding: 4px;
	border: 2px solid #000;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
    /* caption */

#autech_360 .caption {
	margin-top: 1.2%;
	font-size: 1.2em;
}
/* tablet */

@media screen and (min-width: 581px) and (max-width: 1279px) {
	#autech_360 .main .swipeIcon {
		width: 4.6875vw;
		height: 4.6875vw;
	}
	
	#autech_360 .sub .label {
		width: 19.0625vw;
		margin-left: 0.9375vw;
	}
	
	#autech_360 .sub .navi {
		width: 20vw;
	}
	
	#autech_360 .sub .navi .item {
		width: 4.0625vw;
		height: 4.0625vw;
		margin-left: 0.9375vw;
		margin-top: 0.9375vw;
	}
	
	#autech_360 .sub .navi .item.focus {
		padding: 0.3125vw;
	}
}