/*************************************************************************
 *.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;background-position:0 -28px;}
#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; margin:0 auto;height:1900px;/* border:1px solid #f00; */}
#back_iphone {background-color:#fff;width:960px; margin:0 auto;height:1050px;/* border:1px solid #f00; */} 
#back_fun {background-color:#fff;width:960px; margin:0 auto;height:870px; /*border:1px solid #f00;*/ }
#back_popup {background-color:#fff;width:960px; margin:0 auto;height:900px;/* border:1px solid #f00; */} 
#back_skb {background-color:#fff;width:960px; margin:0 auto;height:1100px;/* border:1px solid #f00; */}
#back_web	{background-color:#fff;width:960px; margin:0 auto;height:2130px;/* border:1px solid #f00; */}
#back_wed {background-color:#fff;width:960px; margin:0 auto;height:800px;/* border:1px solid #f00; */}    
    
#main{ width:940px; padding:20px 0 30px 10px;/* border:1px solid #f00;*/  }/* 赤：メイン全体 */ 
#main_phone  { width:940px; padding:20px 0 30px 20px;/* border:1px solid #f00;*/  } 
#main_popup{ width:940px;padding:20px 0 30px 20px;/* border:1px solid #f00;*/  }/* 赤：メイン全体 */ 
#main_fun{ width:940px; padding:30px 0 0 18px;/* border:1px solid #f00;*/  }/* 赤：メイン全体 */ 
#main_skb{ width:940px;padding:30px 0 30px 9px;/* border:1px solid #f00;*/  }/* 赤：メイン全体 */    
#main_wed{ width:940px; padding:20px 0 0 10px;/* border:1px solid #f00;*/  }/* 赤：メイン全体 */    
    
.item2 {width:auto; padding:30px 50px; display:inline-block; float: center; /*border:1px solid #f0f;*/} /* ピンク：商品一個一個 ポップアップ*/
.item2:first-child		{ margin-left:70px; } /*ポップアップ*/   
    
.row		{ display:inline-block; width: 920px;padding:0 auto; /*border:1px solid #ff0;*/  }/* 黄色：商品を三つのブロックに分ける */ 
.item		{ display:inline-block;float:left;margin-left:28px;
			padding:20px 0 10px;  /*border:1px solid #f0f;*/   } /* ピンク：商品一個一個 */
.item:first-child		{ margin-left:16px; }    
#main div	{ font-size:18px; letter-spacing:.5em; }    
.item>.model-open
			{ margin-bottom:10px;/* border:1px solid #f0f; */  }/* ピンク：見えません */   
.item :not(:nth-child(1))	{display:none;border:1px solid #f0f;} 
div#mo2 		{padding-bottom:20px; font-size:9px; /*border:1px solid #f00;*/}    
div#mo1		{padding-bottom:20px; font-size:15px; letter-spacing:.3em; /*border:1px solid #f00;*/}
.gif {width: 300px;height: auto;} 
/*.fancybox-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}*/   
}

/*************************************************************************
 *..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;background-position:0 -28px;/* 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,#back_iphone,#back_fun,#back_popup,#back_skb,#back_web,#back_wed		
{background-color:#fff;width:100%;height:100%;}    
    
#main{ width:100%;padding:2% 2% 1% 2%;/* border:1px solid #f00;*/  }/* 赤：メイン全体 */ 
#main_phone  { width:100%;padding:2% 2% 1% 2%;/* border:1px solid #f00;*/  } 
#main_fun  {width:100%; padding:2% 0 3%;} 
#main_popup  {width:100%; padding:4% 2% 4%;} 
#main_skb   {width:100%; padding:4% 3% 3% 2%;}
#main_wed  {width:100%; padding:2% 2% 0 0;}    
    
.item2 {width:auto; padding:2% 2%; display:inline-block; float: center; /*border:1px solid #f0f;*/} /* ピンク：商品一個一個 ポップアップ*/
.item2:first-child		{ margin-left:7.5%; } /*ポップアップ*/     
        
    
.row		{ display:inline-block; width: 100%; padding:10% auto;/* border:1px solid #ff0;*/  }/* 黄色：商品を三つのブロックに分ける */ 
.item		{ display:inline-block;float:left;margin-left:3%;
			padding:1% 0 1.5%;width: 30%  /*border:1px solid #f0f;*/   } /* ピンク：商品一個一個 */
.item:first-child		{ margin-left:3%; }    
#main div	{ font-size:18px; letter-spacing:.5em; }    
.item>.model-open
			{ margin-bottom:10px;/* border:1px solid #f0f; */  }/* ピンク：見えません */   
.item :not(:nth-child(1))	{display:none;border:1px solid #f0f;} 
div#mo2 		{padding-bottom:20px; font-size:9px; /*border:1px solid #f00;*/}    
div#mo1		{padding-bottom:20px; font-size:15px; letter-spacing:.3em; /*border:1px solid #f00;*/} 
/*.fancybox-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}*/   
}
 
/*************************************************************************
 *..SmartPhone Portrait styles
 ************************************************************************/
@media screen and (max-width:480px) {     
    
/*body     {width:375px;border:1px solid #f00;}  */ 
#back,#back_iphone,#back_popup,#back_skb,#back_web,#back_wed,#back_fun		
{background-color:#fff;width:100%;height:100%;} 

#main{ width:100%; height: auto; margin:0 auto; margin-bottom:-1%; padding:12% 2% 3% 2%;/* border:1px solid #f00;*/  }/* 赤：メイン全体 */  
#main_phone { width:100%; height: auto; margin:0 auto; margin-bottom:-1%; padding:9% 2% 3% 2%;/* border:1px solid #f00;*/  }  
#main_fun  {width:100%; padding:14% 0 4%; /*border:1px solid #f0f;*/}
#main_popup  {width:100%; padding:12% 2% 4%;} 
#main_skb   {width:100%; padding:13% 3% 3% 2%;}
#main_wed  {width:100%; padding:11% 2% 0 0;}    

.item2 {width:45%; padding:2% 2% 4%; display:inline-block; float: center; /*border:1px solid #f0f;*/} /* ピンク：商品一個一個 ポップアップ*/
.item2:first-child		{ margin-left:4.5%; } /*ポップアップ*/    
       
.row		{ display:inline-block; width: 100%; padding:10% auto; /*border:1px solid #ff0;*/  }/* 黄色：商品を三つのブロックに分ける */ 
.item		{ display:inline-block;float:left;margin:0 1.5% 0;
			padding:1% 0 1.5%;width: 30%  /*border:1px solid #f0f;*/   } /* ピンク：商品一個一個 */
.item:first-child		{ margin-left:2.5%; }    
#main div	{ font-size:18px; letter-spacing:.5em; }    
.item>.model-open
			{ margin-bottom:10px;/* border:1px solid #f0f; */  }/* ピンク：見えません */   
.item :not(:nth-child(1))	{display:none;/*border:1px solid #f0f;*/} 
div#mo2 		{padding-bottom:20px; font-size:9px; /*border:1px solid #f00;*/}    
div#mo1		{padding-bottom:20px; font-size:15px; letter-spacing:.3em; /*border:1px solid #f00;*/}   
    
/*design_iphone.css */   
#image1     {margin-top: 0.01%;}    

/*.fancybox-close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}*/     
}