@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box;}
* > *:last-child{margin-bottom:0;}

@media(min-width:1000px){.only-sp{display:none !important;}}
@media(max-width: 999px){.only-pc{display:none !important;}}

html,
body{font-family:"微软雅黑","Microsoft YaHei",'HiraginoSansGB-W3','Helvetica Neue','San Francisco','PingFang SC';color:#333 !important;}
#kms-article{margin: 0 auto;width: 100%;font-weight: normal;overflow: visible;}

.img-responsive {
	display: block;
	max-width:100%;
	height:auto;
}
.center-block{display:block;margin-left:auto;margin-right:auto}

#kms-main{width: 100%;max-width:1600px;margin: 0 auto;}

.tit0,.tit1,.tit2,.tit3{font-weight: normal;padding: 0;}
.tit0,.tit1,.tit2{text-align: center;}

.tit0{font-size: 48px;line-height: 48px;width: 100%;max-width:1200px;margin: 50px auto 50px;}

.tit1{font-size: 48px;line-height: 48px;width: 100%;max-width:1200px;margin: 0 auto 50px;}
.tit0 small,.tit1 small{font-size: 24px;line-height: 24px;margin-top: 2rem;padding-top: 10px;font-family: "微软雅黑","Microsoft YaHei",'HiraginoSansGB-W3','Helvetica Neue','San Francisco','PingFang SC';display: block;border-top: 1px solid #ccc;}


.tit2{font-size: 30px;line-height: 30px;margin-bottom: 40px;}

.tit1 + .tit2{margin-top: 100px;}

.blank{background-image: url(/assets/img/media/exhibition/2017/target-blank.png);background-position: right top;background-repeat: no-repeat;}

.kms-eyesight{background:url(/assets/img/media/exhibition/2017/kms-eyesight-textarea.jpg) center top /100% no-repeat #b4c9d7;margin-bottom: 0px;}
.kms-eyesight p{padding: 33px 50px;font-size: 18px;line-height: 31px;}

.kms-es-imgs{display: table;width: 100%;table-layout: fixed;}
.kms-es-simg{display: table-cell;vertical-align: middle;width: 25%;}
.kms-es-simg p{text-align: center;font-size: 14px;line-height: 30px;padding: 0;}

.btn-kms{background-color: #666;border:3px solid #666;color:#fff;font-size: 18px;display: block;text-align: center;line-height: 60px;}

.btn-small{width: 100%;max-width: 400px;margin: 0 auto;}
.btn-medium{width: 100%;max-width: 800px;margin: 0 auto;}
.btn-modal{width: 100%;max-width: 550px;margin: 30px auto 0;line-height: 50px;}

a[class*="btn-"]:hover{
	opacity:.8;
	transition: opacity .5s ease-out;
}

.btn-kms .fa-angle-right{margin-left: 0.5em;}
.kms-eyesight-txt{text-align: center;margin: 30px 0;font-size: 24px;line-height: 41px;}

.column-row{margin:-8px -4px 0;}
.column-row:after{content:"";display: table;clear: both;}
div[class*="col-"]{padding:0 4px;float: left;margin-top: 8px;}



.kms-concept-txt{padding: 25px;font-size: 18px;line-height: 31px;background: #92c5df;}

.kms-activities{background: #1b3d8c;padding:20px 15px;color:#fff;}

.tit3{margin-top: 15px;margin-bottom: 10px;font-size: 18px;line-height: 18px;}
.kms-activities p{font-size: 14px;line-height: 24px;}
.wset1200under{max-width: 1200px;width: 100%;margin: 0 auto;}
.wset1200under img{max-width:1200px;width: 100%;height: auto;}


/* PC map */
	.section_map {
		max-width: 1200px;
		margin: 0 auto;
	}
	.car_map {
		position: relative;
		width: 100%;
	}
	.car_map .bgimage{
		width:100%;
	}
	.car_map .btn_car {
		position: absolute;
		max-width:100%;
		line-height: 1.0;
		box-sizing: border-box;
		border: 1px solid #fff;
	}

	.car_map .btn_car img {
		position: absolute;
		max-width:100% !important;
		width:auto !important;
		height:auto !important;
	}

	/*  ボタンサイズ、座標  */
	#btn1{
		width:23.6%;
		height:auto;
		top: 20%;
		left: 7%;
	}
	#btn2{
		width:16%;
		height:auto;
		top: 11%;
		left: 40%;
	}
	#btn3{
		width:16%;
		height:auto;
		top: 42%;
		left: 9%;
	}
	#btn4{
		width:17%;
		height:auto;
		top: 27%;
		left: 34%;
	}
	#btn5{
		width:16%;
		height:auto;
		top: 20%;
		left: 55%;
	}
	#btn6{
		width:16%;
		height:auto;
		top: 46%;
		left: 44%;
	}
	#btn7{
		width:16%;
		height:auto;
		top: 68%;
		left: 67%;
	}
	#btn8{
		width:16%;
		height:auto;
		top: 42%;
		left: 68%;
	}
	#btn9{
		width:16%;
		height:auto;
		top: 26%;
		left: 76%;
	}

	.glow {
		transition-duration: 0.3s;
		transition-property: box-shadow;
		-webkit-tap-highlight-color: transparent;
		transform: translateZ(0);
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
	}
	.glow:hover {
  		box-shadow: 0 0 12px rgba(255, 0, 0, 1.0);
	}

	figure {
		width:100%;
		height:54px;
		margin: 0;
		padding: 0;
		background: #000;
		overflow: hidden;
	}
