@charset "utf-8";

@media screen and (max-width: 980px) {
#head {
width:100%;
height:auto;
background-repeat:repeat;
}
#head h1,
#head h2 {
width:95%;
}
#content {
width: 95%;
}
header {
width:30%;
height:auto;
background:url(//hirokiwebsite.com/wp-content/themes/design004/common/img/nav_bg02.png) 0 0 repeat;
padding-bottom:25px;
border-radius:0.5em;
-o-border-radius: 0.5em;
-ms-border-radius: 0.5em;
box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}
#main {
width: 55%;
}
.sub #abouts > .ti-block {
width: auto;
}
.page-id-10 .page-id-10 article .right {
width:45%;
}
.page-id-10 #skill #adobe {
margin-bottom:15px;
}
#social {
width:95%;
}
#footer-bar {
width:95%;
}
#footer-bar aside {
float:none;
width:98%;
}
footer {
width:95%;
}
}
@media screen and (max-width: 650px) {
#content {
padding:1em 0;
}
header {
float:none;
width:auto;
height:auto;
background:url(//hirokiwebsite.com/wp-content/themes/design004/common/img/nav_bg02.png) 0 0 repeat;
margin-bottom:20px;
padding-bottom:25px;
border-radius:0.5em;
-o-border-radius: 0.5em;
-ms-border-radius: 0.5em;
box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}
.home .left , .page-id-10 .left,
.home .right, .page-id-10 .right {
float:none!important;
width:100%!important;
}
#main {
float:none;
width:auto;
}
}
@media screen and (max-width: 480px) {
html {
-webkit-text-size-adjust: 100%;
}
.home h2,.home #main section > h3,
.page-id-10 article h2 {
line-height:1.1;
}
.home #main dl {
padding-left:15px;
}
.home #main dd {
margin:0 0 2em 0;
}
#main {
padding:30px 10px;
}
#social {
margin:0 auto 1em;
text-align:left;
}
#social h5 {
width:95%;
margin:0 auto;
font-size:16px;
}
#social ul {
float:none;
width:95%;
margin:10px auto 0;
}
.sub #abouts > .ti-block h1 {
font-size:22px;
}
.sub #lead {
margin:0 0 30px 0;
}
.page-id-10 #skill #adobe {
float:none;
width:100%;
}
.page-id-10 #skill #adobe li img {
margin-bottom:7px;
}
.page-id-10 #skill #code {
float:none;
width:100%;
}
.single .entry {
padding-bottom:30px;
}
.blog .entry-ti h2,
.archive .entry-ti h2,
.single .entry-ti h2 {
float:none;
margin:0;
font-size:15px;
}
.blog .entry-ti time,
.archive .entry-ti time,
.single .entry-ti time {
float:none;
font-size:13px;
}
.blog article img,
.archive article img{
float:none;
}
.blog article p,
.archive article p{
float:none;
width:100%;
margin:0;
}
.page #contact-form {
margin:35px 0 0 0;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }