@charset "utf-8";



/* 共通 */

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

img {
	width: 100%;
	height: auto;
}



/* ヘッダー */

header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 63px;
	margin: auto;
	background: #ffffff;
	z-index: 91;
}

.header_area {
	position: relative;
	width: 100%;
	height: 63px;
	z-index: 92;
}

.head_ci_logo {
	position: absolute;
	/*position: fixed;*/
	top: 15px;
	left: 15px;
	width: 144px;
	height: 28px;
	z-index: 99;
}

.head_link_block {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index:99;
	display: block;
}
.head_s2rin_link,
.head_hayabusa_link {
	margin-right: 15px;
	padding-left: 15px;
	background-image: url(../img/arrow_gray.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 10px 13px;
	float: left;
}
.head_s2rin_link a,
.head_hayabusa_link a {
	font-size: 14px;
	font-weight: 700;
	font-family: 'BIZ UDPGothic', sans-serif;
	color: #838383;
	text-decoration: none;
}
.head_s2rin_link a:hover,
.head_hayabusa_link a:hover {
	color: #0266cc;
	text-decoration: underline;
	opacity: 1;
}

.header_menu_block {
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: 40px;
	background: #333333;
	border-top: 1px solid #D57A00;
	border-bottom: 1px solid #D57A00;
}

.header_menu {
	width: 90%;
	font-size: 0;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.header_menu li {
	width: calc((100% - 6px) / 5);
	width: -webkit-calc((100% - 6px) / 5);
	width: -moz-calc((100% - 6px) / 5);
	height: 40px;
	display: inline-block;
	list-style-type: none;
	text-align: center;
	border-left: 1px solid #D57A00;
}
.header_menu li:last-child {
	border-right: 1px solid #D57A00;
}

.header_menu li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: 400;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 2.4;
	color: #ffffff;
	text-decoration: none;
}

.header_menu li:hover {
	background: -moz-linear-gradient(top, #f0d0a6, #d47900);
	background: -webkit-linear-gradient(top, #f0d0a6, #d47900);
	background: linear-gradient(to bottom, #f0d0a6, #d47900);
}
.header_menu li:hover a {
	color: #000000;
}

.header_menu li.current {
	background: -moz-linear-gradient(top, #f0d0a6, #d47900);
	background: -webkit-linear-gradient(top, #f0d0a6, #d47900);
	background: linear-gradient(to bottom, #f0d0a6, #d47900);
}
.header_menu li.current a {
	color: #000000;
}

.header_menu_block_sp {
	display: none;
}


@media print, screen and (max-width: 980px) {

	.header_menu li a {
		font-size: 14px;
		font-weight: 400;
		font-family: 'BIZ UDPGothic', sans-serif;
		line-height: 2.8;
	}

}
@media print, screen and (max-width: 860px) {

	.header_menu li a {
		font-size: 13px;
		font-weight: 400;
		font-family: 'BIZ UDPGothic', sans-serif;
		line-height: 3.0;
	}

}
@media print, screen and (max-width: 768px) {

	header {
		position: fixed;
		top: 0;
		width: 100%;
		height: 43px;
		margin: auto;
	}

	.header_area {
		position: fixed;
		width: 100%;
		height: 43px;
		border-bottom: 1px solid #ccc;
		z-index: 91;
	}

	.head_ci_logo {
		position: absolute;
		/*position: fixed;*/
		top: 8px;
		left: 15px;
		width: 144px;
		height: 28px;
		z-index: 99;
	}

	.head_link_block {
		display: none;
	}

	.header_menu_block {
		display: none;
	}

	/*スマホメニュー*/
	.header_menu_block_sp {
		display: block;
		position: fixed;
		z-index: 99;
		top: 0px;
		right: 0px;
		width: 43px;
		height: 43px;
		background: #0066cc;
	}
	#nav-drawer {
		display:block;
		position: relative;
	}
	.nav-unshown {
		display:none;
	}
	#nav-open {
		display: inline-block;
		width: 35px;
		height: 40px;
		top: 9px;
		right: 0px;
		position: absolute;
		vertical-align: middle;
	}
	#nav-open span, #nav-open span:before, #nav-open span:after {
		position: absolute;
		height: 3px;/*線の太さ*/
		width: 30px;/*長さ*/
		margin-right:5px;
		/*border-radius: 3px;*/
		background: #fff;
		display: block;
		content: '';
		cursor: pointer;
	}
	#nav-open span:before {
		bottom: -10px;
	}
	#nav-open span:after {
		bottom: -20px;
	}
	#nav-close {
		display: none;/*はじめは隠しておく*/
		position: fixed;
		z-index: 99;
		top: 0;/*全体に広がるように*/
		right: 0;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		transition: .3s ease-in-out;
	}
	#nav-content {
		/*overflow: auto;*/
		position: fixed;
		/*top: 50px;*/
		left: 0;
		z-index: 9999;/*最前面に*/
		width: 100%;/*右側に隙間を作る（閉じるカバーを表示）*/
		max-width: 768px;/*最大幅（調整してください）*/
		height: auto;
		background: #000000;/*背景色*/
		transition: .3s ease-in-out;/*滑らかに表示*/
		-webkit-transform: translateX(155%);
		transform: translateX(155%);/*左に隠しておく*/
	}
	#nav-content .menu {
		border-left: 1px solid #0066cc;
		margin: 0;
		padding: 0;
		z-index: 98;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	#nav-content .menu .menu-item {
		width: 100%;
		display: inline-block;
		font-size: 75%;
		text-align: left;
		background: #333333;
		color: #ffffff;
		border-bottom: 1px solid #0066cc;
	}
	#nav-content .menu .menu-item2 {
		width: 100%;
		display: inline-block;
		font-size: 75%;
		text-align: left;
		background: #000000;
		color: #ffffff;
		border-bottom: 1px solid #0066cc;
	}
	#nav-content .menu .menu-item2 {
		padding-left: 1em;
	}
	#nav-content .menu .menu-item2 a {
		background-image: url(../img/arrow_gray.svg);
		background-repeat: no-repeat;
		background-position: 0px 26px;
		background-size: 10px 13px;
		float: left;
	}
	#nav-content .menu .menu-item a,
	#nav-content .menu .menu-item2 a {
		display: block;
		width: calc(100% - 1em);
		width: -webkit-calc(100% - 1em);
		width: -moz-calc(100% - 1em);
		height: 100%;
		/*
		height: calc(100% - 3em);
		height: -webkit-calc(100% - 3em);
		height: -moz-calc(100% - 3em);
		*/
		padding: 1.5em 0 1.5em 1em;
		border-right: 1px solid #ccc;
		font-size: 14px;
		font-weight: 700;
		font-family: 'BIZ UDPGothic', sans-serif;
		color: rgba(255,255,255,0.7);
		text-align: left;
		text-decoration: none;
	}
	#nav-content .menu .menu-item a:hover,
	#nav-content .menu .menu-item2 a:hover {
		/*background: #000000;*/
		color: #ffffff;
	}
	#nav-content .menu .menu-item:last-child a
	#nav-content .menu .menu-item2:last-child a {
		border-right: none;
	}
	#nav-content .menu {
		/*display: none;*/
		position: absolute;
		width: 240px;
		right: 0;
	}
	#nav-content .menu .menu-item a,
	#nav-content .menu .menu-item2 a {
	
		/*border-bottom: 1px solid #ccc;*/
		border-right: none;
	}
	#nav-content .menu .menu-item:last-child a,
	#nav-content .menu .menu-item2:last-child a {
		border-bottom: none;
	}
	#nav-content .menu .menu-item2-txt {
		padding: 0.1em 1em;
	}
	#nav-content .menu .menu-item3 {
		width: 90%;
		margin: 0 0 0 10%;
		background: #F0F0F0;
		border-bottom: 1px solid #000;
	}
	#nav-content .menu .menu-item3 a {
		color: #000000;
		display: block;
		padding: 0.1em 1em;
		text-align: left;
		text-decoration: none;
	}

	#nav-input:checked ~ #nav-close {
		display: block;/*カバーを表示*/
		opacity: .5;
	}
	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);/*中身を表示（右へスライド）*/
		box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}

}




