@charset "utf-8";
/* CSS Document */
.edit .proname{ font-size:35px; color:#444; max-width:1250px; margin:0 auto 40px auto; padding:0 20px; box-sizing:border-box; letter-spacing:3px;}
.edit .proname .pronameen{ font-size:15px; color:#ccc;}

.edit .banner{ max-width:1250px; height:auto; padding:0 20px; margin:0 auto 35px auto; box-sizing:border-box;}
.edit .banner img{ width:100%;}
.edit .text{ max-width:1250px; padding:0 20px; color:#444; font-size:15px; letter-spacing:3px; margin:0 auto; line-height:30px; box-sizing:border-box;}
.edit .title{ max-width:1250px; padding:0 20px; margin:70px auto 35px auto; font-size:15px; color:#444; font-weight:bold; line-height:32px; box-sizing:border-box; letter-spacing:3px;}
.edit .title .titleline{ width:auto; border-bottom: solid 2px #00adee; padding-bottom:5px;}
.edit .title .titleline .titleline02{ width:auto; border-bottom: solid 2px #00adee; padding-bottom:5px; color:#777; font-weight:normal; margin-left:5px;}
.edit .logoblock{ max-width:1250px; padding:0 0 0 20px; margin:0 auto; font-size:0; box-sizing:border-box;}
.edit .logoblock .logo{ max-width:220px; width:18%; box-sizing:border-box; padding-bottom:18%; display:inline-block; border:1px solid #ccc; background-color:#eee; margin:0 2% 2% 0; position:relative;}
.edit .logoblock .logo img{ max-width:130px; max-height:130px; width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.edit .logoblock .logo02{ max-width:220px; width:18%; box-sizing:border-box; padding-bottom:18%; display:inline-block; border:1px solid #ccc; background-color:#eee; margin:0 0 2% 0; position:relative;}
.edit .logoblock .logo02 img{ max-width:130px; max-height:130px; width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.edit .logoblock .logo-no{ max-width:220px; width:18%; box-sizing:border-box; padding-bottom:18%; display:inline-block; border:0; background-color:none; margin:0 2% 2% 0; position:relative;}
.edit .logoblock .logo-no img{ max-width:130px; max-height:130px; width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.edit .logoblock .logo02-no{ display:none;}
.edit .logoblock .logo02-no img{ display:none;}

.edit .nameblock{ max-width:1250px; padding: 0 20px; margin:0 auto; font-size:0; box-sizing:border-box;}
.edit .nameblock .name{ width:8.3%; display:inline-block; vertical-align:top; margin-bottom:20px;}
.edit .nameblock .name .nt{ width:75px; text-align:center; background-color:#3bc9ff; font-size:21px; color:#fff; font-weight:bold; line-height:33px; margin:-1px 0;}
.edit .nameblock .name .c01{ background-color:#3bc9ff;}
.edit .nameblock .name .c02{ background-color:#2cb5e9;}
.edit .nameblock .name .c03{ background-color:#00adee;}
.edit .nameblock .name .c04{ background-color:#45c1ef;}
.edit .nameblock .name .c05{ background-color:#0097d0;}
.edit .nameblock .name .c06{ background-color:#23b6ee;}
.edit .nameblock .name .c07{ background-color:#4cbde8;}
.edit .nameblock .name .c08{ background-color:#00adee;}
.edit .nameblock .name .c09{ background-color:#1da0d1;}
.edit .nameblock .name .c10{ background-color:#04a9e7;}
.edit .nameblock .name .c11{ background-color:#04A9E7;}
.edit .nameblock .name .c12{ background-color:#04A9E7;}
.edit .nameblock span{ border:1px solid #ccc; border-radius:10px; font-size:17px; color:#444; padding:6px 20px; display:inline-block; margin:0 10px 10px 0;}

@media screen and ( min-width: 641px) and ( max-width: 1023px) {
.edit .nameblock .name{ width:16.6%;}
}

@media screen and ( min-width: 320px) and ( max-width: 640px) {
.edit .logoblock .logo{ width:31%; padding-bottom:31%;}
.edit .logoblock .logo02{ width:31%; padding-bottom:31%; margin:0 2% 2% 0;}
.edit .nameblock{ margin:-60px auto 0 auto;}
.edit .nameblock span{ display:block; margin:10px 0 0 0;}
.edit .nameblock .name{ width:25%; transform:scale(.75,.75); margin-bottom:-50px;}
}