/*************************************************************************
 *.index styles
 *								encoding:utf-8   copyright:acari itagaki
 * resume: 1.00.00  2017-01-07  + create document.
 ************************************************************************/

/******************************************************
						 Desktop
*/
@media screen and (min-width:769px){  
    
#gnav1		{background-image:url(../img/com/home.png);width:55px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:55px;margin-left:10px;border-bottom:2px solid transparent;/* border:1px solid #f00; */}
#gnav2		{background-image:url(../img/com/design2.png);width:100px;height:29px;background-repeat:no-repeat;text-align:right;padding:0 65px 5px 0;border-bottom:2px solid transparent;/* border:1px solid #f00; */}
#gnav3		{background-image:url(../img/com/art.png);width:29px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:30px;border-bottom:2px solid transparent;}
#gnav4		{background-image:url(../img/com/about.png);width:58px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:60px;border-bottom:2px solid transparent;}
#gnav5		{background-image:url(../img/com/contact.png);width:74px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:74px;border-bottom:2px solid transparent;}	

#back		{background-color:#fff;width:960px;height:1060px; margin:0 auto;/* border:1px solid #f00; */}

#top1,#top3	{display: none;}     
#Hmain		{display: block; background-image: url(../img/home/top.jpg); width:960px; height:1060px; /*border:1px solid #f00;*/}
#Hmain:hover	{background-position: 0 -1060px;/*border:1px solid #ff0;*/}
    
}

/*************************************************************************
 *..Tablet Portrait and SmartPhone Landscape styles
 ************************************************************************/
@media screen and (max-width:768px) and (min-width:481px) {
img				{ width:100%; } 

#gnav1		{background-image:url(../img/com/home.png);width:55px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:55px;margin:30px 0 0 10px;border-bottom:4px solid transparent; /*border:1px solid #f0f;*/ }
#gnav2		{background-image:url(../img/com/design2.png);width:100px;height:29px;background-repeat:no-repeat;text-align:right;padding:0 65px 5px 0;border-bottom:2px solid transparent;/* border:1px solid #f00; */}
#gnav3		{background-image:url(../img/com/art.png);width:29px;height:25px;background-repeat:no-repeat;text-align:right;padding-right:30px;border-bottom:4px solid transparent;}
#gnav4		{background-image:url(../img/com/about.png);width:58px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:60px;border-bottom:4px solid transparent;}
#gnav5		{background-image:url(../img/com/contact.png);width:74px;height:27px;background-repeat:no-repeat;text-align:right;padding-right:74px;border-bottom:2px solid transparent;}	

#back		{background-color:#fff;width:100%;height:100%;}

#Hmain,#top3	{display: none;}       
#top1 	{/*padding-top:441.66%;width:100%;height:100%;*/
         background-image: url(../img/home/top2.jpg);background-size:contain;margin-bottom: -4px;
         background-repeat:no-repeat;/*border:1px solid #f0f;*/} 
#top1 a     {display: inline-block;width:100%;height:100%;}   
#top1 a:hover img    {visibility: hidden;}     
    
    
    
 }   
    
/*************************************************************************
 *..SmartPhone Portrait styles
 ************************************************************************/
@media screen and (max-width:480px) {  

#back		{background-color:#fff;width:100%;height:100%;}

#Hmain,#top1	{display: none;}       
#top3 	{/*padding-top:441.66%;padding:100px 0 0 0;*/
         background-image: url(../img/home/top4.jpg);background-size:contain;margin-bottom: -3px;
         background-repeat:no-repeat;  /*border:1px solid #f0f;*/} 
#top3 a     {display: inline-block;width:100%;height:100%; /*border:1px solid #f0f;*/}   
#top3 a:hover img    {visibility: hidden;}     
          
}