article {
width:100%;
margin:0 auto;
}



section {
overflow: hidden;
}



#boxs{
top:15px;
position:relative;
}



.box {
width: 251px;
height:287px;
margin: 5px 5px 15px;
background:#fff;
box-shadow:rgba(113, 135, 164, 0.12) 0px 0px 5px 2px;
-webkit-box-shadow:rgba(113, 135, 164, 0.12) 0px 0px 5px 2px;
-moz-box-shadow:rgba(113, 135, 164, 0.12) 0px 0px 5px 2px;
}

.box div{
padding:15px;
}


.box .category p{
font-size:12px;
font-family: 'Times New Roman', Georgia;
font-style: italic;
color:#444;
}



.box .category span {
font-size:11px;
color:#336CA7;
font-family: 'Roboto', YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif!important;
font-style: normal;
font-weight: 500;
letter-spacing:1px;
}


.box .category .cate_news a {
color:#336CA7;
display:inline;
}





.category .model-women a{
color:#b1694f;
}

.category .model-men a{
color:#547280;
}


.category .artist a{
color:#c2ab54;
}


.category .creator a{
color:#7d5458;
}


.category .kids a{
color:#5d8f6b;
}



.box .note {
margin-top:10px;
height: 58px;
overflow: hidden;
}

.box .note p{
font-size:12px;
color: #333;
font-weight: 600;
line-height: 1.5;
font-family: 'Helvetica', "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}




.box .talent_note{
margin-top:5px;
height: 38px;
overflow: hidden;
}

.box .talent_note p{
font-size:12px;
color: #333;
font-weight: normal;
line-height: 1.5;
font-family: 'Helvetica', "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


.box .shop-studio_note{
margin-top:5px;
}


.box .shop-studio_note p{
font-size:12px;
color: #333;
font-weight: normal;
line-height: 1.5;
font-family: 'Helvetica', "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}



















.box_img {
overflow: hidden;
width: 251px;
height: 175px;
position: relative;
padding:0!important;
}


.box_img img{
display:inline;
}

.box_on_back {
position: absolute;
width: 251px;
height: 175px;
top: 0px;
z-index: -999;
background:#000;
padding:0!important;
opacity:0;
}

.box_onmaouse {
width: 200px;
margin: 0 auto;
position: relative;
z-index: 999;
padding:0!important;
}

.box_onmaouse p {
text-align: center;
font-family: Avenir Next;
font-weight:500;
color:#fff;
font-size:12px;
letter-spacing: 1px;
}

.box_onmaouse_icon {
position: absolute;
width: 100%;
top: -60px;
opacity: 0;
}


.banner_bottan_more {
position: absolute;
width: 100%;
top: -50px;
opacity: 0;
}
































/* animation

article,section {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}

article {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-ms-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}

section {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-ms-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}