@charset "utf-8";
main {max-width: 600px; padding: 0 15px; font-size: 16px; line-height: 1.5em;}

/* ページトップへ */
#top-button {
    right: 0px; bottom: 60px; z-index: 1; 
    padding: 15px 10px; border-radius: 8px 0 0 8px; background: #2e3071; 
    color: #FFF; font-size: 12px; line-height: 1.3em; text-align: center;}

#top-button:hover {opacity: 0.8;}

#top-button span {display: inline-block; position: relative; padding: 0 0 0 30px;}
#top-button span:before {
    width: 0; height: 0; margin: -5px 0 0 5px;
    border-style: solid; border-width: 0 6px 9px 6px;
    border-color: transparent transparent #fff transparent;}

#top-button span:before, 
#top-button span:after {
    content: '';
    position: absolute; top: 50%; left: 0px;}

#top-button span:after {
    width: 20px; height: 20px; margin: -11px 0 0;
    border: solid #fff 1px; border-radius: 10px;}
    
@media screen and (max-width: 900px){
body {padding: 0 0 50px;}

#top-button {
    display: block; bottom: 0px;
    width: 100%;  padding: 15px 0; border-radius: 0;
    opacity: 0.95;}
}

/* パンクズリスト */
#pankuzu { margin:30px 0 20px; padding: 0; font-size: 14px; line-height: 1.1em;}
#pankuzu h2,#pankuzu h3,#pankuzu h4,#pankuzu h5 { display: inline; font-size: 14px; font-weight: lighter; line-height: 1.5em;}
#pankuzu a {color: #535353; text-decoration: none; letter-spacing: 0.05em;}
#pankuzu a:hover { color:#0066CC; text-decoration:underline;}

@media screen and (max-width:599px){
#pankuzu {overflow-x: scroll; margin:20px 0;padding:5px; font-size: 13px; white-space: nowrap;}
#pankuzu h2,#pankuzu h3,#pankuzu h4,#pankuzu h5 { font-size: 13px;}
#pankuzu div {display: inline-block; padding: 5px 5px 0;}

/* スクロールバーの装飾 */
#pankuzu::-webkit-scrollbar {height: 8px;}
#pankuzu::-webkit-scrollbar-track {background-color: rgba(216, 216, 216, 0.5);}
#pankuzu::-webkit-scrollbar-thumb {background-color: rgba( 150, 150, 150, 0.8);}
}

/**============================================================================================**/


/**============================================================================================**/

/* 注意事項 */
#warning .bg { padding: 15px; background: #ffd800;}
#warning .posi-rlt { max-width:512px; padding:0 0 0 45px; background: #ffd800;}

/* 注意マークアイコン */
#warning .posi-rlt:before {
    content: url("../images/icon_warning.png");
    display: block; position: absolute; top: 5px; left: 0;
    width: 34px; height: 30px;}

 /* 注意事項を開く */
#warning a {
    display: block; position: relative;
    box-sizing: border-box; width: 250px; height: 34px; padding: 9px 0 0; margin: 15px auto 0;
    border-radius: 6px; background: #c70000;
    color: #fff; font-weight: 600; text-align: center;
    line-height: 1.0em; text-decoration: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}

#warning a:hover { background: #E61E1E;}


/**========================================**/
/* 注意事項を開く（アコーディオン 開閉ボタン） */

 /* 開閉ボタン 共通 */
#warning label {
    display: block; position: relative;
    box-sizing: border-box; height: 34px; padding: 9px 0 0; margin: 15px auto 0;
    border-radius: 6px; 
    color: #fff; font-weight: 600; text-align: center;
    line-height: 1.0em; cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}


#warning label:before,
#warning label:after {
    content: '';
    position: absolute; top: 8px;
    width: 0;  height: 0;
    border-style: solid;  border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);}


/* 開くボタン */
#warning .bg label {width: 250px; background: #c70000;}
#warning .bg label:hover { background: #E61E1E;}
#warning .bg label span:before {content: '注意事項を開く';}
#warning .bg label:before { left: 10px;}
#warning .bg label:after { right: 10px;}

/* 閉じるボタン */
#warning .area label {width: 100px; padding: 9px 20px 0 0; background: #333;}
#warning .area label:hover { opacity: 0.8;}
#warning .area label:before { display: none;}
#warning .area label:after { right: 4px;}