/* フッター */

#pi_footer {
	position: relative;
	width: 100%;
	height: 80px;
	border-top: 1px solid #ccc;
	background: #ffffff;
}
#pi_footer .footer_info {
	position: relative;
	width: 90%;
	height: 70px;
	margin: auto;
}
#pi_footer .copyright {
	position: absolute;
	top: 25px;
	left: 0px;
	font-size: 12px;
	color: #000;
}
#pi_footer ul {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 500px;
	margin: 0;
	padding: 0;
	text-align: right;
}
#pi_footer ul li{
	display: inline;
	font-size: 12px;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
}
#pi_footer ul li a{
	display: inline-block;
	margin-left: 10px;
	color: #ffffff;
	text-decoration: none;
}

@media print, screen and (max-width: 768px) {

	#pi_footer {
		position: relative;
		width: 100%;
		height: 100px;
	}
	#pi_footer .footer_info {
		position: relative;
		width: 90%;
		height: 100px;
		margin: auto;
	}
	#pi_footer .copyright {
		position: absolute;
		top: 55px;
		left: 0px;
		font-size: 12px;
		width: 100%;
		text-align: center;
	}

	#pi_footer ul {
		position: absolute;
		top: 20px;
		right: 5%;
		width: 90%;
		margin: 0;
		padding: 0;
		text-align: center;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}

	#pi_footer ul li{
		display: inline-block;
		font-size: 10px;
		width: calc(100% / 3);
		width: -webkit-calc(100% / 3);
		width: -moz-calc(100% / 3);
	}



}
@media print, screen and (max-width: 580px) {

	#pi_footer {
		position: relative;
		width: 100%;
		height: 160px;
	}
	#pi_footer .footer_info {
		position: relative;
		width: 90%;
		height: 160px;
		margin: auto;
	}
	#pi_footer .copyright {
		position: absolute;
		top: 95px;
		left: 0px;
		font-size: 12px;
		width: 100%;
		text-align: center;
	}

	#pi_footer ul li{
		display: inline;
		font-size: 10px;
		width: 100%;
	}

}



