@charset "UTF-8";
a,
html,
legend {
	color: #000;
}
body{
	font-size:80%;
	line-height:1.3;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* 汎用クラス
=========================================*/
.tar { text-align: right;}
.tac { text-align: center;}
.tal { text-align: left;}

/* margin
=========================================*/
.mb5 { margin-bottom: 5px !important;}
.mb7 { margin-bottom: 7px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb55 { margin-bottom: 55px !important;}
.mb60 { margin-bottom: 60px !important;}

/* PCで表示する項目
=====================================================================*/
@media print, screen and (min-width:737px) {
	.spshow {
		display: none!important;
	}	
	.switch {
		visibility: hidden;
	}
	.spBlock {
		display: inline;
	}
	.floatLeft {
		float: left;
	}
	.floatRight {
		float: right;
	}
	div#contents{
		width:100% !important;/*強制上書き*/
	}
	div#ua_contents{
		width:980px;
		padding:20px;
		margin:0 auto;
	}
	div.oneBox{
		margin-bottom:2em;
	}
	#section2 {
		padding-top: 5px;
		margin-bottom: 51px;
	}
	.item_midashi{
		padding: 3px 12px;
		margin-bottom: 41px;
		border-left: 5px solid #23509b;
		line-height: 1.3;
		font-size: 140%;
		font-weight: bold;
		border-bottom: 1px solid #23509b;
	}
	p.itemname{
		margin-bottom:2px;
		margin-top: -7px;
		font-size: 16px;
		vertical-align: middle;
		font-weight:bold;
	}
	/* clearfix
	=========================================*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {
		display: inline-table;
		min-height: 1%;
	}
	/* Hides from IE-mac */
	* html .clearfix {
		height: 1%;
	}
	.clearfix {
		display: block;
	}
	/* Honda純正アクセサリーTop
	=========================================*/
	p.go-accesstop{
		text-align: right;
		margin: -1px -2px 9px 0;
	}
	p.go-accesstop a img{
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}
	p.go-accesstop a:hover img{
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
	/* 価格
	=========================================*/
	.quantity{
		background-color: #dce1eb;
		-moz-border-radius: 5px; /* Firefox */
		-webkit-border-radius: 5px; /* Safari and Chrome */
		border-radius: 5px;
		behavior: url(border-radius.htc); /* IE */
		padding: 2px 5px 2px 5px;
		display: block;
		text-align: center;
		float: left;
		width: 39px;
		margin-top: -2px;
	}
	.amount{
		font-weight:bold;
		font-size:120%;
		margin-left: -6px;
	}
	.price{
		margin-bottom: 5px;
	}
	.tax{
		margin: 0 0 0 -6px;
		font-size: 11px;
		color: #444444;
		line-height: 1.818;
	}
	.description{
		margin: 0 0 18px 0;
		font-size: 13px;
		color: #434343;
		line-height: 1.462;
	}
	.description02{
		font-size: 12px;
		color: #434343;
		line-height: 1.583;
	}
	.description03{
		font-size: 11px;
		line-height: 1.273;
		margin-bottom: 20px;
	}
	/* インデント
	=========================================*/
	.indent{
		padding-left:1em;
		text-indent:-1em;
	}
	
	/* 太字
	=========================================*/
	.bold{
		font-weight:bold;
	}
	
	/* 前のページへ戻る
	=========================================*/
	.historyBack{
		text-align:right;
		margin-bottom: 45px;
	}
	.historyBack a{
		display:inline-block;
		text-decoration: none;
		font-size: 12px;
		color: #434343;
		line-height: 1.583;
		padding-left:19px;
		background:url(../image/allow-top.gif) left center no-repeat;
	}
	.historyBack a:hover{
		text-decoration: underline;
	}
	/* メインタイトル
	=========================================*/
	.titleImage {
		margin-bottom: 19px;
	}
	.lead01 {
		font-size: 13px;
		color: #282828;
		margin-bottom: 44px;
		line-height: 1.538;
	}
	/* ページ内リンク
	=========================================*/
	.linkbox01 {
		margin-bottom: 54px;
	}
	.linkbox01 li {
		display: table;
		padding: 0 16px 0 15px;
		margin: 0;
		border-right: 1px solid #b2b2b2;
		float: left;
	}
	.linkLi01 {
		border-left: 1px solid #b2b2b2;
	}
	.linkbox01 li a {
		display:inline-block;
		text-decoration: none;
		color: #444;
		font-size: 12px;
		line-height: 1.417;
		padding-left: 19px;
		background: url(../image/allow-bottom.gif) no-repeat 0px 1px;
	}
	.linkbox01 li a:hover{
		text-decoration: underline;
	}
	/* カラム
	=========================================*/
	.col-e3-l {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 189px;
		float: left;
		margin-right: 12px;
	}
	.col-e3-r {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 263px;
		float: right;
		margin-right: -3px;
	}
	.col-e3-l img,
	.col-e3-r img{
		width: 180px;
	}
	.upperStage {
		margin-bottom: 20px;
	}
	.lowerStep {
		margin-bottom: 18px;
	}
	/* 適用表
	=========================================*/
	p.tekiyousyasyu{
		font-weight:bold;
		padding:5px 0 5px 5px;
		border-bottom:1px solid #aaa;
		border-left:7px solid #aaa;
		margin-bottom:1em;
	}
	table.tekiyouhyou{
		border-collapse:collapse;
		border:1px solid #aaa;
	}	
	table.tekiyouhyou th{
		padding:2px;
		border:1px solid #aaa;
		text-align:center;
		font-weight:bold;
	}
	table.tekiyouhyou td{
		padding:2px;
		border:1px solid #aaa;
	}
	.square{
		padding-left: 23px;
		background: url(../image/square.gif) no-repeat 0px 2px;
		background-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
		font-size: 16px;
		color: #444444;
		line-height: 1.25;
	}
	.round{
		font-size: 14px;
		padding-left: 19px;
		background: url(../image/round.gif) no-repeat 0px 2px;
		background-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
		line-height: 1.357;
		color: #434343;
	}
	/* マージン関連
	=========================================*/
	.pt3{ padding-top:3px; }
	.mb5{ margin-bottom:5px; }
	.mb7{ margin-bottom:7px; }
	.mb10{ margin-bottom:10px; }
	.mb15{ margin-bottom:15px; }
	.mb20{ margin-bottom:20px; }
	.mb30{ margin-bottom:30px; }
	.ml20{ margin-left:20px; }
	
	/* テキストフッター
	=========================================*/
	p.txtFooter{
		padding-top: 20px;
		border-top: 1px solid #aaa;
		font-size: 11px;
		color: #444444;
		line-height: 1.545;
		margin-bottom: 47px;
	}
	/* ACCORDION
	=========================================*/
	.accordion {
		width: 100%;
	}
	.closeBtnArea {
		display: none!important;
	}
	.toggle {
		pointer-events: none;
	}
	.toggleContent {
		display: block!important;
	}
}