/**========================================**/
/* アコーディオン 表示・非表示エリア */
#warning .area {
  overflow-y: hidden;
  max-height: 0; margin: 0; padding:0; border:none; opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#warning p.asterisk {position: relative; padding: 0 0 0 18px; color:#DC0003; font-weight:bold;}
#warning p.asterisk:before {content:'※'; position: absolute; top: 0; left: 0;}
#warning .area ul { padding:0 0 0 16px;}
#warning .area li {margin: 0 0 15px;}
#warning .area li .fw_b {margin: 0 0 0 -16px;}

/**========================================**/

/* アコーディオンをクリックした場合 */

/* 表示・非表示エリア */
#warning-op:checked ~ .area {height:auto; max-height: 1200px; padding: 15px 10px; border:solid 2px #ffd800; opacity: 1;}

 /* 開閉ボタン */  
#warning-op:checked ~ .bg label span:before {content: '注意事項を閉じる';}
#warning-op:checked ~ .bg label:before {display: none;}
#warning-op:checked ~ .bg label:after,
#warning-op:checked ~ .area label:after {
    content: '×';
    top: 50%;
    width:auto; height:auto; margin: -8px 0 0; border:none; 
    color: #fff; font-size: 26px; font-weight: 600;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
    
@media screen and (max-width:499px){
#warning-op:checked ~ .area {max-height: 2000px;}
}

/**============================================================================================**/


/**============================================================================================**/
/* モデル名一覧 */
#series-list a {color:#0092CC; text-decoration:none;}
#series-list a:hover{color:#E47911; text-decoration:underline;}

/* 年式で絞り込む */
#series-list .bg {padding: 10px 20px; background: #333;}
#series-list select {width: 230px; padding: 5px; font-size: 16px; cursor: pointer;}

/* 一覧 */
#series-list .posi-rlt {padding: 10px 0 10px 40px; border-top: dashed 1px #7d7d7d;}
#series-list .posi-rlt:nth-child(2) { border:none;}
#series-list .posi-abs{
    top: 20px; left: 20px; 
    box-sizing: border-box; width: 20px; height: 20px; padding: 2px 0 0;
    background: #333;
    color: #fff;  text-align: center; line-height: 1.0em;}
    
#series-list ul { font-size: 0; overflow:auto;}
#series-list li { 
    display: inline-block;  
    box-sizing: border-box; width: 33.33%; margin: 10px 0; padding: 0 0 0 10px;
    font-size: 16px;}
#series #series-list li {  margin: 10px 0; padding: 0 0 0 10px;}

#series #series-list li:has(strong) { 
    width: 100%; margin-top: 30px;
    padding: 3px 0 3px 10px;
    border-left: solid 5px #004885;}
    
@media screen and (max-width:499px){
/* 一覧 */
#series-list .posi-rlt {padding: 10px 0 10px 30px;}
#series-list .posi-abs{left: 10px;}
    
#series-list li { width: 50%;}
}

@media screen and (max-width:399px){
#series-list li { width: 100%;}
}


/* 業者登録承ります */
#corporate {
    position: relative;
    padding: 20px 0 0 122px; border-top: solid 1px #7d7d7d;}
    
#corporate:before {
    content: url("../images/icon_corporate.png");
    position: absolute; top: 20px; left: 20px;}
    
#corporate a {text-decoration: underline;}

@media screen and (max-width:399px){
#corporate {padding: 127px 0 0 0px;}
#corporate:before {top: 20px; left: 50%; margin: 0 0 0 -46px;}
}

/**============================================================================================**/


/* SEA-DOO純正部品卸売販売禁止について */
.sd-info{
	width: 100%;
	max-width: 600px;
	box-sizing: border-box;
	border: solid 3px #d00;
	padding: 10px;
	margin: 0 0 20px 0;
}

.sd-txtxt{
	color: #d00;
	font-size: 1.1em;
	font-weight: 600;
	margin-left:3em;
	text-indent:-4em;
}

.dot-line{
	border: none;
	border-top: dotted 1px #666;
}

