@charset "utf-8";
@media screen and (max-width : 768px){

	body {font-size: 80%;}
	#contents_area br { display: none;}
	#contents_area br.sp {display: block;}

	img { width: 100%;}

	.pconly {
		display:none;
	}

	.section {
		margin-bottom: 50px;
	}
	.section.gray {
		padding: 0 0 50px;
	}

	/* メインビジュアル */
	#main_visual {
		margin: 0 auto 20px;
	}

	/* --* SPORTY *-- */
	#main_visual .sporty {
		background: #fff;
		color: #000;
	}

	/* --* TOUGH *-- */
	#main_visual .tough {
		background: #fff;
		color: #000;
	}

	/* section */
	.section h3 {
		font-size: 18px;
		text-align: center;
	}

	.block {
		margin: 0 0 38px;
	}

	.block .block_inner {
		margin:0 auto;
	}

	.block .block_inner .block_text {
		order:2;
		padding:1em;
	}

	.block .block_inner .img_wrap {
		order:1;
		width:60%;
	}

	.block .block_inner .img_wrap img {
		display:block;
	}

	.block .block_copy {
		font-size: 23px;
		line-height: 32px;
		margin:0 20px 20px;
		text-align:center;
	}

	.link {
		margin: 10px 0 0;
		line-height: 24px;
	}

	.link a {
		color: #231815;
	}

	.link a:after{
		content: '';
		width: 20px;
		height: 20px;
		display: inline-block;
		background-image: url(/ACCESS/cr-v/common/img/parts_ico_btn_detail_arrow.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 20px 20px;
		position: relative;
		top: 4px;
		right: -5px;
	}

	.section .link.frame {
		text-align:center;
	}

	.section .link.frame a {
		padding: 12px 24px 12px 18px;
		border: 1px solid #0064a1;
		border-radius: 2px;
		background: none;
	}

	/* インフォメーション */
	#section_info {
		border-top: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		padding: 20px 0;
		margin: 0 20px 50px;
	}
	#section_info li {
		font-size: 12px;
		line-height: 18px;
		color: #444;
	}

	/* ピックアップ */
	#section_special .img_slider .slider_inner {
		padding: 0;
	}

	.slick-slide .switch_pc {
		display: none;
	}

	/* アイテム */
	.box_flex {
		display: flex;
		position: relative;
		padding-top: 20px;
		flex-wrap: wrap;
	}

	#section_items {
		margin-bottom: 0;
	}

	.item_list {
		margin: 40px 15px 0;
	}

	.item_list li {
		margin: 0 0 50px;
		position: relative;
		background-color: #fff;
	}

	#section_items .item_list li a {
		color: #444;
	}

	.item_list li .box {
		display: inline-block;
		width: 48%;
		vertical-align: top;
		padding-bottom: 20px;
	}

	.item_list .box:nth-child(even) {
		margin-left: 2.5%;
	}

	#section_items .item_list li > div:last-child {
		position: absolute;
		top: -40px;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
	}

	.item_list li .box h4 {
		margin: 0 0 15px;
		font-size: 18px;
		line-height: 24px;
		font-family: "HondaGlobalFontJP-Bold", sans-serif;
	}

	.item_list li .box .copy {
		margin: 0 0 15px;
		font-size: 16px;
		line-height: 24px;
	}

	.item_list li .box > *:last-child {
		margin-bottom: 0;
	}

	.item_list li .link span {
		width: 82%;
		display: inline-block;
		position: relative;
		color: #231815;
	}

	.item_list li .link span:after{
		content: '';
		width: 20px;
		height: 20px;
		background-image:url(../common/img/parts_ico_btn_detail_arrow.png);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		position: absolute;
		top: 1px;
		right: -30px;
	}

	/* --* enquete *-- */
	.enquete {
		position: relative;
		background-color: #303030;
		border-radius: 7px;
		width: 85%;
		margin: 0 auto;
		margin-bottom: 10vw;
	}

	.enquete a {
		display: block;
		color: #fff !important;
		text-decoration: none !important;
		line-height: 1.5em;
		font-size: 3vw;
		background: url(../common/img/parts_ico_btn_detail_arrow_w.png) right center no-repeat;
		background-size: 20px auto;
		background-position: center right 10px;
		padding: 10px;
		padding-right: 40px;
	}

	.enquete a small {
		font-size: 10px;
	}

	footer .guaranteed {
		padding-top: 0;
	}

}