/* メイン */

#wrapper {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 113px;
	padding: 0;
	background: #000000;
}
#wrapper2 {
	display: block;
	position: relative;
	width: 100%;
	/*height: 100%;*/
	margin: 113px 0 0 0;
	padding: 0;
	background: #000000;
}

#main-block {
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

@media print, screen and (max-width: 768px) {

	#wrapper {
		display: block;
		position: relative;
		width: 100%;
		margin-top: 43px;
		padding: 0;
		background: #000000;
	}

}




/* Hayabusa スペシャルサイト トップ */

#top {
	position: relative;
	top: 0;
	width: 100%;
	height: auto;
	margin-bottom: 15vw;
	z-index: 2;
}

.top_img {
	position: relative;
	width: 100%;
	height: 50vw;
	z-index: 10;
}

.main_ing {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50vw;
	z-index: 11;
}

.main_logo {
	position: absolute;
	top: 7vw;
	left: 8vw;
	width: 22vw;
	height: 13vw;
	z-index: 12;
}

.top_book {
	position: relative;
	top: 2vw;
	left: 0;
	width: 80%;
	margin: auto;
	font-size: 1.2vw;
	font-weight: 400;
	font-family: 'BIZ UDPGothic', sans-serif;
	/*font-family: kozuka-gothic-pr6n, sans-serif;*/
	/*font-weight: 400;*/
	/*font-style: normal;*/
	line-height: 1.8;
	text-align: left;
	color: #ffffff;
}

.top_etc_img {
	width: 15vw;
	height: auto;
	margin: 5px 0 10px 30px;
	float: right;
}


.bodycolor_list, .bodycolor_list2, .bodycolor_name {
	display: block;
}
.bodycolor_list_sp, .bodycolor_list2_sp, .bodycolor_name_sp, table.bodycolor_regular_sp {
	display: none;
}

