@charset "utf-8";

/*エリア_1*/
#left1{/*LEFT_1 画像 天地center 右揃え*/
	background:url("p_l_1.jpg") no-repeat center right;
	background-size:cover;}
#right1{/*RIGHT_1 画像 天地center 左揃え*/
	background:url("p_r_1.jpg") no-repeat center left;
	background-size:cover;}

/*エリア_2*/
#right2{/*RIGHT_2 画像 天地左右center*/
	background:url("p_cubase_1.png") no-repeat center;
	background-size:cover;}

/*エリア_3*/
#right3{/*RIGHT_3 画像 天地左右center*/
	background:url("p_r_3.jpg") no-repeat center;
	background-size:cover;}

#right4{/*RIGHT_4 画像 天地左右center*/
	background:url("p_r_4.jpg") no-repeat center;
	background-size:cover;}

/*エリア_5*/
#left5{/*LEFT_5 画像 天地左右center*/
	background:url("p_l_5.jpg") no-repeat center;
	background-size:cover;}

#right5{/*RIGHT_5 画像 天地左右center*/
	background:url("p_r_5.jpg") no-repeat center;
	background-size:cover;}

/*エリア_6*/
#right6{/*RIGHT_6 画像 天地左右center*/
		background:url("p_r_6.jpg") no-repeat center;
		background-size:cover;}

/*===========================================================*/
/*レスポンシブ*/
/*===========================================================*/

/*＝＝＝＝＝＝＝＝＝＝＝1000px以下＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:1000px)
{
}
/*＝＝＝＝＝＝＝＝＝＝＝700px以下＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:700px)
{
#right1{/*RIGHT_1 画像*/
		background:url("p_r_1.jpg") no-repeat center left;
		background-size:cover;}
/*エリア_2*/
#right2{/*RIGHT_2 画像 天地左右center*/
		background:url("p_r_2.jpg") no-repeat center;
		background-size:cover;}
#left2{/*RIGHT_2 画像 天地左右center*/
		background:url("p_cubase_2.png") no-repeat center;
		background-size:cover;}
/*エリア_3*/
#right3{/*RIGHT_3 画像 天地左右center*/
	background:url("p_r_3.jpg") no-repeat center;
	background-size:cover;}
/*エリア_4_NYANKO CLOCK CALENDER*/
#right4{/*RIGHT_4 画像 天地左右center*/
	background:url("p_r_4.jpg") no-repeat center;
	background-size:cover;}
/*エリア_5 imagのみ*/
#left5{/*LEFT_5 画像 天地左右center*/
	background:url("p_l_5.jpg") no-repeat center;
	background-size:cover;}
#right5{/*RIGHT_5 画像 天地左右center*/
	background:url("p_r_5.jpg") no-repeat center;
	background-size:cover;}
/*エリア_6 END*/
#right6{/*RIGHT_6 画像 天地左右center*/
	background:url("p_r_6.jpg") no-repeat center;
	background-size:cover;}
}
/*＝＝＝＝＝＝＝＝＝＝＝550px以下＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:550px)
{
#left1{/*天地左右center*/
  background:url("p_r_1.jpg") center;
  background-size:cover;}
#left2 .sp-top{/*天地左右center*/
	background:url("p_cubase_3.png") no-repeat center;
	background-size:cover;height: 50vh;}
#left3 .sp-top{/*天地左右center*/
	background:url("p_l_3_small.jpg") no-repeat center;
	background-size:cover;height: 50vh;}
#left4 .sp-top{/*天地左右center*/
	background:url("p_r_4.jpg") no-repeat center;
	background-size:cover;height: 50vh;}
#left5 .sp-top{/*天地左右center*/
	background:url("p_l_5_sa.jpg") no-repeat center;
	background-size:cover;height: 50vh;}
#left5 .sp-bottom{/*天地左右center*/
	background:url("p_l_5_sb.jpg") no-repeat center;
	background-size:cover;height: 50vh;}
#left6{/*天地左右center*/
	background:url("p_r_6_s.jpg") no-repeat center;
	background-size:cover;}
}
/*＝＝＝＝＝＝＝＝＝＝＝401px以下＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:401px)
{
#left1{/*天地左右center*/
	background:url("p_r_1_mobile.jpg") center;
	background-size:cover;}
#left2 .sp-top{height: 0vh;}
#left3 .sp-top{
	background:url("p_l_3_mobile.jpg") no-repeat center;
	background-size:cover;height: 35vh;}
#left4 .sp-top{
	background:url("p_r_4_mobile.jpg") no-repeat center;
	background-size:cover;height: 40vh;}
#left5 .sp-top{height: 0vh;}
#left5 .sp-bottom{
	background:url("p_l_5_mobile.jpg") no-repeat center;
	background-size:cover;height: 100vh;}
#left6{
	background:url("p_r_6_mobile.jpg") no-repeat center;
	background-size:cover;}
}
/*＝＝＝＝＝＝＝＝＝＝＝321px以下＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:321px)
{
#left3 .sp-top{
  background:url("p_l_3_mobile.jpg") no-repeat center;
  background-size:cover;height: 25vh;}
#left5 .sp-bottom{
  background:url("p_l_5_mobile.jpg") no-repeat center;
  background-size:cover;height: 100vh;}
}