@media(max-width: 1400px) {
	figure {
		height:46px;
	}
}
@media(max-width: 1300px) {
	figure {
		height:44px;
	}
}
@media(max-width: 1200px) {
	figure {
		height:36px;
	}
}
@media(max-width: 1100px) {
	figure {
		height:32px;
	}
}
/* PC map end */

.mfp-figure figure{
	width:100%;
	height:100%;
	background: transparent;
}


.accessmap{background: #f7f7f7;}
.accessmap .tit2{font-size: 24px;height: 24px;}

.graybox{padding: 8px;background: #f7f7f7;margin:0 0 30px;}

a.bg-cover{background-size: cover;background-repeat: no-repeat;padding-bottom: 100%;display: block;}

/* modal */
.white-popup-block {
    background: #FFF;
    padding: 20px;
    max-width: 800px;
    margin: 40px auto;
    position: relative;
    font-weight: normal;
}
.white-popup-block p{font-size: 24px;line-height: 1.8em;text-align: center;}
.white-popup-block p.modal_caption{
	font-size: 20px;
	margin-top:20px;
	padding:0 60px;
	text-align:left;
}

.tit-popup{position: absolute;top: 20px;left: 20px;background: #333;font-size: 48px;line-height: 34px;color:#fff;width: 100px;font-weight: normal;padding:12px 8px 4px 8px;}
.tit-popup small{font-size: 16px;line-height: 16px;margin-right: 0.5em;}
.modal-img{width:100%;max-width: 480px;margin: 0 auto 30px;}

div[id*="kms-modal"] button.mfp-close,
div[id*="kms-modal"] button.mfp-arrow {
  background-color: transparent;
}

div[id*="kms-modal"] .mfp-close {
  width: 100%;
  max-width: 38px;
  height: 100%;
  max-height: 37px;
  line-height: 37px;
  right: 20px;
  top: 20px;
  opacity: 0.5;
  color: transparent;
  background:url(/assets/img/media/exhibition/2017/modal-close.png) center center /100% no-repeat;
  }

div[id*="kms-modal"] .mfp-close:active {top: 19px; }


/* margin */
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}

.mb1{margin-bottom: 1px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb150{margin-bottom: 150px;}

.nav-top{width: 160px;float: right;}

#kms-nav{font-weight: bold;padding-top: 61px;}
#kms-nav ul{list-style: none;text-align: center;}
#kms-nav li + li{margin-top: 2px;}
#kms-nav li a{background: #333b9f;color:#fff;display: block;font-size: 16px;line-height: 19px;padding: 10px;}

#kms-nav li a:hover,
#kms-nav li a:active,
#kms-nav li.active a{background: #6db9eb;color:#fff;}


#kms01{padding-top: 90px;}
#kms01b{padding-top: 90px;margin-top: 60px;}
#kms02{padding-top: 90px;margin-top: 60px;}
#kms03{padding-top: 90px;margin-top: 60px;}
#kms04{padding-top: 90px;margin-top: 60px;}
#kms05{padding-top: 90px;margin-top: 60px;}
#kms06{padding-top: 90px;margin-top: 60px;}


.kms-container,.kms-container-fluid{}

.area-section{}


/*  **************************************** */
/* April 2017 上海AUTO SHOW 追記 */

.row {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	clear: both;
}
.col50 {
	width: 50%;
	float: left;
}
.col49_r {
	width: 49.5%;
	float: right;
}
.col49_l {
	width: 49.5%;
	float: left;
}
.al_left {
	text-align: left;
}


/* mainVisual */
.mainVisual {
	position: relative;
	text-align: center;
	font-family: "微软雅黑","avenir","yahei" !important;
	margin: 0 auto;
	max-width: 1600px;
}
.mainVisual h1 {
	position: absolute;
	display: block;
	top: 10%;
	left: 0;
	right: 0;
	line-height: 1.0;
	color: #fff;
	font-size: 36px;
	text-shadow: 0px 1px 2px #000;
	letter-spacing: 0.05em;
}
.mainVisual h1 small {
	font-size: 50%;
	display: block;
	padding-top: 15px;
	letter-spacing:0.008em;
}
.mainVisual h2 {
	position: absolute;
	display: block;
	top: 40%;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 64px;
	text-shadow: 0px 1px 2px #000;
}
.mainVisual h3 {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	line-height: 1.6;
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: rgba(255,255,255,0.70);
	text-shadow: 0px 1px 2px #fff;
	font-size: 30px;
}
.mainVisual h3 .date {
	font-size: 18px;
	display: block;
}

/* section1 */
.section1 .sgp_concept {
	background-image: url(/assets/img/media/exhibition/2017/img_sec1.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: center;
	min-height: 900px;
	margin-bottom: 100px;
	position: relative;
}
.section1 .sgp_concept .tit2 {
	line-height: 1.4;
}
.section1 .sgp_concept p {
	font-size: 20px;
	text-shadow: 0px 1px 2px #fff;
}
.section1 .sgp_concept .incaption {
	font-size: 12px;
	font-weight: 300;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 10px;
	background: rgba(255,255,255,0.70);
}


/* section2 */
.section3 .subaru_thech1 {
	background-image: url(/assets/img/media/exhibition/2017/bg_sgp.jpg);
	background-repeat: repeat;
	background-position: top center;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	padding: 80px 120px 35px 120px;
	margin: 0 auto 40px;
}
.section3 .subaru_thech1 h2 {
	margin-bottom: 30px;
}
.section3 .subaru_thech1 img.img_sgp_car {
	margin: 0 auto 40px;
}
.section3 .subaru_thech1 p.read {
	max-width: 800px;
	text-align: left;
	margin: 0 auto 40px;
}
.section3 .subaru_thech1 img.title_sgp {
	max-width: 622px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.section3 .subaru_thech1 img.img_platform {
	max-width: 500px;
	height: auto;
	margin: 0 auto 10px;
	text-align: center;
}
.section3 .row {
	margin-bottom: 50px;
}
.section3 .col50 img , .section3 .col49_r img , .section3 .col49_l img {
	padding-bottom: 10px;
}
.section3 .textContent {
	padding: 0 20px;
}
.section3 .col50 h4 , .section3 .col49_r h4 , .section3 .col49_l h4 {
	padding-left: 0 !important;
	margin-bottom: 12px;
}
.section3 .box_eyesight {
	margin-top: 80px;
	margin-bottom: 10px;
}
.section3 .box_pre {
	position: relative;
	margin-top: 80px;
	margin-bottom: 10px;
}
.section3 .title_up {
	position: absolute;
	left: 3%;
	top: 5%;
	background-color: rgba(255,255,255,0.70);
	padding: 20px;
	width: 20em;
}
.section3 .title_up h3 {
	padding-left: 0;
}
.section3 .caption {
	font-size: 12px;
	display: block;
	padding-top: 40px;
	font-weight: normal;
	text-align: right;
	width: 100%;
	clear: both;
	box-sizing: border-box;
}
.section3 .caption2 {
	font-size: 12px;
	display: block;
	padding-top: 0px;
	padding-bottom: 40px;
	font-weight: normal;
	text-align: right;
	width: 100%;
	clear: both;
	box-sizing: border-box;
}


.section4 p {
	margin-bottom: 30px;
}
.section4 p a:hover img {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
.section4 p a img {
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-ms-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}



@media(max-width: 999px) {
	.section3 .subaru_thech1 {
		padding: 60px 40px 35px 40px;
	}
	.section3 .subaru_thech1 h2 img {
		width: 100%;
		height: auto;
	}
	.section3 .title_up {
		position: relative;
		padding: 10px 0 0;
		margin-left: 0;
		width: auto;
		left: 0;
	}
	.section3 .title_up h3 ,
	.section3 .title_up p {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
}


@media(max-width:1240px){
	.kms-es-simg p {
		line-height: 1.2;
		min-height: 3.2em;
		font-size: 12px;
		padding-top: 7px;
		padding-bottom: 5px;
	}
}
/*  **************************************** */


@media(min-width:1000px){
	#kms-article{max-width: 1600px;}
	.kms-container{margin:0 200px;}
	.kms-container-fluid{width: 100%;}
	.kms-es-simg{width: 25%;}
	.accessmap{padding:50px 20px;}
	.accessmap img{max-width:800px;height: auto;}

	.col-l6{width: 50%;}
	.col-l4{width: 33.3333%;}
	.col-l3{width: 25%;}
	.col-l2{width: 25%;}

}
@media(max-width: 999px){
	#kms-article{max-width:999px;}
	.kms-container{width: 100%;padding:0 20px;}
	/*.width-fluid{margin: 0 -20px;}*/
	.kms-eyesight p {padding: 20px;}
	.kem-es-imgs{padding:0 20px;}
	.kms-es-simg{width: 50%;}
	#main br{display: inline;}
	.kms-concept-txt{padding: 20px;}
	.accessmap{padding:50px 10px;}

	.col-s12{width: 100%;}
	.col-s6{width: 50%;}
	.col-s4{width: 33.3333%;}
	.col-s3{width: 25%;}
	.col-s2{width: 16.6666%;}

	.col-s12 + .col-s12{margin-top: 10px;}
}

/* extension - nav */
@media screen and (max-width: 1240px) {
  .header .sec_nav .sec_nav_list ul li {
    width: 148px;
  /*  background: rgba(255, 255, 255, 0.8); */
  }
}

@media screen and (max-width: 1110px) {
  .header .sec_nav .sec_nav_list ul li {
    width: auto;
    padding: 0 10px;
  }
  .header .sec_nav .sec_nav_list {
    margin-right: 10px;
  }
}

@media screen and (max-width: 800px) {
  .header .sec_nav .sec_nav_list ul li {
    font-size: 12px;
  }
}

@media screen and (max-width: 640px) {
    h2 img, .map-wrap img {
    width: auto;
    max-width: 100%;
  }
}


@media screen and (max-width: 767px) {
	#kms01 {
    	padding-top: 20px;
	}
  #kms01b {
    	padding-top: 10px;
	}
	#kms02 {
    	padding-top: 20px;
      margin-top: 30px;
	}

	.kms-container {
		padding: 0 10px;
	}
	.mainVisual h1{
		font-size: 1.32rem;
		padding: 0 !important;
    text-shadow: #000 0px 0 1px;;
	}
  .mainVisual h1 small{
    font-size: 2.5vw;
    padding-top: 8px;
  }
	.mainVisual h3{
		font-size: 4vw;
		padding: 1rem 0;
	}
	.mainVisual h2 {
		font-size: 9vw;
    text-shadow: #000 0px 0px 1px;
	}
	.mainVisual h3 .date{
		font-size: 0.7rem;
	}
	.tit0 {
    font-size: 7.5vw;
    line-height: 1rem;
		margin: 40px auto 30px;
	}
	.tit1 {
    font-size: 7.5vw;
    line-height: 1rem;
		margin: 40px auto 20px;
	}
	.tit0 small, .tit1 small {
    font-size: 3.5vw;;
    line-height: 0.5rem;
	}
	.tit2 {
    font-size: 4.3vw;
		margin-bottom: 23px;
	}
	.section1 .sgp_concept p{
		font-size: 0.73rem;
	}
	.section1 .sgp_concept {
		min-height: 522px;
		background-size:auto 104%;
		margin-bottom: 0;
	}
	.section1 .sgp_concept .incaption{
		font-size: 0.5rem;
		padding: 5px;
	}
	.accessmap .tit2 {
    font-size: 3.5vw;;
    height: 1.5rem;
	}
	.accessmap {
    padding: 20px 5px 30px 5px;
	}
	.btn-kms{
		font-size: 2.5vw;
    line-height: 7vw;
	}
	.btn-small{
		width: 60vw;
	}
	#kms03 {
    padding-top: 30px;
    margin-top: 40px;
	}
	.subaru_thech1 h2{
		font-size: 1.2rem;
		padding: 0 !important;
	}
	.section3 .textContent {
    padding: 0 5px;
	}
	.section3 .subaru_thech1 p.read{
		font-size: 2vw;
	}
	.section3 .subaru_thech1 {
    padding: 38px 24px 18px 24px;
	}
	.section3 .col50 h4 , .section3 .col49_r h4 , .section3 .col49_l h4 {
	  padding: 0 15px 0 0 !important;
	  margin: 0 0 12px 0 !important;
	  font-size: 3vw;
	  letter-spacing: -0.05rem;
	}
	.section3 .col50 p , .section3 .col49_r p , .section3 .col49_l p {
	  font-size: 2vw;
	}
	.section3 .caption {
    font-size: 0.6rem;
    padding-top: 20px;
	}
	.kms-eyesight p {
    font-size: 2.9vw;
    line-height: 1.8;
	}
	.kms-eyesight p {
    padding: 10px;
	}
	.kem-es-imgs {
    padding: 0 12px;
	}
	.kms-es-simg p{
		font-size: 2vw !important;
	}
	.section3 .caption2 {
    font-size: 2vw;
    padding-bottom: 25px;
	}
	.title_up h3{
		font-size: 3.5vw;
	}
	.title_up p{
		font-size: 2.4vw;
	}
	.tit1 + .tit2 {
    margin-top: 55px;
	}
	.white-popup-block {
    background: #FFF;
    padding: 10px 20px !important;
    max-width: 767px;
    margin: 40px auto;
    position: relative;
    font-weight: normal;
	}
	.white-popup-block p{
		font-size: 3.5vw;
		line-height: 1.8;
		text-align: center;
		margin: 0;
		padding: 0;
  }

	.white-popup-block p.modal_caption{
	  font-size: 3vw;
	  margin-top:12px;
	  padding:0 8vw;
	  text-align:left;
	  line-height: 2.0;
  }
	.tit-popup{
		position: absolute;
		top: 10px;
		left: 3%;
		background: #333;
		font-size: 7vw;
		line-height: 1;
		color:#fff;
		width: 15vw;
		padding:3px 8px 0px 8px;
	}
	.modal-img{
		width:86%;
		max-width: 480px;
		margin: 0 auto 17px;
		}
	div[id*="kms-modal"] .mfp-close {
  	width: 100%;
  	max-width: 6vw;
  	height: 100%;
  	max-height: 5vw;
  	line-height: 5vw;
  	right: 3%;
  	top: 4%;
  	opacity: 0.5;
  	color: transparent;
  	background:url(/assets/img/media/exhibition/2017/modal-close.png) center center /100% no-repeat;
  }
  .btn-modal{
    margin: 15px auto 0;
    width: 98%;
    padding: 2px 0;
  }
  
  div[class*="col-"]{padding:0 2px;float: left;margin-top: 4px;}
  
  .column-row{
    padding: 0 2px;
  }
  .mb40{
    margin-bottom: 20px;
  }
  .blank{
    background-size: 3vw;
  }
	.section3 .subaru_thech1 h2 img {
		width: 89%;
	}
  .section3 .subaru_thech1 h2 {
    margin-bottom: 18px;
  }
  .section3 .subaru_thech1 img.img_sgp_car {
    margin: 0 auto 20px;
  }
  .section3 .subaru_thech1 {
    background-size: 200%;
    margin: 0 auto 22px;
  }
  .section3 .subaru_thech1  p.read {
    margin: 0 auto 20px;
  }
  .section3 .row {
    margin-bottom: 30px;
  }
  .section3 .box_eyesight {
    margin-top: 45px;
  }
  .section3 .box_pre {
    margin-top: 50px;
  }
  .section3 .title_up{
    padding: 5px 0 0;
  }
  #kms04 {
    padding-top: 15px;
    margin-top: 40px;
  }
  .section4 p {
    margin-bottom: 17px;
  }

  #kms05 {
    padding-top: 10px;
    margin-top: 32px;
  }
  .graybox {
    padding: 5px;
  }
  .l-footer .btn-top{
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    bottom: 2.5rem !important;

  }
  .l-footer .btn-top .icon-arrow{
    font-size: 2vw;
    margin-top: 10%;
  }
  .section1 .sgp_concept .tit2 {
    line-height: 1.5;
}
  .mfp-title{
    font-size: 0.7rem !important;
    padding-top: 5px !important;
  }
  .mfp-close {
    height: 60px !important;
    font-size: 20px !important;
  }
  .only-sp .kms-es-simg p{
    height: 3rem !important;
    line-height: 1.2;
  }
  .mfp-container {
    padding-left: 3px;
    padding-right: 3px;
  }
}




@media screen and (max-width: 767px) {
  .mainVisual h1 {
    font-size: 5.7vw;
  }
  .mainVisual h3 .date {
    font-size: 3vw;
  }
  .subaru_thech1 h2 {
    font-size: 5vw;;
  }
}


@media screen and (max-width: 320px){
  .mainVisual h1 small {
    font-size: 2.2vw;
  }
  .section3 .col50 h4, .section3 .col49_r h4, .section3 .col49_l h4 {
    font-size: 0.7rem;
  }
  .section1 .sgp_concept {
    min-height: 520px;
    background-size: auto 90%;
  }
}


@media only screen and (min-width: 768px) and (max-width: 860px) {
}