.bodycolor_list {
	position: relative;
	top: 4vw;
	left: 0;
	width: 80%;
	font-size: 0;
	margin: auto;
	padding: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.bodycolor_list2 {
	position: relative;
	top: 3vw;
	left: 0;
	width: 80%;
	font-size: 0;
	margin: auto;
	padding: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.bodycolor_list li, 
.bodycolor_list2 li {
	width: 48%;
	width: calc((100% - 31px) / 3);
	width: -webkit-calc((100% - 31px) / 3);
	width: -moz-calc((100% - 31px) / 3);
	height: auto;
	font-size: 0.72vw;
	font-weight: 400;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 1.8;
	text-align: center;
	color: #ffffff;
	padding: 0;
	margin: 0 15px 20px 0;
	overflow: hidden;
}
.bodycolor_list li:nth-child(3n),
.bodycolor_list2 li:nth-child(3n) {
	margin: 0 0 20px 0;
}
.bodycolor_list li div,
.bodycolor_list2 li div {
	padding: 8px 0;
}

.bodycolor_name {
	position: relative;
	top: 2.3vw;
	left: 0;
	width: 80%;
	font-size: 0;
	margin: auto;
}


.price_info_area {
	position: relative;
	top: 6vw;
	left: 0;
	width: 80%;
	height: auto;
	margin: auto;
}
.price_info_title {
	width: 100%;
	font-size: 1.5vw;
	font-weight: 400;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 1.8;
	text-align: center;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
table.price_info_list {
	width: 100%;
}
table.price_info_list th {
	white-space: nowrap;
	font-size: 1.3vw;
	font-weight: 400;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 1.8;
	color: #ffffff;
	text-align: right;
	vertical-align: top;
}
table.price_info_list td {

}
.price_info_color1, .price_info_color2 {
	width: 50%;
	float: left;
	font-size: 1.2vw;
	font-weight: 400;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 1.8;
	color: #ffffff;
}
.price_info_color_p {
	font-size: 1.5vw;
	font-weight: 700;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 1.8;
}
.price_info_color_name {
	font-size: 0.9vw;
	font-weight: 700;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 1.8;
	color: #ffffff;
}

.price_info_annotation {
	width: 100%;
	margin: 30px 0 0 0;
	font-size: 0.9vw;
	font-weight: 700;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 1.8;
	color: #ffffff;
}


.sp_contents_banner {
	position: relative;
	top: 10vw;
	left: 0;
	width: 80%;
	height: auto;
	font-size: 0;
	margin: auto;
	padding: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.sp_contents_banner li {
	width: 48%;
	width: calc((100% - 21px) / 2);
	width: -webkit-calc((100% - 21px) / 2);
	width: -moz-calc((100% - 21px) / 2);
	height: auto;
	padding: 0;
	margin: 0 20px 50px 0;
	text-align: center;
	overflow: hidden;
}
.sp_contents_banner li:nth-child(2) {
	margin: 0 0 50px 0;
}
.sp_contents_banner li a {
	font-size: 1.2vw;
	font-weight: 400;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 1.8;
	color: #ffffff;
	text-decoration: none;
}
.sp_contents_banner2 {
	position: relative;
	top: 10vw;
	left: 0;
	width: calc((80% - 21px) / 2);
	width: -webkit-calc((80% - 21px) / 2);
	width: -moz-calc((80% - 21px) / 2);
	height: auto;
	margin: auto;
}
.sp_contents_banner li:hover img,
.sp_contents_banner2:hover img {
	opacity: 0.4;
}

.shop_search_banner {
	display: block;
}
.shop_search_banner_sp {
	display: none;
}
.shop_search_banner {
	position: relative;
	top: 10vw;
	left: 0;
	width: 80%;
	height: auto;
	font-size: 0;
	margin: auto;
}
.shop_search_banner:hover img {
	opacity: 0.4;
}


@media print, screen and (max-width: 768px) {

	#top {
		position: relative;
		top: 0;
		width: 100%;
		height: auto;
		margin-bottom: 18vw;
		z-index: 2;
	}

	.top_book {
		position: relative;
		top: 2vw;
		left: 0;
		width: 90%;
		margin: auto;
		font-size: 3vw;
	}
	.top_etc_img {
		width: 35vw;
		height: auto;
		margin: 5px 0 10px 10px;
		float: right;
	}

	.bodycolor_list, .bodycolor_list2, .bodycolor_name {
		display: none;
	}
	.bodycolor_list_sp, .bodycolor_list2_sp, .bodycolor_name_sp, table.bodycolor_regular_sp {
		display: block;
	}
	table.bodycolor_regular_sp {
		position: relative;
		top: 4vw;
		left: 0;
		width: 90%;
		margin: auto;
	}
	table.bodycolor_regular_sp th {
		width: 50%;
		padding-right: 8px;
		text-align: center;
		vertical-align: bottom;
	}
	table.bodycolor_regular_sp td {
		width: 50%;
		padding-left: 8px;
		text-align: center;
		vertical-align: bottom;
	}

	.bodycolor_list_sp {
		position: relative;
		top: 4vw;
		left: 0;
		width: 90%;
		font-size: 0;
		margin: auto;
		padding: 0;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.bodycolor_list2_sp {
		position: relative;
		top: 3vw;
		left: 0;
		width: 90%;
		font-size: 0;
		margin: auto;
		padding: 0;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.bodycolor_list_sp li, 
	.bodycolor_list2_sp li {
		width: 48%;
		width: calc((100% - 16px) / 2);
		width: -webkit-calc((100% - 16px) / 2);
		width: -moz-calc((100% - 16px) / 2);
		height: auto;
		font-size: 1.8vw;
		font-weight: 400;
		font-family: 'BIZ UDPGothic', sans-serif;
		line-height: 1.8;
		text-align: center;
		color: #ffffff;
		padding: 0;
		margin: 0 15px 20px 0;
		overflow: hidden;
	}
	.bodycolor_list_sp li:nth-child(2n),
	.bodycolor_list2_sp li:nth-child(2n) {
		margin: 0 0 20px 0;
	}
	.bodycolor_list_sp li div,
	.bodycolor_list2_sp li div {
		padding: 8px 0;
	}
	.bodycolor_name_sp {
		position: relative;
		top: 2.3vw;
		left: 0;
		width: 90%;
		font-size: 0;
		margin: auto;
	}


	.price_info_area {
		position: relative;
		top: 6vw;
		left: 0;
		width: 90%;
		height: auto;
		margin: auto;
	}
	.price_info_color1, .price_info_color2 {
		width: 100%;
		float: left;
		font-size: 2vw;
	}
	.price_info_color_p {
		font-size: 3.2vw;
	}
	.price_info_color_name {
		font-size: 1.8vw;
	}

	table.price_info_list th {
		white-space: nowrap;
		font-size: 2.3vw;
		font-weight: 700;
		font-family: 'BIZ UDPGothic', sans-serif;
		line-height: 1.8;
	}

	.price_info_annotation {
		width: 100%;
		margin: 15px 0 20px 0;
		font-size: 1.8vw;
	}

	.sp_contents_banner {
		position: relative;
		top: 10vw;
		left: 0;
		width: 90%;
		height: auto;
		font-size: 0;
		margin: 0 auto;
		padding: 0;
	}
	.sp_contents_banner li {
		width: 100%;
		height: auto;
		text-align: center;
		padding: 0;
		margin: 0 0 30px 0;
		overflow: hidden;
	}
	.sp_contents_banner li:nth-child(2) {
		margin: 0 0 30px 0;
	}
	.sp_contents_banner li a {
		font-size: 3vw;
	}
	.sp_contents_banner2 {
		position: relative;
		top: 10vw;
		left: 0;
		width: 90%;
		height: auto;
		margin: auto;
	}

	.shop_search_banner {
		display: none;
	}
	.shop_search_banner_sp {
		display: block;
	}
	.shop_search_banner_sp {
		position: relative;
		top: 10vw;
		left: 0;
		width: 90%;
		height: auto;
		font-size: 0;
		margin: auto;
	}
	.shop_search_banner_sp:hover img {
		opacity: 0.4;
	}


}




/* プロモーションビデオ・開発者インタビュー・技術解説ビデオ・フォトギャラリー */

#promotion {
	position: relative;
	top: 0px;
	width: 90%;
	height: 70vw;
	margin: auto;
	/*padding-bottom: 40px;*/
	z-index: 2;
}
#interview {
	position: relative;
	top: 0px;
	width: 90%;
	height: 70vw;
	margin: auto;
	/*padding-bottom: 40px;*/
	z-index: 2;
}
#technical {
	position: relative;
	top: 0px;
	width: 90%;
	height: 144vw;
	margin: auto;
	/*padding-bottom: 40px;*/
	z-index: 2;
}
#photogallery {
	position: relative;
	top: 0px;
	width: 90%;
	height: 100vw;
	margin: auto;
	/*padding-bottom: 40px;*/
	z-index: 2;
}



.contents_title {
	position: relative;
	width: 100%;
	margin: auto;
	z-index: 10;
}
.contents_title_logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 14vw;
	height: 8vw;
	z-index: 11;
}
.contents_title_txt {
	position: absolute;
	top: 6.5vw;
	left: 4.2vw;
	width: calc(100% - 4.2vw);
	width: -webkit-calc(100% - 4.2vw);
	width: -moz-calc(100% - 4.2vw);
	font-size: 2.5vw;
	font-weight: 400;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 1.8;
	color: #B2B2B2;
	border-bottom: 3px solid #D57A00;
	z-index: 12;
}

