@charset "utf-8";
/*
RRグリッドシステム
*/

/* モバイルレイアウト : 480 px およびそれ以下. */
/*

.rr_left_box10{ width:100%; margin:auto; float:none;
 	margin-bottom:1em;}
.rr_left_box20{ width:100%; margin:auto; float:none;
 	margin-bottom:1em;}

.rr_left_box25{ width:50%; margin:auto; float:none;
 	margin-bottom:1em;}
	
.rr_left_box30{ width:100%; margin:auto; float:none;
 	margin-bottom:1em;}
.rr_left_box40{ width:100%; margin:auto; float:none;
 	margin-bottom:1em;}
.rr_left_box50{ width:100%; margin:auto; float:none; 
	margin-bottom:1em;}
.rr_left_box60{ width:100%; margin:auto; float:none; 
	margin-bottom:1em;}
.rr_left_box70{ width:100%; margin:auto; float:none; 
	margin-bottom:1em;}
.rr_left_box80{ width:100%; margin:auto; float:none; 
	margin-bottom:1em;}
.rr_left_box90{ width:100%; margin:auto; float:none; 
	margin-bottom:1em;}

.rr_right_box10{ width:100%; margin:auto; float:none;
 	margin-bottom:1em;}
.rr_right_box20{ width:100%; margin:auto; float:none;
 	margin-bottom:1em;}
.rr_right_box30{ width:100%; margin:auto; float:none;
 	margin-bottom:1em;}
.rr_right_box40{ width:100%; margin:auto; float:none;
 	margin-bottom:1em;}
.rr_right_box50{ width:100%; margin:auto; float:none; 
	margin-bottom:1em;}
.rr_right_box60{ width:100%; margin:auto; float:none; 
	margin-bottom:1em;}
.rr_right_box70{ width:100%; margin:auto; float:none; 
	margin-bottom:1em;}
.rr_right_box80{ width:100%; margin:auto; float:none; 
	margin-bottom:1em;}
.rr_right_box90{ width:100%; margin:auto; float:none; 
	margin-bottom:1em;}

.center_contents{ width:95%; margin:auto; }


*/
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */
/*
@media only screen and (min-width: 481px) {
*/
.rr_f_left_box20{ width:20%; margin:auto; float:left;}

.rr_left_box10{ width:10%; margin:auto; float:left;}
.rr_left_box20{ width:20%; margin:auto; float:left;}

.rr_left_box25{ width:250px; margin:auto; float:left;}


.rr_left_box30{ width:32%; margin-right:1%; float:left; margin-bottom:2em;}
.rr_left_box40{ width:40%; margin:auto; float:left;}
.rr_left_box50{ width:50%; margin:auto; float:left;}
.rr_left_box60{ width:60%; margin:auto; float:left;}
.rr_left_box70{ width:70%; margin:auto; float:left;}
.rr_left_box80{ width:80%; margin:auto; float:left;}
.rr_left_box90{ width:90%; margin:auto; float:left;}


.rr_right_box10{ width:10%; margin:auto; float:right;}
.rr_right_box20{ width:20%; margin:auto; float:right;}
.rr_right_box30{ width:32%; margin-right:1%; float:right; margin-bottom:2em;}
.rr_right_box40{ width:40%; margin:auto; float:right;}
.rr_right_box50{ width:50%; margin:auto; float:right;}
.rr_right_box60{ width:60%; margin:auto; float:right;}
.rr_right_box70{ width:70%; margin:auto; float:right;}
.rr_right_box80{ width:80%; margin:auto; float:right;}
.rr_right_box90{ width:90%; margin:auto; float:right;}

/*///////MENUに関して///////////*/


/*/////iphone と　PCを分ける//////////*/

.iphone{ display:block;}

.pc{ display:none;}




/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {

.center_contents{ width:50%; margin:auto; }


/*///////MENUに関して///////////*/


/*/////iphone と　PCを分ける//////////*/

.iphone{ display:none;}

.pc{ display:block;}

}