/*************************************************************************
 *.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;}
#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;background-position:0 -26px;}
#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: 1980px; margin:0 auto; /*border:1px solid #f00;*/ }
#back_others     {background-color:#fff;width:960px;height: 990px; margin:0 auto; /*border:1px solid #f00;*/ }
#back_stufed     {background-color:#fff;width:960px;height: 1320px; margin:0 auto; /*border:1px solid #f00;*/}
#back_book     {background-color:#fff;width:960px;height: 1900px; margin:0 auto; /*border:1px solid #f00;*/}
#back_tshirt	{background-color:#fff;width:960px;height: 930px; margin:0 auto; /*border:1px solid #f00;*/ }   

#main { width:940px;padding:40px 0 30px 10px; /*border:1px solid #f00;*/  }/* 赤：メイン全体 */
#main_others {width:940px;padding-left: 5px;/*border:1px solid #f00;*/ }
#main_stufed { width:960px;padding:30px 0 20px 10px; /*border:1px solid #f00;*/  } 
#main_book { width:940px;padding:25px 0 0 5px; /*border:1px solid #f00;*/  }
#main_tshirt  {width:940px;padding: 10px 0 0 3px;/*border:1px solid #f00;*/ } 

.row		{ display:inline-block; width: 920px;padding:0 auto; /*border:1px solid #ff0;*/  }/* 黄色：商品を三つのブロックに分ける */
.row_book {display:inline-block; width: 920px;margin:-30px auto; /*border:1px solid #ff0;*/} 
.row_tshirt {display:inline-block; width: 940px;margin:0px auto -25px; /*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;}
div#mo2		{padding-bottom:20px; font-size:9px;}
div#mo1		{padding-bottom:20px; font-size:15px; letter-spacing:.3em;}
    
}
/*************************************************************************
 *..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;background-position:0 -26px;}
#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_others,#back_stufed,#back_book,#back_tshirt		{background-color:#fff;width:100%;height:100%;}   
 
#main { width:100%;padding:2% 2% 3% 2%;/* border:1px solid #f00;*/  }/* 赤：メイン全体 */ 
#main_others { width:100%;padding:1% 2% 2% 0;/* border:1px solid #f00;*/  }
#main_stufed {width:100%;padding:3% 3% 1% 0;/* border:1px solid #f00;*/} 
#main_book { width:93%;padding:4% 2% 4% 0;/* border:1px solid #f00;*/  } 
#main_tshirt {width:100%;padding:1% 2% 2% 0;/* border:1px solid #f00;*/ }   
    
.row		{ display:inline-block; width: 100%; padding:10% auto;/* border:1px solid #ff0;*/  }/* 黄色：商品を三つのブロックに分ける */ 
.row_book{display:inline-block; width: 100%;margin:-2% auto; /*border:1px solid #ff0;*/}  
.row_tshirt {display:inline-block; width: 100%;margin:0% auto -2%; /*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;*/}
div #mo1 a,div #mo2 a,div #mo3 a 	{color: #898989;}   
    
}
 
/*************************************************************************
 *..SmartPhone Portrait styles
 ************************************************************************/
@media screen and (max-width:480px) {     
    
#back,#back_others,#back_stufed,#main_book,#main_tshirt		{background-color:#fff;width:100%;height:100%;}    

#main{ width:100%;padding:12% 2% 3% 2%;/* border:1px solid #f00;*/}/* 赤：メイン全体 */  
#main_others{ width:100%;padding:10% 2% 4% 0;/* border:1px solid #f00;*/}     
#main_stufed {width:98%;padding:13% 2% 1% 0;/* border:1px solid #f00;*/} 
#main_book { width:100%;padding:12% 3% 4% 2%;/* border:1px solid #f00;*/}
#main_tshirt {width:100%;padding:11% 2% 3% 0;/* border:1px solid #f00;*/ }   
    
.row		{ display:inline-block; width: 100%; padding:10% auto; /*border:1px solid #ff0;*/  }/* 黄色：商品を三つのブロックに分ける */    
.row_book{display:inline-block; width: 100%;margin:-2% auto; /*border:1px solid #ff0;*/}
.row_tshirt {display:inline-block; width: 100%;margin:0% auto -2%; /*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;*/}
div #mo1 a,div #mo2 a,div #mo3 a 	{color: #898989;}   
    
}