/**========================================**/
/* ヤマハEG */
.maker7001 {
    margin: 30px 0 0; padding: 30px 0 0;
    border-top: solid 1px #999;}

.maker7001 strong {
    display: block;
    margin: 0 0 20px;
    color: #004885; font-size: 1.1em;}

.maker7001 .dis-tbl_tab { width: 100%; margin: 0 0 20px;}
.maker7001 .dis-tbl_tab > * { display: table-cell; vertical-align: top;}
.maker7001 .dis-tbl_tab > p { width: 80px; font-weight: bold;}

.maker7001 p.asterisk {
    position: relative; 
    margin: 10px 0 0; padding: 0 0 0 18px;
    color:#FF0004; font-size: 0.9em;}
.maker7001 p.asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}

.maker7001 p.asterisk a { color:#FF0004; font-weight: bold;}
.maker7001 p.asterisk a:hover {color: #0066cc;}

@media screen and (max-width:499px){
    .maker7001 .dis-tbl_tab,
    .maker7001 .dis-tbl_tab > * { display: block;}
    
    .maker7001 .dis-tbl_tab > p { margin: 0 0 5px;}
}

/**========================================**/
/* ホンダEG */
.maker7011 {
    margin: 30px 0 0; padding: 30px 0 0;
    border-top: solid 1px #999;}

.maker7011 strong {
    display: block;
    margin: 0 0 15px;
    color: #004885; font-size: 1.1em;}

.maker7011 strong::first-letter { margin: 0 5px 0 0;}

.maker7011 .dis-tbl_tab { box-sizing: border-box; width: 100%; margin: 0 0 10px; padding: 0 0 0 25px;}
.maker7011 .dis-tbl_tab:nth-of-type(2) { margin: 0 0 30px;}

.maker7011 .dis-tbl_tab > * { display: table-cell; vertical-align: top;}
.maker7011 .dis-tbl_tab > p { width: 80px; font-weight: bold;}

.maker7011 p.asterisk {
    position: relative; 
    margin: 10px 0 0; padding: 0 0 0 18px;
    color:#FF0004; font-size: 0.9em;}
.maker7011 p.asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}

.maker7011 p.asterisk a { color:#FF0004; font-weight: bold;}
.maker7011 p.asterisk a:hover {color: #0066cc;}

.maker7011 .arrow { padding: 20px 0 0; border-top: solid 1px #999;}
.maker7011 .arrow p {position: relative; margin: 0 0 10px; padding: 0 0 0 18px;}
.maker7011 .arrow p::before {
    content: '';
    position: absolute; top: 5px; left: 0;
    width: 0;  height: 0;
    border-style: solid;  border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #ff6c00;}

@media screen and (max-width:499px){
    .maker7011 .dis-tbl_tab,
    .maker7011 .dis-tbl_tab > * { display: block;}
    
    .maker7011 .dis-tbl_tab > p { margin: 0 0 5px;}
}


/**========================================**/
/* スズキEG */
.maker7012 {
    margin: 30px 0 0; padding: 30px 0 0;
    border-top: solid 1px #999;}

.maker7012 strong {
    display: block;
    margin: 0 0 20px;
    color: #004885; font-size: 1.1em;}

.maker7012 .dis-tbl_tab { width: 100%; margin: 0 0 20px;}
.maker7012 .dis-tbl_tab > * { display: table-cell; vertical-align: top;}
.maker7012 .dis-tbl_tab > p { width: 80px; font-weight: bold;}

.maker7012 p.asterisk {
    position: relative; 
    margin: 10px 0 0; padding: 0 0 0 18px;
    color:#FF0004; font-size: 0.9em;}
.maker7012 p.asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}

.maker7012 p.asterisk a { color:#FF0004; font-weight: bold;}
.maker7012 p.asterisk a:hover {color: #0066cc;}

.maker7012 .arrow { padding: 20px 0 0; border-top: solid 1px #999;}
.maker7012 .arrow p {position: relative; margin: 0 0 10px; padding: 0 0 0 18px;}
.maker7012 .arrow p::before {
    content: '';
    position: absolute; top: 5px; left: 0;
    width: 0;  height: 0;
    border-style: solid;  border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #ff6c00;}

@media screen and (max-width:499px){
    .maker7012 .dis-tbl_tab,
    .maker7012 .dis-tbl_tab > * { display: block;}
    
    .maker7012 .dis-tbl_tab > p { margin: 0 0 5px;}
}


/**========================================**/
/* トーハツEG */
.maker7013 {
    margin: 30px 0 0; padding: 30px 0 0;
    border-top: solid 1px #999;}

.maker7013 strong {
    display: block;
    margin: 0 0 20px;
    color: #004885; font-size: 1.1em;}

.maker7013 .dis-tbl_tab { width: 100%; margin: 0 0 20px;}
.maker7013 .dis-tbl_tab > * { display: table-cell; vertical-align: top;}
.maker7013 .dis-tbl_tab > p { width: 80px; font-weight: bold;}

.maker7013 p.asterisk {
    position: relative; 
    margin: 10px 0 0; padding: 0 0 0 18px;
    color:#FF0004; font-size: 0.9em;}
.maker7013 p.asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}

.maker7013 p.asterisk a { color:#FF0004; font-weight: bold;}
.maker7013 p.asterisk a:hover {color: #0066cc;}

.maker7013 .arrow { padding: 20px 0 0; border-top: solid 1px #999;}
.maker7013 .arrow p {position: relative; margin: 0 0 10px; padding: 0 0 0 18px;}
.maker7013 .arrow p::before {
    content: '';
    position: absolute; top: 5px; left: 0;
    width: 0;  height: 0;
    border-style: solid;  border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #ff6c00;}

@media screen and (max-width:499px){
    .maker7013 .dis-tbl_tab,
    .maker7013 .dis-tbl_tab > * { display: block;}
    
    .maker7013 .dis-tbl_tab > p { margin: 0 0 5px;}
}

/**========================================**/
/* ヤンマーEG */
.maker7027 {
    margin: 30px 0 0; padding: 30px 0 0;
    border-top: solid 1px #999;}

.maker7027 strong {
    display: block;
    margin: 0 0 20px;
    color: #004885; font-size: 1.1em;}

.maker7027 .dis-tbl_tab { width: 100%; margin: 0 0 20px;}
.maker7027 .dis-tbl_tab > * { display: table-cell; vertical-align: top;}
.maker7027 .dis-tbl_tab > p { width: 80px; font-weight: bold;}

.maker7027 p.asterisk {
    position: relative; 
    margin: 10px 0 0; padding: 0 0 0 18px;
    color:#FF0004; font-size: 0.9em;}
.maker7027 p.asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}

.maker7027 p.asterisk a { color:#FF0004; font-weight: bold;}
.maker7027 p.asterisk a:hover {color: #0066cc;}

.maker7027 .arrow { margin: 0 0 50px;}
.maker7027 .arrow p {position: relative; margin: 0 0 10px; padding: 0 0 0 18px;}
.maker7027 .arrow p::before {
    content: '';
    position: absolute; top: 5px; left: 0;
    width: 0;  height: 0;
    border-style: solid;  border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #ff6c00;}

@media screen and (max-width:499px){
    .maker7027 .dis-tbl_tab,
    .maker7027 .dis-tbl_tab > * { display: block;}
    
    .maker7027 .dis-tbl_tab > p { margin: 0 0 5px;}
}


/**========================================**/
/* ミンコタTR */
.maker8114 {
    margin: 30px 0 0; padding: 30px 0 0;
    border-top: solid 1px #999;}

.maker8114 strong {
    display: block;
    margin: 0 0 20px;
    color: #004885; font-size: 1.1em;}

.maker8114 .dis-tbl_tab { width: 100%; margin: 0 0 20px;}
.maker8114 .dis-tbl_tab > * { display: table-cell; vertical-align: top;}
.maker8114 .dis-tbl_tab > p { width: 80px; font-weight: bold;}

.maker8114 p.asterisk {
    position: relative; 
    margin: 10px 0 0; padding: 0 0 0 18px;
    color:#FF0004; font-size: 0.9em;}
.maker8114 p.asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}

.maker8114 p.asterisk a { color:#FF0004; font-weight: bold;}
.maker8114 p.asterisk a:hover {color: #0066cc;}

@media screen and (max-width:499px){
    .maker8114 .dis-tbl_tab,
    .maker8114 .dis-tbl_tab > * { display: block;}
    
    .maker8114 .dis-tbl_tab > p { margin: 0 0 5px;}
}

/* LastUp2026.01.15_kimata */