@charset "UTF-8";
/* シリーズ名 */
#series {border-bottom:#CCCCCC solid 1px;}

#series h2 {float:left; padding:0; margin:0px 40px 15px 0; font-size:18px; font-weight:lighter; color:#000000;}
#series h2 .pt15 {color: #666666;}
#series h2 .pt14 {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
#series select {
	float:left; padding:3px 5px; margin:0px 0 0px 10px;
	background-color:#F0F0F0; background:linear-gradient(#FFFFFF, #F0F0F0);
	border:#999999 solid 1px; border-radius:3px;
	}

#series ul {list-style:none; padding:0; margin:0;}
#series li {width:157px; height:17px; float:left; padding:3px 0 0 3px; margin:0 20px 20px 0;}
#series .bk {background:#666666; color:#FFFFFF;}

/* モデルリスト */
#model {padding:0; margin:0 auto 40px;}
#model ul {list-style:none;}
#model li {width:100%; display:table; margin:0;  border-bottom:#666666 solid 1px; table-layout:fixed;}
#model li .box2-2 .model span { display:block; float:left; margin:0 10px 0 0;}

#model li .box1 img,
#model li .box3 img {margin-left:5px; vertical-align:middle;}
#model li .box1 a,
#model li .box3 a {font-size:12px; text-decoration:none;}
#model li .box1 a:hover,
#model li .box3 a:hover{opacity:0.5;}


@media screen and (min-width: 0px) and (max-width: 760px){
/* シリーズ名 */
#series {padding:0 20px; margin:0 auto 40px;}

/* モデルリスト */
#model ul {padding:0 20px; line-height:1.3em;}
#model li {padding:10px 0 0;}

#model li .box1,
#model li .box2-1 {display:table-cell; vertical-align:top;}

#model li .box1 {width:100px; padding:0 20px 0 0;}
#model li .box1 .m-b20 { margin:10px 0 20px;}
#model li .box1 a {padding:11px 1px 2px; border-bottom:#0092CC solid 1px; color:#0092CC;}

#model li .box2-1 {width:100%;}
#model li .box2-2 .model {width:100%; margin:0 0 10px;}
#model li .box2-2 ul {width:100%; padding:0; margin:0;}
#model li .box2-2 li {width:100%; padding:5px 0 5px; border-top:#CCCCCC dotted 1px; border-bottom:none;}
#model li .box2-2 li:first-child {padding:0px 0 5px; border-top:none; }
#model li .box2-2 li.box-a,
#model li .box2-2 li.box-b {display: table-row;}

#model li .box2-2 li.no-topbd {border-top:none;}                                       /*   追加     */

#model li .box2-2 a{max-width:180px; display:block; padding:8px 5px; margin:5px 0; background:#13949A; border-radius:4px; border:#AAAAAA solid 1px; color:#FFFFFF; text-decoration:none;}
#model li .box2-2 a:hover{background:#E47911;}

#model li .box2-2 .box-b .boximg {margin:0px 10px 0 0px;}
#model li .box2-2 .box-b .memo3 { margin:0 0 15px;}


#model .frame {display:none;}
#model li .box2-2 .box-b .memo2 {display:none;}
#model li .box3 { display:none;}
}

