@media screen and (max-width: 768px){
body{
margin:0;
}
a{
text-decoration:none;
}
a:visited{
color:blue;
}
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#container{
width:100%;
}

#logo{
height: 0;
padding-top: 72%;
padding-bottom: 72%;
background: url('../img/micata_logo_coming_soon.png') center no-repeat;
background-size: contain;
}

#red{
background: url('../img/red.jpg') center no-repeat;
background-size: contain;
background-color:#000000;
height: 360px;
}
#red_title{
background: url('../img/red_title.png') center no-repeat;
background-size: 360px;
height: 360px;
}


#blue{
background: url('../img/blue.jpg') center no-repeat;
background-size: contain;
background-color:#000000;
height: 360px;
}
#blue_title{
background: url('../img/blue_title.png') center no-repeat;
background-size: 360px;
height: 360px;
}

#yellow{
background: url('../img/yellow.jpg') center no-repeat;
background-size: contain;
background-color:#000000;
height: 360px;
}
#yellow_title{
background: url('../img/yellow_title.png') center no-repeat;
background-size: 360px;
height: 360px;
}

#black{
background: url('../img/black.jpg') center no-repeat;
background-size: contain;
background-color:#000000;
height: 360px;
}
#black_title{
background: url('../img/black_title.png') center no-repeat;
background-size: 360px;
height: 360px;
}

#green{
background: url('../img/green.jpg') center no-repeat;
background-size: contain;
background-color:#000000;
height: 360px;
}

#info{
margin:30px;
height: 360px;
}
#info img{
width:30px;
}
#info #left{
width: 100%;
height:42px;
max-width:10%;
float:left;
text-align:left;
}
#info #right{
width: 100%;
height:42px;
max-width:90%;
float:right;
text-align:left;
font-size:24px;
font-family:"Apple TP","Hiragino Kaku Gothic Pro","Helvetica Neue","Helvetica","sans-serif";
color:#4d4d4d;
}

}