@charset "euc-jp";
/* -----for PC/SP----- */
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}

body {
	font-family: "Yu Gothic","¥á¥¤¥ê¥ª",Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}

#contents a {
	color: #fff;
}

#contents {
	width: 100%;
	color: #fff;
	background-color: #000;
}

/*.fancybox-hidden {
	display: none;
}*/

/* -----for PC----- */
@media screen and (min-width:769px) {
	#header_v2 .inner {
		width: 1150px;
	}
	#header_v2 #logo {
		padding-top: 0;
	}
	#contents {
		font-size: 16px;
	}

	.hello {
		width: 1150px;
		margin: 0 auto 25px;
	}

	.catch {
		margin-bottom: 25px;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	.catch > br {
		display: none;
	}

	.title_large {
		margin: 35px 0 30px;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
	}

	.title_middle {
		margin-bottom: 20px;
		padding: 10px 13px;
		color: #000;
		font-weight: bold;
		background-color: #fff;
	}

	.headline {
		display: none;
	}
	#select_tab > ul {
		width: 814px;
		margin: 0 auto;
		border: 3px solid #fff;
		letter-spacing: -0.5em;
	}
	#select_tab > ul > li {
		display: inline-block;
		vertical-align: middle;
		letter-spacing: normal;
	}
	#select_tab > ul > li:first-child {
		display: none;
	}
	#select_tab > ul > li > a, #select_tab > ul > li > span {
		width: 163px;
		padding: 26px 25px 26px 15px;
		display: block;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		position: relative;
	}
	#select_tab > ul > li:nth-child(5) {
		position: relative;
	}
	#select_tab > ul > li:nth-child(5) > a {
		width: 162px;
		padding: 15px 25px 15px 15px;
		border-right: none;
		cursor: pointer;
	}
	#select_maker > ul {
		width: 374px;
		border: 2px solid #fff;
		background-color: #000;
		position: absolute;
		top: 100%;
		right: -3px;
		z-index: 9999;
	}
	#select_maker {
		overflow: hidden;
		display: none;
	}
	#select_tab > ul > li:nth-child(5):hover > #select_maker {
		display: block;
	}
	#select_maker > ul > li {
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		float: left;
	}
	#select_maker > ul > li:nth-child(5n) {
		border-right: none;
	}
	#select_maker > ul > li:nth-child(n+21) {
		border-bottom: none;
	}
	#select_maker > ul > li > a {
		width: 74px;
		display: block;
	}
	#select_maker > ul > li > a > img {
		width: 100%;
		vertical-align: top;
	}
	#select_maker > ul > li > a:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}
	#select_tab > ul > li:nth-child(6) > a , #select_tab > ul > li:nth-child(7) > a , #select_tab > ul > li:nth-child(8) > a  {
		border-bottom: none;
	}
	#select_tab > ul > li > a:after, #select_tab > ul > li > span:after {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		border-top: 3px solid #ff2b2b;
		border-right: 3px solid #ff2b2b;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		position: absolute;
		right: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#contents #select_tab > ul > li > a:hover,#contents #select_tab > ul > li:hover > span,#contents #select_tab > ul > li > .current {
		background-color: #fff;
		color: #000;
	}


	.article_list {
		width: 820px;
		margin: 0 auto 35px;
		overflow: hidden;
	}
	.article_list img {
		width: 100%;
		vertical-align: top;
	}
	.article_item {
		width: 370px;
		padding: 30px 20px;
		float: left;
		border-bottom: 1px solid #fff;
	}
	.article_item > a {
		display: block;
		overflow: hidden;
	}
	.article_item_thumb {
		float: left;
		background-color: #fff;
		line-height: 1;
	}
	.article_item_caption {
		float: right;
	}
	.article_item_maker {
		display: inline-block;
		padding: 3px 5px;
		color: #000;
		font-size: 14px;
		background-color: #fff;
	}
	.article_item_big {
		width: 780px;
	}
	.article_item_big .article_item_thumb {
		width: 350px;
	}
	.article_item_big .article_item_caption {
		width: 410px;
	}
	.article_item_big .article_item_maker {
		margin-bottom: 12px;
	}
	.article_item_big .article_item_title {
		margin-bottom: 20px;
		font-size: 24px;
		font-weight: bold;
	}
	.article_item_big .article_item_text {
		margin-bottom: 45px;
	}
	.article_item_big .article_item_text > span {
		text-decoration: underline;
	}
	.article_item_middle .article_item_thumb {
		width: 120px;
	}
	.article_item_middle .article_item_caption {
		width: 235px;
	}
	.article_item_middle .article_item_maker {
		margin-bottom: 8px;
	}
	.article_item_middle .article_item_title {
		margin-bottom: 12px;
		font-weight: bold;
	}
	.article_item_date {
		text-align: right;
	}
	.article_item > a:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}
	.article_item > a:hover .article_item_text > span {
		text-decoration: none;
	}
	.more,.close {
		display: none;
		width: 100%;
		padding: 35px 0 0;
		float: left;
	}
	.more > a,.close > a {
		width: 348px;
		margin: 0 auto;
		padding: 10px;
		display: block;
		text-align: center;
		border: 1px solid #fff;
	}
	#contents .more > a:hover,#contents .close > a:hover {
		color: #000;
		background-color: #fff;
	}

	.companion_box {
		width: 820px;
		margin: 35px auto 0;
	}
	.companion_list {
		margin: 0 -13px 5px 0;
		padding: 0 20px;
	}
	.companion_list > a {
		width: 185px;
		display: block;
		margin: 0 13px 30px 0;
		float: left;
	}
	.companion_list > a:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}
	.picture {
		margin-bottom: 5px;
		background-color: #fff;
	}
	.picture > img {
		vertical-align: top;
	}
	.name {
		margin-bottom: 10px;
		padding: 4px 5px 3px;
		border: 1px solid #fff;
	}
	.booth {
		padding: 4px 6px 0;
	}
	#fancybox-outer #fancybox-close {
		background: none;
		text-align: right;
	}
	#fancybox-outer #fancybox-close:after {
		content: '¡ß';
		color: #c5c5c5;
		font-size: 35px;
		line-height: 1;
	}

	.exhibited_model {
		margin: 0 -20px 0 20px;
	}
	.exhibited_model > a {
		width: 247px;
		display: block;
		margin: 0 20px 20px 0;
		float: left;
	}
	.exhibited_model > a:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
	}
	.car_name {
		height: 2.5em;
	}
	.car_name > span {
		display: inline-block;
		margin-right: 5px;
		padding: 1px 3px 1px;
		color: #000;
		background-color: #fff;
	}
	.car_name > br {
		display: none;
	}

	.summary {
		width: 820px;
		margin: 0 auto 35px;
	}
	.summary > dl {
		display: table;
		margin-bottom: 3px;
		border-bottom: 1px solid #fff;
	}
	.summary > dl:last-child {
		margin-bottom: 0;
	}
	.summary > dl > dt, .summary > dl > dd {
		display: table-cell;
		vertical-align: middle;
	}
	.summary > dl > dt {
		width: 144px;
		padding: 12px 0 12px 18px;
		font-weight: bold;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	.summary > dl > dd {
		width: 641px;
		padding: 5px 0 5px 15px;
	}
	.summary > dl > dd > span {
		font-size: 24px;
		font-weight: bold;
	}
	.summary > dl > dd > a {
		text-decoration: underline;
	}
	.summary > dl > dd > a:hover {
		text-decoration: none;
	}

	.ticket_sales {
		width: 688px;
		margin: 35px auto;
		padding: 25px 65px 35px;
		border: 1px solid #fff;
	}
	.ticket_sales > .txt {
		margin-bottom: 30px;
	}
	.ticket_sales > .txt > p {
		margin-bottom: 10px;
	}
	.ticket_sales > .btn_red {
		width: 370px;
		margin: 0 auto;
		text-align: center;
	}
	.ticket_sales > .btn_red > a {
		display: block;
		padding: 20px 35px 17px 15px;
		font-weight: bold;
		border-radius: 5px;
		background-color: #f1000b;
		position: relative;
	}
	.ticket_sales > .btn_red > a:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		position: absolute;
		right: 20px;
		top: 0;
		bottom: 0;
		margin: auto;
	}

	/*.slick_container {
		padding: 0 50px;
	}*/

	.slick_container p {
		margin-top: 10px;
		margin-bottom:10px;
		padding: 0 10px;
		color: #fff;
		font-size: 14px;
	}
	.slide_top {
		/*max-width: 428px;*/
		margin: 0 50px;
	}
	/*.slide_bottom {
		max-width: 560px;
		margin: 0 auto;
	}*/
	.slide_top .slick-slide img {
		width: auto;
		/*height: 480px;*/
		margin: auto;
	}

	.maker_slick_container .slide_top {
		/*max-width: 645px;*/
	}
	.maker_slick_container h3 {
		margin-bottom: 5px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
	}

	.attention {
		padding: 20px 0 50px;
		text-align: center;
	}
}

