/*
Todd Motto Labs
URL: www.toddmotto.com
*/

/*------------------------------------*\
SuperBox
\*------------------------------------*/
*,
*:after,
*:before {
margin:0;
padding:0;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
body {
background:#fff;/*背景色*/
}
ul {
list-style:none;
}
.wrapper {
max-width:1000px;/*幅を変える*/
margin:0 auto;
}

/* SuperBox */
.superbox-list {
display:inline-block;
*display:inline;
zoom:1;
width:12.5%;
}
.superbox-img {
max-width:100%;
width:100%;
cursor:pointer;
}
.superbox-show {
text-align:center;
position:relative;
background:#fff;/*拡大写真の背景色*/
box-shadow:inset 0 1px 5px #C3C3C3;
-webkit-box-shadow:inset 0 1px 5px #C3C3C3;
-moz-box-shadow:inset 0 1px 5px #C3C3C3;
width:100%;
float:left;
padding:25px;
display:none;
}
.superbox-current-img {
max-width:100%;
box-shadow:0 1px 4px #C3C3C3;
border:1px solid #fff;
}
.superbox-img:hover {
opacity:0.8;
}
.superbox-close {
opacity:0.7;
cursor:pointer;
position:absolute;
top:25px;
right:25px;
background:url(../images/close.png) no-repeat center center;/*Closeボタン背景*/
width:67px;
height:16px;
}
.superbox-close:hover {
opacity:1;
}
@media only screen and (min-width: 320px) {
.superbox-list {
width:50%;
}
}
@media only screen and (min-width: 486px) {
.superbox-list {
width:25%;
}
}
@media only screen and (min-width: 768px) {
.superbox-list {
width:16.66666667%;
}
}
@media only screen and (min-width: 1025px) {
.superbox-list {
width:12.5%;
}
}