.contents_movie_1 {
	position: relative;
	top: 13vw;
	left: 4.2vw;
	width: calc(100% - 4.2vw);
	width: -webkit-calc(100% - 4.2vw);
	width: -moz-calc(100% - 4.2vw);
	padding-bottom: 56.25%;
	height: 0;
	margin-bottom: 20px;
	overflow: hidden;
	z-index: 10;
}
.contents_movie_2 {
	position: relative;
	z-index: 11;
	top: 13vw;
	left: 4.2vw;
	width: calc((100% - 5.2vw) / 2);
	width: -webkit-calc((100% - 5.2vw) / 2);
	width: -moz-calc((100% - 5.2vw) / 2);
	padding-bottom: 27.4%;
	/*padding-bottom: 56.25%;*/
	height: 0;
	margin-bottom: 20px;
	float: left;
}
.contents_movie_3 {
	position: relative;
	z-index: 11;
	top: 65vw;
	width: calc((100% - 5.2vw) / 2);
	width: -webkit-calc((100% - 5.2vw) / 2);
	width: -moz-calc((100% - 5.2vw) / 2);
	padding-bottom: 27.4%;
	/*padding-bottom: 56.25%;*/
	height: 0;
	margin: 0 auto 20px auto;
}
.movie_right_margin {
	margin-right: 1vw;
}
.contents_movie_1 iframe, .contents_movie_2 iframe, .contents_movie_3 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
}

