@charset "utf-8";

.sub header{overflow:hidden; width:1000px; margin:0 auto; position:relative;}
.sub header div.f_l{height:70px; overflow:hidden;}
.sub header h1{position:relative;top: 10%; float:left; margin-right:.5em;font-size:1.2em} 
.sub header h1 a{font-style:italic;}
.sub header h2{font-size:.9em; font-family:Verdana, Geneva, sans-serif; position:relative; top:45%}
.sub header h3{ position:absolute; top:0em; right:0}

header nav ul{position: relative;width:100%; margin:0 auto .2em;}
header nav li{width:23.2%;}
header nav li a{ padding:.5em 0;}
header nav li a:before{width:100%; left:0;}

/*--title--*/
.title{background:#000;}
.title:after{content:""; display:block; width:100%; height:14px; background:url(../img/bg.jpg) repeat-x;}
.title h2{ height:100px; text-align:center; color:#FFF;font-size:2em; padding-top:1.5em; background:url(../img/titlebg01.jpg) left no-repeat, url(../img/titlebg02.jpg) right no-repeat; width:1000px; margin:0 auto;}
.title h2 span{display:block; font-size:.5em; line-height:1em;}

/*--content--*/
.content{width:1000px; margin:0 auto;}
.content p{margin:1em auto;}

/*--factory--*/
article.factory{/*display:-webkit-box;*/display:-webkit-flex;display:flex;-webkit-flex-wrap: wrap;flex-wrap:wrap;margin:3em auto 4em; overflow:hidden;}
article.factory figure{width:32%; margin:1em 1em 0 0;float:left}
article.factory figure:nth-of-type(3n){margin-right:0;}
article.factory figure:nth-of-type(3n):after{content:"";display:block; height:1px; overflow:hidden;}
article.factory h3{font-weight:bold; border-bottom:1px #333 dotted; padding:10px 0}
article.factory h3:before{content:"→"; padding:2px; background:#000; color:#FFF; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; font-size:.5em; margin-right:1em; line-height:1.5em; position:relative; top:-2px;}
article.factory figure:nth-of-type(4n){clear:left;}

/*--mail--*/

.mail ul.notes{width:80%;margin:2em auto; padding:1em;border:1px #ccc solid; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; background:#eeeeee; list-style:outside;}
.mail .notes li{margin-left:2em;}
.mail{margin-bottom:5em;}
.mail table{margin:1em auto; width:80%; border-collapse:collapse;border:2px #999 solid; text-align:left}
.mail td,.mail th{padding:5px 10px; border-right:1px #ccc solid;border-bottom:1px #ccc solid;}
.mail th{background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
color:#fff; text-shadow:1px 1px 1px #000;font-weight:bold; vertical-align:top}
.mail th span,.mail td span{color:#F00;}

.mail p.btn{text-align:center;}
.mail input,.mail select{padding:5px;}
.mail input[type="text"],.mail textarea{outline:none;border: 1px solid #aaa;-webkit-transition: all .3s;transition: all .3s;}
.mail input[type="text"]:focus,.mail textarea:focus{box-shadow: 0 0 7px #39F;border: 1px solid #39F;}
p.btn input{padding:10px 15px; text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; background:#000;color:#FFF; border:1px #333 solid}
p.btn input[type="reset"]:hover{border-color:#039; color:#039; background:#FFF; cursor:pointer}
p.btn input[type="submit"]:hover{background:#fff;color:#000;cursor:pointer}

.mail h2{text-align:center; margin:1em auto; border-bottom:1px #333 dashed; font-size:1.5em;}
.mail p.sig{margin:2em auto; text-align:right; border-top:1px #333 dashed; padding:1em}

/*--proto--*/

#proto article{margin:1em auto; border-bottom:3px #999 solid;}
#proto p.mt_3{margin-top:3em;}
#proto article:last-child{margin-bottom:3em;}
#proto article h2{font-size:1.5em; padding:10px 0; border-bottom:1px #666 dashed;}
.spec dl{display:-webkit-box;display:-webkit-flex;display:flex; margin:1em auto;}
.spec dt,.spec dd{display:block;padding:5px 10px;}
.spec dt{font-weight:bold; background:#CCC; width:10%;text-align:center;  border:1px #999 solid;}

.type{/*display:-webkit-box;*/display:-webkit-flex;display:flex;justify-content:space-around;-webkit-flex-wrap: wrap;flex-wrap:wrap; overflow:hidden;}
.type div{width:45%; margin:1em .5em; border:1px #666 solid; color:#FFF; background:#333; padding:.5em 1em;float:left;}
.type div:nt-of-type(3n){clear:left;}
.type div h3{font-size:1.5em; font-weight:bold; text-align:center;padding:10px; border-bottom:1px #FFF solid;text-shadow:1px 1px 2px #fff;}
.type dt,.type dd,.price dt,.price dd{padding:5px 10px;}
.type dd,.price dd{ text-indent:1em;border-bottom:1px #CCC dotted;}
.price dt,.type dt{width:50%; clear:left;float:left; background:#666;}
.type dt{width:50%;}
.price dt{width:50%;color:#fff}
.type h2{/*display:inline;*/ width:100%;}
.type img{width:49%; display:inline}

.notes{padding:1em; border:1px #666 solid; background:#efefef; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin:1em auto 2em; width:80%;}
.type .notes{ clear:both; width:80%;}
.process .notes{color:#333;}

.process ol{list-style:decimal-leading-zero; margin:1em auto; padding:1em; border:1px #999 solid; background:#000;}
.process ol > li{margin:1em 0 1em 2em; border:1px #999 solid; padding:1em 2em; color:#FFF; background:#999}
.process ol > li:first-line{font-weight:1.5em; font-weight:bold; text-shadow:1px 1px 1px #666; line-height:2em;}
.process ol ul{ margin-left:1em;}
.process li div{/*display:-webkit-box;*/display:-webkit-flex;*/display:flex; justify-content:space-around;-webkit-flex-wrap: wrap; flex-wrap:wrap; overflow:hidden;}
.process li div figure{float:left; margin:1em;}
.process li div figure:nth-of-type(2n+1){clear:left;}
.price dl{font-size:1.6em;}

/*--fitting--*/
#fitting article{margin:1em auto; border-bottom:3px #999 solid; line-height:1.6em}
#fitting p.mt_3{margin-top:3em;}
#fitting article:last-child{margin-bottom:3em;}
#fitting .fitting h3,#fitting .fitting h2{color:#0420af;font-weight:bold;text-align:center;line-height:1.6em}
#fitting .fitting h2{font-size:2em;letter-spacing:-.1em;}
#fitting .fitting h4{color:#C00; text-align:center}
#fitting .history h2,.history h2,h2.ttl{font-size:1.5em; padding:10px 0; border-bottom:1px #666 dashed;}
#fitting .fitting ul{list-style:disc; width:80%; margin:1em auto}
#fitting ul.kome,ul.kome{list-style:none;margin:1em auto;padding:1em 2em;border:1px #ccc solid;width:80%}
#fitting ul.kome li>ul,ul.kome li>ul{margin:0 auto;width:95%;list-style:disc}
ul.kome>li{padding-left:1em;text-indent:-1em;list-style:none}
#fitting li li{ padding-left:1em}
.flex{display:flex;justify-content:space-around; margin:0 auto 1em}
#fitting .pic{background:#000; padding:1em .5em}
#fitting .pic figure{width:45%; text-align:center;}
#fitting .pic img{max-width:100%;}
#fitting figure.ta_c{display:block;margin:0 auto; text-align:center; padding:1em 1em 0;background:#000}

#fitting .history dl,.history dl{margin:1em auto;width:85%;}
#fitting .history dt,.history dt{padding:.2em .5em;background:#000;color:#fff;font-weight:bold; margin-bottom:.5em;letter-spacing:.1em}
#fitting .history dd,.history dd{padding-left:1.5em;margin:.5em auto 1em;}

/*--add20210220--*/
#history article{margin:0 auto 3em}
h2.ttl+.flex{margin:2em auto 3em}
/*--smp--*/
@media screen and (max-width: 480px) {
}