/* Y'S GEAR : template.css */


@import "common.css";


body {
	width: 1010px;
	max-width: 1010px;
	min-width: 1010px;
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
}

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a.over:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


/*======================================================================*
 *  [ siteHeader ] 
 *======================================================================*/

#siteHeader {
	border-bottom: 4px solid #363a90;
	color: #505050;
}
#siteHeader a:hover {
	color: #282828;
}
#siteHeader a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#siteHeader li {
	list-style-type: none;
}

#siteHeader .ysgear {
	display: block;
	float: left;
	margin: 13px 20px 13px 0;
}
#siteHeader .yamaha {
	display: block;
	float: right;
	margin: 13px 0 13px 20px;
}


/*======================================================================*
 *  [ navButton ] 
 *======================================================================*/

#navButton {
	display: none;
}


/*======================================================================*
 *  [ headerNav ] 
 *======================================================================*/

#headerNav .closeButton {
	display: none;
}


/*======================================================================*
 *  [ headerNav searchBox ] 
 *======================================================================*/

#headerNav .searchBox {
	float: right;
	width: 150px;
	margin: 18px 0 18px 20px;
}
#headerNav .searchBox .search {
	width: 100%;
	margin: 0;
	padding: 4px 0 3px 0;
	border: 1px solid #e6e6e6;
	border-width: 1px 5px;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	background: url("../svg/icon_search.svg") right center no-repeat #e6e6e6;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	line-height: 15px;
	vertical-align: baseline; 
}
#headerNav .searchBox .search:focus {
	outline: none;
}
@-moz-document url-prefix() {
	#headerNav .searchBox .search {
		padding: 3px 0 4px 0;
	}
}


/*======================================================================*
 *  [ headerNav shopNav ] 
 *======================================================================*/

#headerNav .shopNav {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% - 490px);
	height: 40px;
	margin: 0 -10px;
	padding: 10px 0;
	float: right;
}
#headerNav .shopNav li { margin: 0 10px; }
#headerNav .shopNav br { display: none; }


/*======================================================================*
 *  [ globalNav ] 
 *======================================================================*/

#globalNav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: -webkit-space-between;
	justify-content: -moz-space-between;
	justify-content: -ms-space-between;
	justify-content: -o-space-between;
	justify-content: space-between;
	clear: both;
}
#globalNav li {
	width: 20%;
	box-sizing: border-box;
	text-align: center;
}
:root #globalNav li { /* [ IE9 ] */
	float: left\0/;
}
#globalNav li + li {
	padding: 0 0 0 2px;
}
#globalNav a {
	display: block;
	height: 14px;
	padding: 6px 5px;
	border-bottom: 2px solid #969696;
}
#globalNav img {
	height: 14px;
	opacity: .8;
}
#globalNav a:hover img {
	opacity: 1;
}


/*======================================================================*
 *  [ breadcrumbs ] 
 *======================================================================*/

.breadcrumbs {
	clear: both;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.6;
}
.breadcrumbs ol {
	margin: 11px 0;
}
.breadcrumbs li, 
.breadcrumbs a {
	display: inline-block;
}
.breadcrumbs li + li:before {
	content: ">";
	margin: 0 .5em;
}

/* [ POPUP型 ] */
.popupType .breadcrumbs {
	display: table;
	margin: 0 0 11px 0;
	width: 100%;
}
.popupType .breadcrumbs ol {
	display: table-cell;
	vertical-align: middle;
}

.popupType .breadcrumbs div {
	display: table-cell;
	width: 115px;
}
#closeButton {
	width: 100%;
	padding: 5px 20px 7px 20px;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	background: #464646;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	cursor: pointer;
}
#closeButton:hover {
	background: #000;
}
#closeButton span {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px 0 0;
	border-radius: 50%;
	background: #fff;
	color: #464646;
	font-size: 11px;
	font-weight: bold;
	line-height: .9;
	vertical-align: bottom;
}


/*======================================================================*
 *  [ siteContents ] 
 *======================================================================*/


/*======================================================================*
 *  [ pageTitle ] 
 *======================================================================*/

.pageTitle {
	margin: 18px 0;
}
.pageTitle h1 {
	margin: 0 0 5px 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
}
.pageTitle p {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.2;
}


/*======================================================================*
 *  [ TOP型 | 旧ID：contents-top / 新CLASS：contentsTop ] 
 *======================================================================*/


