@charset "euc-jp";
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);}
}

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


/**============================================================================================**/
/* モデル一覧 */

/* タイトル */
#model-list .posi-rlt {
    margin: 0 0 30px; padding: 10px 15px; background: #333;
    color: #fff; font-size: 1.25em; line-height: 1.0em;}

#model-list .posi-rlt a { 
    display: inline-block; position: absolute; top: 10px; right: 15px;
    padding: 0; border-bottom: solid 1px #fff;
    color: #fff; font-size: 0.875em; line-height: 1.0em; text-decoration: none;}

#model-list .posi-rlt a:before {
    content: url("../images/icon_return-off.png");
    display: inline-block; width: 13px; height: 11px; margin: 0 5px 0 0;}

#model-list .posi-rlt a:hover { border-color: #fff000; color: #fff000;}
#model-list .posi-rlt a:hover:before {content: url("../images/icon_return-on.png");}

/**========================================**/
/* 一覧 */
#model-list .dis-tbl_tab { 
    box-sizing: border-box; width: 100%; margin: 0 0 20px; padding: 0 15px 10px;
    border-bottom: dashed 1px #7d7d7d;}

/* サムネイル */
#model-list a.dis-tblcl01 {
    width: 140px; padding: 5px; 
    color:#0092CC; font-size: 0.812em; line-height: 1.5em;
    text-align: center; text-decoration: none;}

#model-list a.dis-tblcl01 img { width: 100%; height: auto;}

#model-list a.dis-tblcl01 span {
    display: inline-block; position: relative;
    padding: 0 0 0 16px; border-bottom: solid 1px #0092cc;}

#model-list a.dis-tblcl01 span:before {
    content: url("../images/icon_outlink.png");
    position: absolute; top: 50%; left: 0;
    width: 13px; height: 13px; margin: -8px 0 0;}

#model-list a.dis-tblcl01:hover { background: #fffaa3;}
#model-list a.dis-tblcl01:hover img,
#model-list a.dis-tblcl01:hover span,
#model-list a.dis-tblcl01:hover span:before { opacity: 0.5;}

/* 年式・摘要・分解図コード */
#model-list .dis-tblcl02 {padding: 5px 0 0 25px;}
#model-list .dis-tblcl02 p { display: inline-block;}
#model-list .dis-tblcl02 p:nth-child(1) { 
    margin: 0 3px 0 0; padding: 4px 10px; background: #333;
    color: #fff; line-height: 1.0em;}
    
#model-list .dis-tblcl02 p:nth-child(3) { display: block; margin: 5px 0 0;}

/* 分解図コード（リンク） */
#model-list .dis-tblcl02 a {
    display: block; position: relative;
    box-sizing: border-box; margin: 10px 0 0; padding: 8px 34px 8px 10px;
    border-radius: 6px; background: #025092;
    color: #fff; font-size: 0; line-height: 1.0em; text-decoration: none;}

#model-list .dis-tblcl02 a span { display: inline-block; font-size: 16px; line-height: 1.0em;}

#model-list .dis-tblcl02 a:after {
    content: url("../images/icon_arrow-next.png");
    display: inline-block; position: absolute; top: 50%; right: 10px;
    width: 19px; height: 19px; margin: -10px 0 0;}

#model-list .dis-tblcl02 a:hover { background: #2a78ba;}

@media screen and (max-width:499px) and (min-width:0px){
/* 一覧 */
#model-list .dis-tbl_tab { padding: 0 10px 10px;}

/* サムネイル */
#model-list a.dis-tblcl01 {width: 120px;}
    
/* 年式・摘要・分解図コード */
#model-list .dis-tblcl02 {padding: 5px 0 0 5px; font-size: 0.875em; line-height: 1.3em;}
#model-list .dis-tblcl02 p:nth-child(2)  { display: block; margin: 5px 0 0;}

/* 分解図コード（リンク） */
#model-list .dis-tblcl02 a { padding: 10px 29px 9px 5px;}
#model-list .dis-tblcl02 a span { display: inline-block; font-size: 14px; line-height: 1.3em;}


}

/*
@media screen and (max-width:399px){
#model-list .dis-tbl_tab,
#model-list .dis-tblcl01,
#model-list .dis-tblcl02 { display: block;}

#model-list .dis-tblcl01 { margin: 0 auto;}
#model-list .dis-tblcl02 { padding:0 5px;}


}
*/
/**============================================================================================**/