@media screen and (min-width: 761px){
/* シリーズ名 */
#series {padding:0 40px; margin:0 auto 40px;}

/* モデルリスト */
#model ul {padding:0 40px; line-height:1.5em;}
#model li {padding:10px 0;}

#model li .box1,
#model li .box2-1,
#model li .box2-2 .model,
#model li .box2-2 ul,
#model li .box2-2 .box-a,
#model li .box2-2 .box-b,
#model li .box3 {display:table-cell; vertical-align:top;}


#model li .box1 {width:140px; padding:0 20px 0 0;}
#model li .box1 img {max-width:140px;}
#model li .box1 a {display:none;}

#model li .box2-1 {width:100%;}
#model li .box2-2 {width:100%; display:table; table-layout:fixed;}
#model li .box2-2 .model {width:180px; padding:11px 10px 0 0;}
#model li .box2-2 ul {width:98%; padding:0 2% 0 0; margin:0;}
#model li .box2-2 li {padding:5px 0 5px;  border-bottom:none;}  /*   border-top:#CCCCCC dotted 1px; を削除     */
#model li .box2-2 li:first-child {padding:0px 0 5px; border-top:none; } 
#model li .box2-2 .box-a {width:40px; padding:11px 30px 0 0;}
#model li .box2-2 .box-b {width:100%;}

#model li .box-a, #model li .box-b { border-top:#CCCCCC dotted 1px;}                                    /*   追加    */
#model li .box2-2 li:first-child .box-a ,#model li .box2-2 li:first-child .box-b  {border-top:none; }   /*   追加    */
#model li .box2-2 li.no-topbd .box-a ,#model li .box2-2 li.no-topbd .box-b  {border-top:none; }         /*   追加    */

#model li .box2-2 .box-b {width:100%;}


#model li .box2-2 .box-b a{display:block; padding:5px; margin:0 0 5px; text-decoration:none;}
#model li .box2-2 .box-b a:hover{background:#FEDED1;}
#model li .box2-2 .box-b a .boximg {display:block; padding:5px; margin:0px 10px 0 0px; background:#004B91; border-radius:4px; border:#EEEEEE solid 1px; color:#FFFFFF;}
#model li .box2-2 .box-b a:hover .boximg {background:#E47911;}

#model li .box2-2 .box-b .img-code1 {width:180px; float:left; padding:11px 0 0;}
#model li .box2-2 .box-b .img-code2 {width:180px; float:left; padding:0;}
#model li .box2-2 .box-b .boximg {float:left;}
#model li .box2-2 .box-b .memo1 {float:left; padding:11px 0 0;}
#model li .box2-2 .box-b .boxcode,
#model li .box2-2 .box-b .memo2 {float:left; padding:6px 0 0;}
#model li .box2-2 .box-b .memo3 {display:none;}


#model li .box3 {width:60px; border-left:#CCCCCC dotted 1px;}
#model li .box3 a {padding:11px 1px 0; float:right; border-bottom:#00A6A6 solid 1px; color:#13949A;}


#model .frame {padding:0 0 0px; margin:0 0 0px; border-top:none;}
#model .frame .box2-2 li {border-top:none; border-bottom:none;}
}

@media print {
/* シリーズ名 */
#series {padding:0 40px; margin:0 auto 40px;}

/* モデルリスト */
#model ul {padding:0 40px; line-height:1.5em;}
#model li {width:100%; display:table; table-layout:fixed;}
#model .frame {padding:0 0 10px; margin:0 0 20px; border-bottom:#CCCCCC solid 1px;}
#model .frame .box1 {width:160px; height:auto; padding:0;}
#model .frame .box2 {width:180px; height:auto; padding:0px 30px 0 0;}
#model li .box2 a { display:none;}

#model li .box2 .model {width:140px; float:left;}
#model li .box2 .year {width:40px; float:right;}

#model li .box1,
#model li .box2 {display:table-cell; vertical-align:top;}
#model li .box3 {width:99%; display:table-cell; padding:0 1% 0 0; vertical-align:top;}
#model li .box3 .code {width:180px; margin:0px 10px 0 10px;}
#model li .box3 .code span { display:block; float:left;}
#model li .box3 a .boximg {display:block; padding:5px 5px; margin:0px 10px 0 0px; background:#004B91; border-radius:4px; border:#EEEEEE solid 1px; color:#FFFFFF;}
#model li .box3 a:hover .boximg {background:#E47911;}
#model li .box3 a .boxcode {padding:5px 0px;}

#model li .box3 .memo {margin:5px 10px 0 0; text-align:left;}


#model li .box4 {width:60px; height:80px; display:table-cell; vertical-align: middle; border-left:#CCCCCC dotted 1px;}
#model li .box4 a {float:right;}

div.yearbox{ height:53px; }


}




/* 年式表示 */

@media screen and (min-width: 761px){

div.yearbox{ height:53px; }

}