/*======================================================================*
 *  [ BASIC型 | 旧ID：contents-basic / 新CLASS：contentsBasic ] 
 *======================================================================*/

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

.contentsBasic {
	float: right;
	width: 76.5%;
	padding: 0 0 0 2.05%;
	box-sizing: border-box;
}


/*======================================================================*
 *  [ POPUP型 | 旧ID：contents-popup / 新CLASS：contentsPopup ] 
 *======================================================================*/


/*======================================================================*
 *  [ contentsWidth ] 
 *======================================================================*/

.contentsWidth {
	line-height: 1.4;
}

.contentsWidth li {
	list-style-type: none;
}


/*======================================================================*
 *  [ common | 共通要素 ] 
 *======================================================================*/

/*Androidブラウザフォントバグ対策*/
.contentsTop, 
.contentsBasic, 
.contentsPopup {
	max-height: 999999px;
}

/* [ h2 ] */
h2.h2 {
	position: relative;
	margin: 0 0 25px 0;
	padding: 20px 10px 20px 20px;
	border: 1px solid #cecece;
	background: #f8f7f7;
	font-size: 18px;
	font-size: 1.8rem;
}
h2.h2:before {
	display: block;
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	width: 0;
	border-left: 4px solid;
	content: "";
}

/* [ commonWrap | 共通使い放題 ] */
.commonWrap section, 
.commonWrap .section, 
.commonSection {
	margin: 40px 0;
}

/* [ commonIndent | 共通インデント ] */
.commonIndent {
	margin-left: 20px !important;
}

/* [ commonWrap h2 / commonTitleH2 | 共通見出し H2 ] */
.commonWrap h2, 
.commonTitleH2 {
	margin: 0 0 15px 0;
	padding: 12px 20px;
	background-color: #ebebeb;
	background-image: url(/shared/img/bg_common.png);
	background-size: 3px 3px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
}

/* [ commonWrap h3 / commonTitleH3 | 共通見出し H3 ] */
.commonWrap h3, 
.commonTitleH3 {
	margin: 40px 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #505050;
	color: #505050;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.2;
}

/* [ commonWrap h4 / commonTitleH4 | 共通見出し H4 ] */
.commonWrap h4, 
.commonTitleH4 {
	margin: 40px 0 15px 0;
	padding: 10px;
	background-color: #ebebeb;
	background-image: url(/shared/img/bg_common.png);
	background-size: 3px 3px;
	color: #505050;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
}

/* [ commonWrap h5 / commonTitleH5 | 共通見出し H5 ] */
.commonWrap h5, 
.commonTitleH5 {
	margin: 40px 0 15px 0;
	padding: 3px 0 3px 10px;
	border-left: 5px solid #969696;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
}

/* [ commonWrap h6 / commonTitleH6 | 共通見出し H6 ] */
.commonWrap h6, 
.commonTitleH6 {
	margin: 30px 0 15px 0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}

/* [ commonWrap hx / commonTitleHx | 共通見出し ] */
.commonWrap h2 span, .commonTitleH2 span, 
.commonWrap h3 span, .commonTitleH3 span, 
.commonWrap h4 span, .commonTitleH4 span, 
.commonWrap h5 span, .commonTitleH5 span, 
.commonWrap h6 span, .commonTitleH6 span {
	display: inline-block;
	font-weight: normal;
}

/* [ commonWrap p / commonText | 共通テキスト ] */
.commonWrap p, 
.commonText {
	margin: 0 0 10px 0;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
}

/* [ commonLargeText | 共通テキスト ] */
p.commonLargeText {
	margin: 0 0 15px 0;
	font-size: 16px;
	font-size: 1.6rem;
}

