@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 .block01{ max-width:1250px; width:100%; padding:0 20px; box-sizing:border-box; overflow:hidden; margin:0 auto;}

/**/
.edit .block01 .img01{ width:50%; margin-bottom:30px; box-sizing:border-box; float:left; left:0; right:0; position:relative; overflow:hidden;}
.edit .block01 .img01 img{ width:100%;}
.edit .block01 .img01 .tb01{ width:auto; height:90px; background-color:rgba(0,0,0,.5); bottom:0; right:0; left:0; position:absolute; z-index:10; padding:10px 15px; transition:.5s; box-sizing:border-box;}
.edit .block01 .img01 .tb01 .tbmore{ font-size:35px; color:#fff; border:1px solid #fff; border-radius:5px; padding:10px 14px; width:290px; margin:-65px auto 0 auto; opacity:0; transition:.5s;}
.edit .block01 .img01 .tb01 .tbtt{ line-height:25px; font-size:25px; color:#fff; margin:0; line-height:35px; transition:.5s;}
.edit .block01 .img01 .tb01 .tbte{ line-height:25px; font-size:25px; color:#fff; margin:0;}
.edit .block01 .img01:hover .tb01{ background: rgba(0,0,0,0); transition:.5s; bottom:-105px;}

.edit .block01 .img01.b1{ padding-right:20px;}
.edit .block01 .img01.b1 .tb01{ margin:0 20px 4px 0;}

.edit .block01 .img01.b2{ padding-left:20px;}
.edit .block01 .img01.b2 .tb01{ margin:0 0 4px 20px;}

.edit .block01 .img02{ width:33.33333%; box-sizing:border-box; float:left; margin-bottom:40px; position:relative; overflow:hidden;}
.edit .block01 .img02 img{ width:100%;}
.edit .block01 .img02 .tb02{ width:auto; height:80px; text-align: center; background-color:rgba(0,0,0,.5); bottom:0; left:0; right:0; position:absolute; z-index:10; padding:10px 15px; transition:.5s; box-sizing:border-box;}
.edit .block01 .img02 .tb02 .tbmore{ font-size:35px; color:#fff; border:1px solid #444; border-radius:5px; padding:10px 14px; width:250px; margin:-70px auto 0 auto; opacity:0; transition:.5s;}
.edit .block01 .img02 .tb02 .tbtt{ font-size:20px; color:#fff; margin:0; line-height:35px; transition:.5s;}
.edit .block01 .img02 .tb02 .tbte{ font-size:20px; color:#fff; margin:0;}
/*.edit .block01 .img02:hover .tb02{ background: rgba(0,0,0,0); transition:.5s; bottom:-105px;}*/

.edit .block01 .img02.b3{ padding-right:20px;}
.edit .block01 .img02.b3 .tb02{ margin:0 20px 4px 0;}

.edit .block01 .img02.b4{ padding:0 10px;}
.edit .block01 .img02.b4 .tb02{ margin:0 10px 4px 10px;}

.edit .block01 .img02.b5{ padding-left:20px;}
.edit .block01 .img02.b5 .tb02{ margin:0 0 4px 20px;}
/**/


.edit .block03{ max-width:1250px; width:100%; padding:0 20px; box-sizing:border-box; overflow:hidden; margin:0 auto; font-size:0;}
.edit .block03 .img00{ width:33.33333%; box-sizing:border-box; margin-bottom:40px; position:relative; overflow:hidden; display:inline-block; vertical-align:top;}
.edit .block03 .img00 img{ width:100%;}
.edit .block03 .img00 .tb02{ width:auto; height:95px; background-color:rgba(255,255,255,.75); bottom:0; left:0; right:0; position:absolute; z-index:10; text-align:center; transition:.5s;}
.edit .block03 .img00 .tb02 a{ text-decoration:none;}
.edit .block03 .img00 .tb02 .tbmore{ font-size:19px; color:#444; border:1px solid #444; border-radius:5px; padding:3px 14px; width:150px; margin:-70px auto 0 auto; opacity:0; transition:.5s;}
.edit .block03 .img00 .tb02 .tbpc{ font-size:19px; color:#444; border:1px solid #444; border-radius:5px; padding:3px 14px; width:150px; margin:5px auto 0 auto; opacity:0; transition:.5s;}
.edit .block03 .img00 .tb02 .tbtt{ font-size:30px; color:#444; margin:25px 0 0 0; line-height:35px; transition:.5s;}
.edit .block03 .img00 .tb02 .tbte{ font-size:15px; color:#444; margin:0;}
.edit .block03 .img00:hover .tb02 .tbmore{ opacity:1; transition:.5s; margin-top:40%; background-color:rgba(0,173,238,0);}
.edit .block03 .img00 .tb02 .tbmore:hover{ opacity:1; transition:.5s; margin-top:40%; background-color:rgba(0,173,238,1); color:#fff;}
.edit .block03 .img00:hover .tb02 .tbpc{ opacity:1; transition:.5s; margin-top:10px; background-color:rgba(255,97,102,0);}
.edit .block03 .img00 .tb02 .tbpc:hover{ opacity:1; transition:.5s; margin-top:10px; background-color:rgba(255,97,102,1); color:#fff;}
.edit .block03 .img00:hover .tb02{ background-color:rgba(255,255,255,.7); height:100%; transition:.5s;}
.edit .block03 .img00:hover .tb02 .tbtt{ margin-top:15px; transition:.5s;}

.edit .block03 .img00:nth-child(3n+1){ padding-right:20px;}
.edit .block03 .img00:nth-child(3n+1) .tb02{ margin:0 20px 0 0;}

.edit .block03 .img00:nth-child(3n+2){ padding:0 10px;}
.edit .block03 .img00:nth-child(3n+2) .tb02{ margin:0 10px 0 10px;}

.edit .block03 .img00:nth-child(3n){ padding-left:20px;}
.edit .block03 .img00:nth-child(3n) .tb02{ margin:0 0 0 20px;}

@media screen and ( min-width: 641px) and ( max-width: 1023px) {
/**/
.edit .block01 .img01 .tb01 .tbmore{ width:180px; font-size:25px; margin-top:-55px;}
.edit .block01 .img01 .tb01 .tbtt{ font-size:29px;}

.edit .block01 .img01.b1{ padding-right:10px; margin-bottom:20px;}
.edit .block01 .img01.b1 .tb01{ margin:0 10px 4px 0;}
.edit .block01 .img01.b2{ padding-left:10px; margin-bottom:20px;}
.edit .block01 .img01.b2 .tb01{ margin:0 0 4px 10px;}


.edit .block01 .img02 .tb02 .tbmore{ width:180px; font-size:25px; margin-top:-55px;}
.edit .block01 .img02 .tb02 .tbtt{ font-size:23px;}

.edit .block01 .img02.b3{ padding-right:10px; margin-bottom:10px;}
.edit .block01 .img02.b3 .tb02{ margin:0 10px 4px 0;}

.edit .block01 .img02.b4{ padding:0 5px; margin-bottom:10px;}
.edit .block01 .img02.b4 .tb02{ margin:0 5px 4px 5px;}

.edit .block01 .img02.b5{ padding-left:10px; margin-bottom:10px;}
.edit .block01 .img02.b5 .tb02{ margin:0 0 4px 10px;}
/**/

.edit .block03 .img00 .tb02 .tbtt{ margin:0; font-size:23px;}
.edit .block03 .img00:hover .tb02 .tbtt{ margin:0; font-size:23px;}
.edit .block03 .img00 .tb02 .tbte{ margin-bottom:75px;}
.edit .block03 .img00 .tb02 .tbmore{ opacity:1; position:absolute; bottom:40px; background-color:rgba(0,173,238,1); border:0; color:#fff;}
.edit .block03 .img00 .tb02 .tbpc{ opacity:1; position:absolute; bottom:0px; background-color:rgba(255,97,102,1); border:0; color:#fff;}
.edit .block03 .img00:nth-child(3n+1){ padding-right:20px;}
.edit .block03 .img00:nth-child(3n+1) .tb02{position:static; height:auto; text-align:left; background-color:rgba(255,255,255,.0); margin:0;}

.edit .block03 .img00:nth-child(3n+2){ padding:0 10px;}
.edit .block03 .img00:nth-child(3n+2) .tb02{position:static; height:auto; text-align:left; background-color:rgba(255,255,255,.0); margin:0;}

.edit .block03 .img00:nth-child(3n){ padding-left:20px;}
.edit .block03 .img00:nth-child(3n) .tb02{position:static; height:auto; text-align:left; background-color:rgba(255,255,255,.0); margin:0;}
}

@media screen and ( min-width: 320px) and ( max-width: 640px) {
.edit .proname{ margin-bottom:20px; font-size:25px; font-weight:bold;}
.edit .proname .pronameen{ display:block;}

/**/
.edit .block01{ padding:0 15px;}
.edit .block01 .img01,.edit .block01 .img02{ width:50%; padding:0 5px; float:left; text-decoration:none; margin-bottom:20px;}
.edit .block01 .img01 .tb01,.edit .block01 .img02 .tb02{  height:100px; margin:0; position:relative; background-color:rgba(0,0,0,0); text-align:left;}
.edit .block01 .img01 .tb01 .tbtt,.edit .block01 .img02 .tb02 .tbtt{ margin-top:5%; font-size:15px; font-weight:bold; line-height:17px; color:#444;}
.edit .block01 .img01 .tb01 .tbte,.edit .block01 .img02 .tb02 .tbte{ font-size:15px; color:#444; line-height:17px;}
.edit .block01 .img01 .tb01 .tbmore,.edit .block01 .img02 .tb02 .tbmore{ display:none;}
.edit .block01 .img01:hover .tb01,.edit .block01 .img02:hover .tb02{ height:100px; background:none; bottom:0px;}

.edit .block01 .img01.b1,.edit .block01 .img01.b2,.edit .block01 .img02.b3,.edit .block01 .img02.b4,.edit .block01 .img02.b5{ padding:0 5px 0 5px;}
.edit .block01 .img01.b1 .tb01,.edit .block01 .img01.b2 .tb01,.edit .block01 .img02.b3 .tb02,.edit .block01 .img02.b4 .tb02,.edit .block01 .img02.b5 .tb02{ margin:0;}

.edit .block01 .img01:first-child,.edit .block01 .img02:first-child{ width:100%; padding:0 5px; margin-bottom:30px;}
.edit .block01 .img01:first-child .tb01,.edit .block01 .img02:first-child .tb02{ height:75px; margin:0 5px 4px; position: absolute; background-color:rgba(0,0,0,.75); text-align: center;}
.edit .block01 .img01:first-child .tb01 .tbmore,.edit .block01 .img02:first-child .tb02 .tbmore{ display:none;}
.edit .block01 .img01:first-child .tb01 .tbtt,.edit .block01 .img02:first-child .tb02 .tbtt{ margin:15px 0 0 0; font-size:21px; line-height:28px; color:#fff;}
.edit .block01 .img01:first-child .tb01 .tbte,.edit .block01 .img02:first-child .tb02 .tbte{ color:#fff;}
/**/

.edit .block03 .img00{ width:50%; padding:0 5px 0 5px; float:left; text-decoration:none; margin-bottom:20px;}
.edit .block03 .img00 .tb02 .tbtt{ margin:5% 0 0 0; font-size:16px; font-weight:bold; line-height:15px;}
.edit .block03 .img00:hover .tb02 .tbtt{ margin:5% 0 0 0; font-size:16px; font-weight:bold; line-height:15px;}
.edit .block03 .img00 .tb02 .tbte{ margin-bottom:65px;}
.edit .block03 .img00 .tb02 .tbmore{ opacity:1; position:absolute; bottom:35px; background-color:rgba(0,173,238,1); border:0; color:#fff; font-size:15px; width:125px; padding:3px 0; text-align:center;}
.edit .block03 .img00 .tb02 .tbpc{ opacity:1; position:absolute; bottom:0px; background-color:rgba(255,97,102,1); border:0; color:#fff; font-size:15px; width:125px; padding:3px 0; text-align:center;}
.edit .block03 .img00:nth-child(3n+1){ padding:0 5px;}
.edit .block03 .img00:nth-child(3n+1) .tb02{position:static; height:auto; text-align:left; background-color:rgba(255,255,255,.0); margin:0;}

.edit .block03 .img00:nth-child(3n+2){ padding:0 5px;}
.edit .block03 .img00:nth-child(3n+2) .tb02{position:static; height:auto; text-align:left; background-color:rgba(255,255,255,.0); margin:0;}

.edit .block03 .img00:nth-child(3n){ padding:0 5px;}
.edit .block03 .img00:nth-child(3n) .tb02{position:static; height:auto; text-align:left; background-color:rgba(255,255,255,.0); margin:0;}

}