@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Sawarabi+Gothic|Sawarabi+Mincho");
html,body,h1,h2,h3,h4,h5,h6,p,li,a,form,input,textarea {
font-family: 'Roboto Condensed', 'Sawarabi Gothic', sans-serif !important; }
html {
height: 100%;
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
body {
height: 100%;
background: #fff;
font-weight:300;
font-size:135%;
letter-spacing:0.1em;
color:#333;
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
a {
color:#333;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition: 0.3s;
}
a:hover img{
opacity: 0.5;
}
.breadcrumb {
padding:0;
background:none;
}
.btn-secondary a {
color:#fff;
font-size:150%;
}
.btn-secondary a:hover {
text-decoration:none;
} .wrap {
width:100%;
margin:0;
}
.wrap p {
height:auto;
}
.wrap ul {
display:block;
overflow:hidden;
margin-top:20px;
margin-right:-10px;
clear:both;
}
.wrap li {
display:block;
float:left;
margin-right:10px;
margin-bottom:10px;
}
.wrap li img {
cursor:pointer;
} .overtxt { position: relative; text-align:center;
}
.overtxt p {
position: absolute; color: #fff;
font-size: 1.5em;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}
.overtxt p span {
font-size: 0.8em;
}
.overtxt img {
width: 100%;
}