/* [ commonButton | 共通ボタン ] */
a.commonButton {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
.contentsWidth a.commonButton:hover {
	background: #999;
	color: #fff !important;
}
a.commonButton[target="_blank"]:before {
	margin: 0 5px 0 0;
	content: url(/shared/svg/icon_blank_white.svg);
}

/* [ commonLink / commonLinks | 共通リンク・共通リンクリスト ] */
a.commonLink, 
.commonLinks a {
	display: inline-block;
	margin: 0 5px 0 18px;
}
a.commonLink:hover, 
.commonLinks a:hover {
	text-decoration: underline;
}
a.commonLink:before, 
.commonLinks a:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 2px 2px -11px;
	border: 3px solid transparent;
	border-left: 6px solid #969696;
	vertical-align: middle;
	content: "";
}
a[target="_blank"].commonLink:before, 
.commonLinks a[target="_blank"]:before {
	width: 10px;
	height: 10px;
	margin: 0 4px 2px 0;
	border: none !important;
	background: #969696;
	font-size: 10px;
	line-height: 10px;
	content: url(/shared/svg/icon_common_blank.svg);
}
.commonLinks {
	margin: 15px 0;
}
.commonLinks li {
	line-height: 1.2;
}
.commonLinks li + li {
	margin: 10px 0 0 0;
}

/* [ commonLinkBox | 共通リンクボックス（カラム選択可） ] */
.commonLinkBox {
	margin: 30px;
	padding: 10px;
	border: 3px solid #f5f5f5;
	box-sizing: border-box;
	color: #464646;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}
.commonLinkBox a {
	display: block;
	padding: 5px 5px 5px 29px;
	text-indent: -14px;
}
.commonLinkBox a:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 5px 4px 0;
	border: 3px solid transparent;
	border-left: 6px solid #969696;
	vertical-align: middle;
	content: "";
}
.commonLinkBox li {
	float: left;
}
.commonLinkBox.column1 li { width: 100%; }
.commonLinkBox.column2 li { width:  50%; }
.commonLinkBox.column3 li { width:  33.33333333%; }
.commonLinkBox.column2 li:nth-child(2n+1), 
.commonLinkBox.column3 li:nth-child(3n+1) { clear: both; }

/* [ commonList | 共通リスト（dl・ul両方対応） ] */
.commonList {
	margin: 30px 0;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 0 0 1em;
}
.commonList dt, .commonList dt a,
.commonList li > span, .commonList li > a {
	font-weight: bold;
}
.commonList dt a, 
.commonList li > a {
	text-decoration: underline;
}
.commonList dt a:hover, 
.commonList li > a:hover {
	text-decoration: none;
}
.commonList a[target="_blank"]:after {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 2px 4px;
	border: none !important;
	background: #969696;
	font-size: 10px;
	line-height: 10px;
	text-indent: 0;
	content: url(/shared/svg/icon_common_blank.svg);
}
.commonList > dt, 
.commonList > li {
	text-indent: -1em;
}
.commonList > dt:before, 
.commonList > li:before {
	content: "● ";
}
.commonList dd + dt, 
.commonList li + li {
	margin: 15px 0 0 0;
}
.commonList dd {
	margin: 5px 0 0 0;
}
.commonList dd.disc {
	margin-left: 1em;
	text-indent: -1em;
}
.commonList dd.disc:before {
	content: "● ";
}
.commonList p {
	margin: 5px 0 0 0;
	font-weight: normal;
	text-indent: 0;
}
.commonList.noneTitle p {
	margin: 0;
}
/* [ 画像 ] */
.commonList dd img, 
.commonList p img {
	margin: 10px 0;
}

/* [ commonList.inline | 共通リストインライン（ulのみ） ] */
.commonList.inline {
	margin: 10px 0;
}
.commonList.inline li {
	display: inline-block;
	margin: 0 15px;
}

/* [ commonList.icon | 共通リストアイコン（dl・ul両方対応） ] */
.commonList.icon > dt img, 
.commonList.icon > li img {
	margin: 0 5px 2px -1em;
	vertical-align: middle;
}
.commonList.icon > dt:before, 
.commonList.icon > li:before {
	content: "　";
}

/* [ commonOrderedList | 共通リスト（ol） ] */
.commonOrderedList {
	margin: 15px 0 15px 2.5em;
	font-size: 13px;
	font-size: 1.3rem;
}
.commonOrderedList > li {
	list-style-type: decimal;
	text-indent: 0;
}
.commonOrderedList > li + li {
	margin: 10px 0 0 0;
}

