/*
Template:Shotoku
Theme Name:leotani-spy
*/

.subsite-header{}
.subsite-header h1{float:left;width:290px}
.subsite-header h1 img{width:260px;height:117px}
.subsite-header .disc{font-size:116%;font-weight:bold;height:76px;text-align:right;color:#666}

.subsite-header ul.menu{height:37px}
.subsite-header ul.menu a{padding: 0px 10px;color:#ef8009;font-weight:bold;display:inline-block;border-bottom:3px solid #ef8009;height:37px;box-sizing: border-box;line-height:37px}
.subsite-header ul.menu a:hover{border-width:5px;color:#666}
.subsite-header ul.menu li{border:1px solid #ef8009;}

.page_hd h2{color:#5bc4e8;border-color:#5bc4e8;border-width:2px}
.main .page_cont h3{color:#5bc4e8;background-color:transparent;padding-left:0px;font-size:116%;}
.page-location .page_cont .box{padding:10px}
.main .page_cont dd{margin-left:1em;margin-bottom:0.8em;}
.main .page_cont dt{font-weight:bold}
.main .page_cont th,.main .page_cont td{padding:5px 10px;border:1px solid #ddd}



/*page-products*/
.page-products .prdct{width:49%;float:left;border:1px solid #000;padding:5px;box-sizing: border-box;margin:0px 5px 5px 0px}
.page-products .prdct div{margin-left:180px}
.page-products img{width:160px;float:left}
.page-products .prdct .model{font-size:108%;font-weight:bold;border-bottom:1px solid #000;margin-bottom:5px;line-height:1.1em}
.page-products h3{clear:left}
.page-products .button.dl_exel{background-position:10px center;padding-left:40px}

.page-products .prdcts_box{display:flex;flex-wrap: wrap;}

/*page-history*/

.page-history .page_cont{background:url("imgs/about_bg.jpg") no-repeat right bottom}


/*page-dealers-wanted*/
.main .page_cont table.dealerform {width:100%}
.main .page_cont table.dealerform th{background-color:#fda;position:relative;padding-right:50px;width:20%}
table.dealerform .required th span{background-color:#a00;padding:2px;border-radius:5px;font-weight:bold;color:#fff;position:absolute;right:5px;top:2px}

.dealerform input,.dealerform textarea{margin:5px;padding:3px;width:90%}
.dealerform input.zip{width:4em}
.wpcf7-form p{text-align:center}
.wpcf7-form p input{padding:10px 50px;font-size:138.5%;}



/*page-spy_order_sheet*/
.page-spy_order_sheet .prdct{border:1px solid #000;height:110px;padding:5px;box-sizing: border-box;margin:0px 5px 5px 0px;page-break-inside: avoid;}
.page-spy_order_sheet .prdct div{margin-left:180px}
.page-spy_order_sheet img{width:160px;float:left}
.page-spy_order_sheet .prdct .model{font-size:108%;font-weight:bold;border-bottom:1px solid #000;margin-bottom:5px;line-height:1.1em}
.page-spy_order_sheet h3{clear:left}
.page-spy_order_sheet  .prdct div.order_qntty{width:200px;height:50px;border:1px solid #000;float:right;margin-left:0px;padding:3px}
.page-spy_order_sheet .customer_info{border:1px solid #000;line-height:3em;padding:1em}
.page-spy_order_sheet .customer_info p{border-bottom:1px solid #666;font-size:116%}
.page-spy_order_sheet .page_hd{display:none}

.button{border:1px solid #666;display:inline-block; text-align:center;border-radius:10px;padding:20px}

.page-spy_order_sheet a .button.dl_exel{background-position:10px center;padding-left:30px;background-color:#eee} 
.page-spy_order_sheet .button.print_page{background-position:10px center;background-color:#eee;}



@media screen and (max-width: 959px) {
.subsite-header .disc{height:122px}
}

/*--- 640px以下 ---*/
@media screen and (max-width: 639px) {
.subsite-header h1{float:none;width:100%;}
.subsite-header{text-align:center}
.subsite-header .disc{height:auto;clear:left;text-align:center}
.page-spy_order_sheet .prdct{height:auto;margin:5px}
.page-products .prdct{width:100%}
.page-products .prdcts_box{display:block}



}

/*--- 480px以下 ---*/
@media screen and (max-width: 679px) {
.subsite-header ul.menu{margin-bottom:20px;height:auto;padding:0px}
.subsite-header ul.menu li{height:auto;display:block;float:none}
.subsite-header ul.menu li a{border-style:none}
.page_hd{}



}

@media print{
.header, .subsite-header,.footer{display:none}
.button.dl_exel,.button.print_page{display:none}

}