/* -----for SP----- */
@media screen and (max-width:768px) {
	.header .header_logo img {
		max-width: 100%;
	}
	.header .header_nav {
		width: 10%;
		padding-top: 5px;
	}
	.header_nav a {
		width: 100%;
		text-align: center;
	}
	.header_nav a::before, .header_nav a::after {
		right: 0;
		left: 0;
		margin: auto;
	}

	#contents {
		font-size: 15px;
		line-height: 1.4;
	}

	.hello {
		margin-bottom: 18px;
	}
	.hello_img > img {
		width: 100%;
	}

	.catch {
		margin: 0 0 20px;
		text-align: center;
		font-weight: bold;
	}

	.title_large {
		margin: 15px 3.333%;
		font-size: 20px;
		font-weight: bold;
	}

	.title_middle {
		margin-bottom: 7px;
		padding: 9px 10px 8px;
		color: #000;
		font-weight: bold;
		background-color: #fff;
	}
	.title_middle.mt30 {
		margin-top: 15px!important;
	}

	#select_tab {
		margin: 0 3.333% 5px;
		font-size: 12px;
		border: 1px solid #fff;
	}
	.headline {
		padding: 10px 4.285%;
		color: #000;
		font-weight: bold;
		border-bottom: 1px solid #000;
		background-color: #fff;
	}
	#select_tab > ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#select_tab > ul > li {
		width: 50%;
		border-left:1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	#select_tab > ul > li:first-child {
    	width: 100%;
	}
	#select_tab > ul > li:last-child, #select_tab > ul > li:nth-child(6){
		border-bottom: none;
	}
	#select_tab > ul > li:nth-child(even) {
		border-right: none;
	}
	#select_tab > ul > li:first-child > span {
		padding: 0 4.285%;
		color: #000;
		font-weight: bold;
		background-color: #fff;
	}
	#select_tab > ul > li > a, #select_tab > ul > li > span {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		height: 34px;
		padding: 0 20px 0 4.285%;
		position: relative;
	}
	#select_tab > ul > li > .current {
		color: #000;
		background-color: #fff;
	}
	#select_tab > ul > li > a:after {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		border-top: 2px solid #ff2b2b;
		border-right: 2px solid #ff2b2b;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	#select_tab > ul >.select_maker_wrap > a:after {
		border: none;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		background-image: url(/newcar/com/tokyo-motorshow/2017/img/iphone/icon_link_select_maker.png);
		background-repeat: no-repeat;
		background-size: 10px 10px;
		width: 10px;
		height: 10px;
		right: 7px;
	}
	#select_tab > ul > li > a > br {
		display: none;
	}
	#select_maker {
		display: none;
	}
	#select_maker > ul {
		border-top: 2px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		background-color: #000;
	}
	#select_maker > ul > li {
		width: 25%;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	#select_maker > ul > li:nth-child(4n) {
		border-right: none;
	}
	#select_maker > ul > li:nth-child(n+21) {
		border-bottom: none;
	}
	#select_maker > ul > li > a {
		display: block;
	}
	#select_maker > ul > li > a > img {
		width: 100%;
		vertical-align: top;
	}

	.article_list {
		margin: 0 3.333% 35px;
	}
	.article_item {
		padding: 15px 3.333%;
		border-bottom: 1px solid #fff;
		overflow: hidden;
	}
	.article_item > a {
		display: block;
	}
	.article_item_thumb > img {
		width: 100%;
	}
	.article_item_maker {
		display: inline-block;
		padding: 3px 5px;
		color: #000;
		font-size: 12px;
		background-color: #fff;
	}
	.article_item_title {
		margin-bottom: 15px;
		font-weight: bold;
	}
	.article_item_text {
		margin-bottom: 15px;
	}
	.article_item_text > span {
		text-decoration: underline;
	}
	.article_item_date {
		text-align: right;
	}
	.article_item_big .article_item_thumb {
		margin-bottom: 10px;
	}
	.article_item_big .article_item_maker {
		margin-bottom: 10px;
	}
	.article_item_big .article_item_title {
		font-size: 20px;
	}
	.article_item_middle .article_item_thumb {
		width: 33.333%;
		margin-right: 4.545%;
		float: left;
	}
	.article_item_middle .article_item_maker {
		margin-bottom: 5px;
	}
	.article_item_middle .article_item_caption {
		width: 62.121%;
		float: left;
	}
	.more,.close {
		display: none;
		padding: 15px 3.333% 0;
	}
	.more > a,.close > a {
		padding: 10px;
		display: block;
		text-align: center;
		border: 1px solid #fff;
	}

	.companion_box {
		margin: 15px 2% 35px;
	}
	.companion_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.companion_list > a {
		width: 31.944%;
		margin-bottom: 10px;
		display: block;
	}
	.picture {
		margin-bottom: 5px;
	}
	.picture img {
		width: 100%;
		vertical-align: top;
	}
	.car_name > span {
		display: inline-block;
		margin-bottom: 3px;
		padding: 1px 3px 1px;
		color: #000;
		background-color: #fff;
	}
	.name {
		margin-bottom: 5px;
		padding: 2px 3px 1px;
		border: 1px solid #fff;
	}
	.booth {
		padding: 0 1px;
		font-size: 12px;
	}
	#fancybox-wrap {
		left: 0 !important;
		right: 0 !important;
		margin: auto;
	}
	#fancybox-outer #fancybox-close {
		background: none;
		text-align: center;
	}
	#fancybox-outer #fancybox-close:after {
		content: '¡ß';
		color: #c5c5c5;
		font-size: 35px;
		line-height: 1;
	}

	.exhibited_model {
		padding-bottom: 10px;
		margin-bottom: 10px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border-bottom: 1px solid #fff;
	}
	.exhibited_model > a {
		width: 48.733%;
		margin-bottom: 10px;
		display: block;
	}

	.summary {
		margin: 0 3.333% 35px;
		padding: 10px 2.666% 15px;
		border: 1px solid #fff;
	}
	.summary > dl {
		margin-bottom: 10px;
		border-bottom: 1px solid #fff;
	}
	.summary > dl > dt {
		padding: 9px 10px 8px;
		color: #000;
		font-size: 16px;
		font-weight: bold;
		background-color: #fff;
	}
	.summary > dl > dd {
		padding: 10px 5px;
	}
	.summary > dl > dd > span {
		font-size: 20px;
		font-weight: bold;
	}
	.summary > dl > dd > .bold {
		font-size: 15px;
	}

	.ticket_sales {
		margin: 15px 3.333% 35px;
		padding: 25px 2.666%;
		border: 1px solid #fff;
	}
	.ticket_sales > .txt {
		margin-bottom: 20px;
	}
	.ticket_sales > .txt > p {
		margin-bottom: 10px;
	}
	.ticket_sales > .txt > p:last-child {
	margin-bottom: 0;
	}
	.ticket_sales > .btn_red {
		text-align: center;
	}
	.ticket_sales > .btn_red > a {
		display: block;
		padding: 20px 10px 17px;
		font-weight: bold;
		border-radius: 5px;
		background-color: #f1000b;
		position: relative;
	}

	/*.slick_container {
		padding: 0 25px;
	}*/
	.slick_container p {
		color: #fff;
		font-size: 13px;
		margin: 10px 0;
		padding: 0 10px;
	}
	.slide_top {
		margin: 0 25px;
	}
	/*.slide_bottom {
		margin: 0 auto;
	}*/
	.slide_top .slick-slide div {
		height: 160px;
	}
	.slide_top .slick-slide img {
		width: auto;
		height: 100%;
		margin: auto;
	}

	#fancybox-content .slick-prev, #fancybox-content .slick-next {
		width: 25px;
		height: 47px;
		background-size: 15px;
		background-repeat: no-repeat;
		background-position: center;
	}
	#fancybox-content .slick-prev {
		left: -30px;
	}
	#fancybox-content .slick-next {
		right: -30px;
	}

	.maker_slick_container h3 {
		margin-bottom: 5px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
	}

	.attention {
		padding: 20px 0 0;
		text-align: center;
	}
}