/* [ commonNotes | 共通注釈（※つき） ] */
.commonNotes {
	margin: 0 0 15px 0;
	color: #464646;
	font-size: 12px;
	font-size: 1.2rem;
}
.commonNotes.red { color: #ff0000; }
span.commonNotes {
	display: inline-block;
	margin: 0 5px;
}
.commonNotes li, 
p.commonNotes, 
span.commonNotes {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.commonNotes li + li {
	margin: 5px 0 0 0;
}
.commonNotes li:before, 
p.commonNotes:before, 
span.commonNotes:before {
	content: "※";
}

/* [ commonNotesBox | 共通注釈（灰色座布団） ] */
.commonNotesBox {
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	background: #f8f7f7;
	color: #464646;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
}
.commonNotesBox dt {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.2;
}
.commonNotesBox dd + dt {
	margin: 15px 0 0 0;
}
.commonNotesBox dd, 
.commonNotesBox li {
	margin: 5px 0 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.commonNotesBox li:first-child {
	margin: 0;
}
.commonNotesBox dd:before, 
.commonNotesBox li:before {
	content: "● ";
}
.commonNotesBox .important {
	color: #ff0033;
}
.commonNotesBox p {
	margin: 0;
}
.commonNotesBox p + p {
	margin: 10px 0 0 0;
}

/* [ ●なし ] */
.commonNotesBox.noDisc dd, 
.commonNotesBox.noDisc li {
	padding: 0;
	text-indent: 0;
}
.commonNotesBox.noDisc dd:before, 
.commonNotesBox.noDisc li:before {
	display: none;
}


/* [ commonCushion | 共通座布団（灰色座布団） ] */
.commonCushion {
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	background: #f8f7f7;
}
.commonCushion p
.commonCushion ul, 
.commonCushion dl {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* [ commonTable | 共通テーブル（横幅一杯のものはhorizontal） ] */
.commonTable, 
.commonTable th, 
.commonTable td {
	box-sizing: border-box;
	border: 1px solid #b4b4b4;
}
.commonTable {
	width: auto !important;
	margin: 15px 0;
	color: #464646;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
}
.commonTable.horizontal { width: 100%; }
.commonTable th, 
.commonTable td {
	padding: 5px 10px;
}
.commonTable.middle th, 
.commonTable.middle td {
	vertical-align: middle;
}
.commonTable th {
	background-color: #ebebeb;
	background-image: url(/shared/img/bg_common.png);
	background-size: 3px 3px;
}
.commonTable thead th {
	background: #969696;
	color: #fff;
	line-height: 1.4;
	vertical-align: middle;
}

/* [ commonWrap bold | 文字太さ ] */
.textBold 	{ font-weight: bold; }
.textNormal { font-weight: normal; }

/* [ commonWrap align | 文字揃え ] */
.alignCenter 	{ text-align: center; }
.alignRight 	{ text-align: right; }
.alignLeft 		{ text-align: left; }
.valignTop 		{ vertical-align: top; }
.valignTtop 	{ vertical-align: text-top; }
.valignMiddle 	{ vertical-align: middle; }
.valignTbottom 	{ vertical-align: text-bottom; }
.valignBottom 	{ vertical-align: bottom; }

/* [ commonWrap margin | margin調整 ] */
.mTopNone { margin-top: 0 !important; }
.mBottomNone { margin-bottom: 0 !important; }

/* [ commonWrap float | フロート ] */
.floatRight { float: right; }
.floatLeft { float: left; }
img.floatRight { margin: 0 0 10px 20px; }
img.floatLeft { margin: 0 20px 10px 0; }

/* [ cf | 共通要素 cf ] */
.commonLinkBox:after {
	display: block;
	clear: both;
	content: "";
}


/*======================================================================*
 *  [ readerBox | Adobe Acrobat Reader ] 
 *======================================================================*/

.readerBox {
	display: table;
	width: 100%;
	margin: 15px 0;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.readerBox dl {
	display: table-row;
}
.readerBox dt, 
.readerBox dd {
	display: table-cell;
	padding: 20px;
	vertical-align: middle;
}
.readerBox dt {
	max-width: 112px;
	text-align: center;
}
html>/**/body .readerBox dt { /* IE8ハック */
	width /*\**/: 112px \9;
}
.readerBox dd {
	background: #f8f7f7;
	border-left: 1px solid #e6e6e6;
	line-height: 1.6;
}


/*======================================================================*
 *  [ specialLink | 特集リンク ]
 *======================================================================*/

.specialLink {
	margin: 0 0 30px 0;
	overflow: hidden;
}
.specialLink ul {
	margin: 0 -5px;
}
.specialLink li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 5px;
	box-sizing: border-box;
}
.specialLink .large {
	clear: both;
}
.specialLink .medium {
	float: left;
	width: 50%;
}
.specialLink .small {
	float: left;
	width: 25%;
}
.specialLink li a {
	display: block;
	border: 1px solid #969696;
}
.specialLink img {
	display: block;
}


/*======================================================================*
 *  [ contentsSide | サイドバー ] 
 *======================================================================*/

.contentsSide {
	float: left;
	width: 23.5%;
	box-sizing: border-box;
}

.contentsSide nav, 
.contentsSide aside {
	margin: 0 0 40px 0;
}

/* [ modelLink | モデルトップへ ] */
.modelLink {
	margin: 0 0 20px 0;
}
.modelLink a {
	display: block;
	position: relative;
	padding: 12px 15px 12px 25px;
	border-radius: 5px;
}
.modelLink a:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 0;
	height: 0;
	margin: -4px 0 0 0;
	border: 4px solid transparent;
	border-right: 6px solid #bfc0c0;
	content: "";
}

/* [ link | 共通リンク ] */
.contentsSide .link li {
	list-style-type: none;
}
.contentsSide .link a, 
.contentsSide .link span {
	display: block;
	position: relative;
	padding: 10px 10px 10px 25px;
	border-bottom: 1px dotted #d1d1d1;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
}
.contentsSide .link span {
	color: #b5b5b5;
}
.contentsSide .link a:before, 
.contentsSide .link span:before {
	display: block;
	position: absolute;
	top: 0.3em;
	left: 10px;
	width: 5px;
	height: 5px;
	margin: 10px 0 0 0;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
}
.contentsSide .link a:hover {
	border-color: #d1d1d1 !important;
}


/*======================================================================*
 *  [ localNav | ローカルナビ ] 
 *======================================================================*/

.localNav h2 a {
	display: block;
	padding: 15px 20px;
	background: #999;
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
}
.localNav h2 a:hover {
	background: #eee;
}


/*======================================================================*
 *  [ categoryNav / narrowBox | カテゴリ・ブランド・シリーズ ] 
 *======================================================================*/

.categoryNav h2, 
.narrowBox h2 {
	position: relative;
	padding: 0 27px 5px 5px;
	border-bottom: 3px solid #464646;
	color: #464646;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.4;
	cursor: pointer;
}
.categoryNav h2 span, 
.narrowBox h2 span {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 15px;
	height: 15px;
	border: 1px solid #464646;
}
.categoryNav h2 span:before, 
.categoryNav h2 span:after, 
.narrowBox h2 span:before, 
.narrowBox h2 span:after {
	display: block;
	position: absolute;
	content: "";
}
.categoryNav h2 span:before, 
.narrowBox h2 span:before {
	display: none;
	right: 7px;
	bottom: 2px;
	width: 0;
	height: 11px;
	border-left: 1px solid #464646;
}
.categoryNav h2.active span:before, 
.narrowBox h2.active span:before {
	display: block;
}
.categoryNav h2 span:after, 
.narrowBox h2 span:after {
	right: 2px;
	bottom: 7px;
	width: 11px;
	height: 0;
	border-top: 1px solid #464646;
}


/*======================================================================*
 *  [ categoryNav | カテゴリ ] 
 *======================================================================*/

.categoryNav {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
}
.categoryNav a {
	display: block;
}

.categoryNav h3 a {
	position: relative;
	padding: 15px 15px 15px 25px;
	background: #999;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
}
.categoryNav h3 + h3 a {
	border-top: 1px solid #bbb;
}
.categoryNav h3 a:hover {
	background: #eee;
}
.categoryNav h3 a:before {
	display: block;
	position: absolute;
	top: 0.35em;
	left: 14px;
	width: 5px;
	height: 5px;
	margin: 15px 0 0 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	content: "";
}
.categoryNav h3 a:hover:before {
	border-color: #999;
}

/* [ link / icon 共通 ] */
.categoryNav .link, 
.categoryNav .icon {
	border-bottom: 1px dotted #d1d1d1;
}
.categoryNav .link a, 
.categoryNav .link span, 
.categoryNav .icon a, 
.categoryNav .icon span {
	display: block;
	border-top: 1px dotted #d1d1d1;
	border-bottom: none;
}

/* [ model | 数付カテゴリ一覧 ] */
.categoryNav .model a, 
.categoryNav .model span { 
	padding: 15px 40px 15px 25px;
}
.categoryNav .model a:before, 
.categoryNav .model span:before {
	margin: 16px 0 0 0;
}
.categoryNav .model em {
	display: block;
	position: absolute;
	top: 0.3em;
	right: 10px;
	width: 1.8em;
	margin: 7px 0 0 0;
	padding: 5px 0;
	border-radius: 3px;
	color: #fff;
	font-style: normal;
	line-height: 1;
	text-align: center;
}
.categoryNav .model a em {
	background: #969696;
}
.categoryNav .model span em {
	background: #d3d3d3;
}

/* [ icon | アイコン付カテゴリ一覧 ] */
.categoryNav .icon a {
	position: relative;
	padding: 15px 5px 15px 50px;
}
.categoryNav .icon a:hover {
	border-color: #d1d1d1 !important;
}
.categoryNav .icon li.active > a {
	font-weight: bold;
}

/* [ icon | サムネイル ] */
.categoryNav .icon img {
	position: absolute;
	top: 50%;
	left: 5px;
	width: 35px;
	height: 35px;
	margin: -17px 0 0 0;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.categoryNav .icon a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.categoryNav .icon .active a:hover img, 
.categoryNav .icon .active img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* [ icon | アイコンの下の第4階層 ] */
.categoryNav .icon ul {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.2;
}
.categoryNav .icon li li a {
	position: relative;
	padding: 10px 10px 10px 20px;
}
.categoryNav .icon li li a:before {
	display: block;
	position: absolute;
	top: 14px;
	left: 10px;
	width: 0;
	height: 0;
	margin: 0;
	border: 3px solid transparent;
	border-left: 4px solid #bfc0c0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	content: "";
}

/* [ icon | アイコンの下の第5階層 ] */
.categoryNav .icon ul ul {
	margin: 0 0 10px 15px;
}
.categoryNav .icon li li li a {
	padding: 5px 10px 5px 20px;
	border: none;
}
.categoryNav .icon li li li a:before {
	top: 10px;
}


/*======================================================================*
 *  [ relatedBox | 関連リンク ] 
 *======================================================================*/

.relatedBox {
	padding: 0;
	border: 2px solid #b4b4b4;
	border-radius: 5px;
}

.relatedBox h2 {
	padding: 10px 18px;
	border-bottom: 1px solid #b4b4b4;
	color: #909090;
	font-size: 14px;
	font-size: 1.4rem;
}

.relatedBox ul {
	margin: 10px 13px;
	line-height: 1.2;
}
.relatedBox li {
	list-style-type: none;
}
.relatedBox li a {
	display: block;
	position: relative;
	padding: 5px 5px 5px 20px;
	color: #747474;
}
.relatedBox li a:before {
	display: block;
	position: absolute;
	top: 8px;
	left: 9px;
	width: 0;
	height: 0;
	border: 3px solid transparent;
	border-left: 4px solid #909090;
	content: "";
}
.relatedBox li a[target="_blank"]:before {
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	border: none;
	content: url(/shared/svg/icon_blank.svg);
}


/*======================================================================*
 *  [ pagination | ページネーション ] 
 *======================================================================*/

.pagination {
	margin: 0 0 35px 0;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: center;
}
.pagination li {
	display: inline-block;
	vertical-align: middle;
}
.pagination a, 
.pagination span {
	display: inline-block;
	min-width: 1.2em;
	margin: 0 0 5px 0;
	padding: 7px 5px;
	border: 1px solid #bcbcbc;
}
.pagination span {
	border-color: #464646;
	background: #464646;
	color: #fff;
}
.pagination .prev a, 
.pagination .next a {
	position: relative;
	padding: 7px 10px;
}
.pagination .prev a:before, 
.pagination .next a:after {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #ccc;
	border-right: 2px solid #ccc;
	content: "";
}
.pagination .prev a:before {
	margin: 0 5px 1px 0;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.pagination .next a:after {
	margin: 0 0 1px 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/*======================================================================*
 *  [ siteFooter | フッター ] 
 *======================================================================*/

#siteFooter {
	color: #505050;
	margin: 40px 0 0 0;
}
#siteFooter a:hover {
	color: #282828;
}
#siteFooter li {
	list-style-type: none;
}

/* [ POPUP型 ] */
.popupType #siteFooter {
	border-top: 1px solid #b4b4b4;
}

#siteFooter small {
	float: right;
	margin: 10px 0;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.2;
}


/*======================================================================*
 *  [ pageTop ] 
 *======================================================================*/

.pageTop {
	display: none;
	position: fixed;
	right: 50%;
	bottom: 40px;
	margin: 0 -480px 0 0;
	z-index: 100;
}
.pageTop a {
	display: block;
	position: relative;
	overflow: hidden;
	width: 56px;
	height: 56px;
	margin: 0 0 0 auto;
	border-radius: 100%;
	background: url(/shared/svg/btn_pagetop.svg) center center #000;
	text-indent: 100%;
	white-space: nowrap;
}
.pageTop a:hover {
	background-color: rgba(0,0,0,.8);
}


/*======================================================================*
 *  [ contentsLink | フッターリンク（サイトマップ） ] 
 *======================================================================*/

.contentsLink {
	background: #e6e6e6;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}

.contentsLink p {
	width: 75%;
	padding: 5px 20px;
	border-right: 1px solid #fff;
	box-sizing: border-box;
}

.contentsLink .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.contentsLink .inner > ul {
	padding: 0 0 50px 0;
	border-top: 1px solid #fff;
	box-sizing: border-box;
}
:root .contentsLink .inner > ul { /* [ IE9 ] */
	float: left\0/;
}
.contentsLink .inner > ul > li {
	padding: 15px 20px;
	box-sizing: border-box;
}
.contentsLink .inner > ul > li > a {
	margin: 0 0 7px 0;
	border-bottom: 1px solid #363a90;
}
.contentsLink li li {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: normal;
}
.contentsLink .top {
	display: none;
}

.contentsLink .product {
	width: 75%;
	border-right: 1px solid #fff;
}
.contentsLink .product > li {
	float: left;
	width: 33.3%;
}

.contentsLink .corporate {
	width: 25%;
}

.contentsLink a {
	display: block;
	padding: 7px 0;
}
.contentsLink li a {
	padding-left: 10px;
}
.contentsLink li a:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 -9px;
	border: 4px solid transparent;
	border-left: 6px solid #363a90;
	content: "";
}
.contentsLink li a:hover {
	color: #363a90 !important;
}


/*======================================================================*
 *  [ contentsLink color | フッターリンク（サイトマップ）色設定 ]  
 *======================================================================*/

.contentsLink .mc a            { border-bottom-color: #cc1533 !important; }
.contentsLink .mc a:before     { border-left-color:   #cc1533 !important; }
.contentsLink .mc a:hover      { color:               #cc1533 !important; }
.contentsLink .marine a        { border-bottom-color: #4794cf !important; }
.contentsLink .marine a:before { border-left-color:   #4794cf !important; }
.contentsLink .marine a:hover  { color:               #4794cf !important; }
.contentsLink .pas a           { border-bottom-color: #db5e67 !important; }
.contentsLink .pas a:before    { border-left-color:   #db5e67 !important; }
.contentsLink .pas a:hover     { color:               #db5e67 !important; }
.contentsLink .etc a           { border-bottom-color: #2e7939 !important; }
.contentsLink .etc a:before    { border-left-color:   #2e7939 !important; }
.contentsLink .etc a:hover     { color:               #2e7939 !important; }


/*======================================================================*
 *  [ logo20th | 20周年ロゴ ] 2017.1 追記
 *======================================================================*/

.logo20th {
	text-align: center;
}
.logo20th a {
	display: inline-block;
	padding: 0 !important;
	border-bottom: none !important;
}
.logo20th a:before {
	display: none !important;
}


/*======================================================================*
 *  [ siteLink | フッターリンク（基本） ] 
 *======================================================================*/

.siteLink {
	float: left;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.2;
}
.siteLink li {
	float: left;
}
.siteLink a {
	display: block;
	padding: 10px;
}
.siteLink li:first-child a {
	margin: 0 0 0 -10px;
}


/*======================================================================*
 *  [ cf ] 
 *======================================================================*/

#siteHeader:after, 
#siteHeader .subNav:after, 
#siteHeader .shopNav:after, 
#globalNav ul:after, 
.siteContents:after, 
#siteFooter:after, 
#siteFooter ul:after, 
.contentsLink .inner:after {
	display: block;
	clear: both;
	content: "";
}