/************************************************************************************
over 960
*************************************************************************************/
@media screen and (min-width: 961px) {
	.lm-navi {
		display:block;
	}
	.s-navi {
		display:none;
	}
	
	.l-display {
		display:block;
	}
	.m-display {
		display:none;
	}
	.s-display {
		display:none;
	}
}


/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {
	.wrapper {
		width: 95%;
	}
	
	.lm-navi {
		display:block;
	}
	.s-navi {
		display:none;
	}

	.l-display {
		display:block;
	}
	.m-display {
		display:none;
	}
	.s-display {
		display:none;
	}
	
	/*#index_box {
		height:320px;
	}*/
	
	#index_left {
		float:left;
		width:240px;
		margin-right:40px;
	}
	#index_right {
		margin-left:280px;
	}
	
	.main_navi ul li.item {
		padding:0 15px;
		color:#fff;
	}
	.footer_navi ul li.item {
		padding:0 15px;
	}
	
	ul.photo li, ul.photo li.item {
		width: 31.6%;
	}
	ul.photo li.item {
		margin-right:2.55%;
	}
	
	ul.menu_list li {
		width:23.47%;
		margin-right:2.04%;
	}
	
}


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	.lm-navi {
		display:none;
	}
	.s-navi {
		display:block;
	}
	
	.l-display {
		display:none;
	}
	.m-display {
		display:block;
	}
	.s-display {
		display:none;
	}
	
	html, body {
		font-size:16px;
		line-height:24px;
	}
	
	#header_left {
		width:70%;
	}
	
	#footer {
		padding:0;
	}
	
	h1.title {
		line-height:16px;
	}
	h2.logo {
		padding:0;
		font-size:25px;
	}
	h3.title {
		padding:10px 0;
		font-size:14px;
	}
	
	/*#index_box {
		height:180px;
	}*/
	
	#index_left {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	#index_right {
		width:100%;
		margin-left:0;
	}
	
	ul.photo li, ul.photo li.item {
		float:none;
		width:100%;
	}
	ul.photo li.item {
		margin:0;
		padding-bottom:20px;
	}
	
	ul.menu_list li {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	ul.menu_list li:last-child {
		margin:0;
	}
	
	/* WooCommerce shop */
	ul.products li.product {
		float:none;
		max-width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	ul.products li.product:last-child {
		margin:0;
	}
	
	/* WooCommerce product */
	h1.product_title {
		line-height:34px;
	}
	
	/* WooCommerce transactions */
	table.transactions th {
		width:100%;
		display:block;
		border-top:1px solid #b71c1c;
		border-right:1px solid #b71c1c;
		border-bottom:none;
		border-left:1px solid #b71c1c;
	}
	table.transactions td {
		width:100%;
		display:block;
		border-top:none;
		border-right:1px solid #b71c1c;
		border-bottom:none;
		border-left:1px solid #b71c1c;
	}
	table.transactions td:last-child {
		border-bottom:1px solid #b71c1c;
	}
}


/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	
	.l-display {
		display:none;
	}
	.m-display {
		display:none;
	}
	.s-display {
		display:block;
	}

}