.photo_annotation {
	position: relative;
	top: 11.5vw;
	left: 4.2vw;
	width: calc(100% - 4.2vw);
	width: -webkit-calc(100% - 4.2vw);
	width: -moz-calc(100% - 4.2vw);
	font-size: 1.2vw;
	font-weight: 400;
	font-family: 'BIZ UDPGothic', sans-serif;
	line-height: 1.8;
	color: #ffffff;
}

.products_photos {
	position: relative;
	top: 14vw;
	left: 4.2vw;
	width: calc(100% - 4.2vw);
	width: -webkit-calc(100% - 4.2vw);
	width: -moz-calc(100% - 4.2vw);
	font-size: 0;
	margin: 0;
	padding: 0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.products_photos li {
	width: 24%;
	width: calc((100% - 31px) / 4);
	width: -webkit-calc((100% - 31px) / 4);
	width: -moz-calc((100% - 31px) / 4);
	height: auto;
	text-align: left;
	padding: 0;
	margin: 0 10px 20px 0;
	overflow: hidden;
}
.products_photos li:nth-child(4n) {
	margin: 0 0 20px 0;
}

.footer_logo {
	position: relative;
	top: 6vw;
	width: 100%;
}

.products_logo {
	position: absolute;
	top: 11vw;
	left: calc((100% - 12vw) / 2);
	left: -webkit-calc((100% - 12vw) / 2);
	left: -moz-calc((100% - 12vw) / 2);
	width: 12vw;
	height: 7vw;
	z-index: 11;
}



@media print, screen and (max-width: 980px) {

	.photo_annotation {
		position: relative;
		top: 11.5vw;
		left: 4.2vw;
		width: calc(100% - 4.2vw);
		width: -webkit-calc(100% - 4.2vw);
		width: -moz-calc(100% - 4.2vw);
		font-size: 1.4vw;
		font-weight: 400;
		font-family: 'BIZ UDPGothic', sans-serif;
		line-height: 1.8;
		color: #ffffff;
	}

}

@media print, screen and (max-width: 860px) {



}

@media print, screen and (max-width: 768px) {

	#technical {
		position: relative;
		top: 0px;
		width: 90%;
		height: 335vw;
		margin: auto;
		/*padding-bottom: 40px;*/
		z-index: 2;
	}
	#photogallery {
		position: relative;
		top: 0px;
		width: 90%;
		height: 280vw;
		margin: auto;
		/*padding-bottom: 40px;*/
		z-index: 2;
	}

	.contents_title_txt {
		position: absolute;
		top: 6.5vw;
		left: 4.2vw;
		font-size: 3vw;
		font-weight: 400;
		font-family: 'BIZ UDPGothic', sans-serif;
		line-height: 1.8;
		color: #B2B2B2;
		border-bottom: 2px solid #D57A00;
		z-index: 12;
	}

	.photo_annotation {
		position: relative;
		top: 12.0vw;
		left: 4.2vw;
		width: calc(100% - 4.2vw);
		width: -webkit-calc(100% - 4.2vw);
		width: -moz-calc(100% - 4.2vw);
		font-size: 1.6vw;
		font-weight: 400;
		font-family: 'BIZ UDPGothic', sans-serif;
		line-height: 1.8;
		color: #ffffff;
	}

	.contents_movie_2 {
		position: relative;
		z-index: 11;
		top: 13vw;
		left: 4.2vw;
		width: calc(100% - 4.2vw);
		width: -webkit-calc(100% - 4.2vw);
		width: -moz-calc(100% - 4.2vw);
		padding-bottom: 56.25%;
		height: 0;
		margin-bottom: 20px;
		float: left;
	}
	.contents_movie_3 {
		position: relative;
		z-index: 11;
		top: 13vw;
		left: 4.2vw;
		width: calc(100% - 4.2vw);
		width: -webkit-calc(100% - 4.2vw);
		width: -moz-calc(100% - 4.2vw);
		padding-bottom: 56.25%;
		height: 0;
		margin: 0 auto 20px auto;
		float: left;
	}


	.movie_right_margin {
		margin-right: 0;
	}


	.products_photos li {
		width: 48%;
		width: calc((100% - 16px) / 2);
		width: -webkit-calc((100% - 16px) / 2);
		width: -moz-calc((100% - 16px) / 2);
		height: auto;
		text-align: left;
		padding: 0;
		margin: 0 15px 20px 0;
		overflow: hidden;
	}
	.products_photos li:nth-child(2n) {
		margin: 0 0 20px 0;
	}
	.products_photos li:nth-child(4n) {
		margin: 0 0 20px 0;
	}

	.products_logo {
		position: absolute;
		top: 11vw;
		left: calc((100% - 14vw) / 2);
		left: -webkit-calc((100% - 14vw) / 2);
		left: -moz-calc((100% - 14vw) / 2);
		width: 14vw;
		height: 8vw;
		z-index: 11;
	}


}
@media print, screen and (max-width: 395px) {

	#technical {
		position: relative;
		top: 0px;
		width: 90%;
		height: 355vw;
		margin: auto;
		/*padding-bottom: 40px;*/
		z-index: 2;
	}
	#photogallery {
		position: relative;
		top: 0px;
		width: 90%;
		height: 300vw;
		margin: auto;
		/*padding-bottom: 40px;*/
		z-index: 2;
	}

}