/* SPで表示する項目
=====================================================================*/
@media only screen and (max-width:736px) {
	body {
		font-family: Meiryo,'メイリオ','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
		font-size: 1.4rem!important;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;
		text-align: left!important;
	}
	html {
		background: #FFF;
		font-size: 62.5%!important;
	}
	blockquote,
	body,
	code,
	dd,
	div,
	dl,
	dt,
	fieldset,
	form,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	input,
	legend,
	li,
	ol,
	p,
	pre,
	td,
	textarea,
	th,
	ul {
		margin: 0;
		padding: 0;
	}
	fieldset,
	img {
		border: 0;
	}
	address,
	caption,
	cite,
	code,
	dfn,
	em,
	strong,
	th,
	var {
		font-style: normal;
		font-weight: 400;
	}
	ol,
	ul {
		list-style: none;
	}
	caption,
	th {
		text-align: left;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 100%;
		font-weight: 400;
	}
	q:after,
	q:before {
		content: '';
	}
	abbr,
	acronym {
		border: 0;
		font-variant: normal;
	}
	sup {
		vertical-align: text-top;
	}
	sub {
		vertical-align: text-bottom;
	}
	#yui3-css-stamp.cssreset {
		display: none;
	}
	div#contents {
		width: 100%!important;
		line-height: 1.33;
	}
	#honda_logo img {
		width: auto;
	}
	button,
	input,
	select,
	textarea {
		font: 99% arial,helvetica,clean,sans-serif;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
		font: 100%;
	}
	code,
	kbd,
	pre,
	samp,
	tt {
		font-family: monospace;
		line-height: 100%;
	}
	.contents a {
		text-decoration: none;
	}
	.contents a:hover {
		text-decoration: underline;
	}
	.contentsInner {
		width: 91%;
		margin: 0 auto;
		padding-bottom: 5.25902%;
	}
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {
		display: inline-table;
		min-height: 1%;
	}
	* html .clearfix {
		height: 1%;
	}
	.clearfix {
		display: block;
	}
	#ua_contents {
		padding-bottom: 0.1875%;
	}
	.pcshow {
		display: none!important;
	}
	.price{
		margin-bottom: 2.6923%;
	}
	.description{
		margin-bottom: 5.6923%;
		font-size: 89%;
	}
	.description02{
		margin-bottom: 1.6923%;
		font-size: 83%;
	}
	.description03{
		font-size: 80%;
	}
	img {
		width: 100%;
	}
	.spBlock {
		display: block !important;
	}
	.floatLeft {
		float: none;
		margin-top: 7.35902%;
	}
	.floatRight {
		float: none;
		margin-top: 7.35902%;
	}
	.titleImage {
		margin-bottom: 4.35902%;
	}
	.oneBox {
		margin-bottom: 4.35902%;
	}
	.lead01 {
		text-align: center;
		line-height: 1.5;
		color: #282828;
		font-size: 96%;
	}
	.go-accesstop {
		width: 52%;
		text-align: right;
		margin-left: auto;
		padding: 5.01902% 0.8% 4.01902% 0;
	}
	.col-e3-l {
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 43%;
	}
	.col-e3-r {
		float: right;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 53%;
	}
	p.itemname {
		font-weight: bold;
	}
	.square{
		padding-left: 20px;
		background: url(../image/square.gif) no-repeat 0px 2px;
		background-size: 16px;
		font-weight: bold;
		margin-bottom: 3.35902%;
		font-size: 102%;
	}
	.round{
		padding-left: 20px;
		background: url(../image/round.gif) no-repeat 0px 2px;
		background-size: 16px;
		font-weight: bold;
		margin-bottom: 10px;
		font-size: 95%;
	}
	.quantity {
		background-color: #dce1eb;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		behavior: url(border-radius.htc);
		padding: 3px;
		float: left;
		display: block;
		width: 41px;
		text-align: center;
		font-size: 85%;
		margin-top: -1px;
	}
	.amount {
		font-weight: bold;
		margin-left: -9px;
	}
	.tax{
		font-size: 85%;
		color: #444444;
		line-height: 1.818;
		margin-left: -8px;
	}
	.txtFooter {
		color: #444444;
		line-height: 1.364;
		font-size: 80%;
	}
	/* ACCORDION
	=========================================*/
	.accordion {
		width: 100%;
	}
	.accordion > ul > li > h2 {
		display: block;
		color: #23509b;
		font-weight: bold;
		text-decoration: none;
		border-bottom: 3px solid #fff;
		cursor: pointer;
		padding: 4.85902% 5.35902% 4.85902% 5.35902%;
		position: relative;
		line-height: 0.654;
		background:url("../image/allow-addition.gif") 95% center no-repeat #dce1eb;
		background-size: 18px;
		font-size: 90%;
		vertical-align: middle;
	}
	.accordion > ul > li > h2.active{
		color: #fff;
		background:url("../image/allow-subtraction.gif") 96% center no-repeat #23509b;
		background-size: 20px;
	}
	.accordion > ul > li > ul {
		display: none;
	}
	.toggleContent {
		display: none;
	}
	.toggleInner {
		margin-top: 7.35902%;
	}
	.closeBtnArea {
		margin-top: 9.35902%;
		margin-bottom: 3.35902%;
		text-align:center;
	}
	.accordionClose {
		margin: 0 auto;
		border-radius: 4px;
		border: 1px solid #23509b;
		color: #23509b;
		overflow: hidden;
		width: 60%;
		text-align: center;
		font-weight: bold;
		padding: 3.35902% 0 3.35902% 0;
		font-size: 113%;
		vertical-align: middle;
		display:inline-block;
	}
	.disaffirmation {
		margin-bottom: 0!important;
	}
	.historyBack {
		display: none!important;
	}
	/* 汎用クラス
	=========================================*/
	.fln {
		float: none;
		margin: 0 auto;
	}
	.hide-for-small {
		display: none !important;
	}
	/* margin
	=========================================*/
	.mb5 { margin-bottom: 0px !important;}
	.mb7 { margin-bottom: 0px !important;}
	.mb10 { margin-bottom: 0px !important;}
	.mb12 { margin-bottom: 0px !important;}
	.mb15 { margin-bottom: 0px !important;}
	.mb20 { margin-bottom: 0px !important;}
	.mb25 { margin-bottom: 0px !important;}
	.mb30 { margin-bottom: 0px !important;}
	.mb35 { margin-bottom: 0px !important;}
	.mb40 { margin-bottom: 0px !important;}
	.mb45 { margin-bottom: 0px !important;}
	.mb50 { margin-bottom: 0px !important;}
	.mb55 { margin-bottom: 0px !important;}
	.mb60 { margin-bottom: 0px !important;}

	/* SP margin
	=========================================*/
	.mb0-sp { margin-bottom: 0px !important;}
	.mb5-sp { margin-bottom: 5px !important;}
	.mb7-sp { margin-bottom: 7px !important;}
	.mb10-sp { margin-bottom: 10px !important;}
	.mb15-sp { margin-bottom: 15px !important;}
	.mb20-sp { margin-bottom: 20px !important;}
	.mb25-sp { margin-bottom: 25px !important;}
	.mb30-sp { margin-bottom: 30px !important;}
	.mb35-sp { margin-bottom: 35px !important;}
	.mb40-sp { margin-bottom: 40px !important;}
	.mb45-sp { margin-bottom: 45px !important;}
	.mb50-sp { margin-bottom: 50px !important;}
}