@charset "utf-8";
/* CSS Document */




.lineup-2calam-stage{
	width:100%;
	height:300px;
	padding:20px 0px 20px 0px;
	background-image:url(../images/nat3_bg_06.jpg);
	background-color:#fff;
	margin-bottom:30px;
}


.shop-2calam-stage{
	width:100%;
	height:300px;
	padding:20px 0px 20px 0px;
	background-image:url(../images/bg-slash.gif);
	background-color:#fff;
}

.item-01{
	width:500px;
	height:300px;
	background-image:url(../item-image/k-image1_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.item-02{
	width:500px;
	height:300px;
	background-image:url(../item-image/k-image2_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.item-03{
	width:500px;
	height:300px;
	background-image:url(../item-image/k-image3_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}

.item-04{
	width:500px;
	height:300px;
	background-image:url(../item-image/b-image1_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}

.item-05{
	width:500px;
	height:300px;
	background-image:url(../item-image/b-image2_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}

.item-06{
	width:500px;
	height:300px;
	background-image:url(../item-image/b-image3_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}

.item-07{
	width:500px;
	height:300px;
	background-image:url(../item-image/s-image1_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}

.item-08{
	width:500px;
	height:300px;
	background-image:url(../item-image/s-image2_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}

.item-09{
	width:500px;
	height:300px;
	background-image:url(../item-image/t-image1_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}



.pet-01{
	width:500px;
	height:300px;
	background-image:url(../images/pet-image02_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.pet-02{
	width:500px;
	height:300px;
	background-image:url(../images/pet-image03_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.pet-03{
	width:500px;
	height:300px;
	background-image:url(../images/pet-image-back.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.pet-04{
	width:500px;
	height:300px;
	background-image:url(../images/pet-image17_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}

.item-right-stage{
	width:500px;
	height:300px;
	float:left;
	background-color:#FFF;
		box-shadow:0px 0px 8px #CCC;

}


.shop-01{
	width:500px;
	height:300px;
	background-image:url(../images/shop-image01_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.shop-02{
	width:500px;
	height:300px;
	background-image:url(../images/shop-image02_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}

.shop-03{
	width:500px;
	height:300px;
	background-image:url(../images/shop-image03_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.mov-01{
	width:500px;
	height:300px;
	background-image:url(../images/mov-image03_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.mov-02{
	width:500px;
	height:300px;
	background-image:url(../images/mov-image04.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.mov-syusyu{
	width:500px;
	height:300px;
	background-image:url(../images/syusyu_back2_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}



/*movie----------------------------------------------------------------------------*/

#movie-top-about{
	border-top:#F00 solid 1px;
	width:100%;
	height:300px;
	float:left;
	margin:auto;
	margin-top:60px;
	padding:24px 0px 0 0px;
	position:relative;
	background-color:#333;

}



.mov-2calam-stage{
	border-top:#F00 solid 1px;
	width:100%;
	height:300px;
	background-image:url(../images/pattern.png);
}

.mov-2calam-left{
	float:left;
	width:50%;

}


.mov-left-stage{
	width:500px;
	height:300px;
	background-image:url(../images/movie-top.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
}


.mov-left-stage2{
	width:500px;
	height:300px;
	background-image:url(../images/amadoi_m_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
}


.mov-right-stage{
	width:450px;
	height:300px;
	float:left;
	margin:auto;
	padding:0px 0px 0px 20px;
}


.mov-2calam-rigth{
	float:left;
	width:50%;
	margin:auto;
	
}







/*fron----------------------------------------------------------------------------*/

.fron-01{
	width:500px;
	height:300px;
	background-image:url(../images/fron-image01_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.fron-02{
	width:500px;
	height:300px;
	background-image:url(../images/fron-image02_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.fron-03{
	width:500px;
	height:300px;
	background-image:url(../images/fron-image06_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


/*compony--------------------------------------------------------------------------*/

.asia-01{
	width:500px;
	height:300px;
	background-image:url(../images/pet-image01_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}





/*accese--------------------------------------------------------------------------*/

.ask-01{
	width:500px;
	height:300px;
	background-image:url(../images/ask-image03_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.ask-02{
	width:500px;
	height:300px;
	background-image:url(../images/ask-image01_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.ask-03{
	width:500px;
	height:300px;
	background-image:url(../images/ask-image06_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.ask-04{
	width:500px;
	height:300px;
	background-image:url(../images/ask-image04_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.ask-05{
	width:500px;
	height:300px;
	background-image:url(../images/ask-image05_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.ask-06{
	width:500px;
	height:300px;
	background-image:url(../images/ask-image02_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.ask-07{
	width:500px;
	height:300px;
	background-image:url(../images/mov-image06.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}



.ask-08{
	width:500px;
	height:300px;
	background-image:url(../images/ask-image07_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


/*link--------------------------------------------------------------------------*/


.link-01{
	width:500px;
	height:300px;
	background-image:url(../images/linkimage01_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


/*事例トップページ追加--------------------------------------------------------------------------*/


.topj-01{
	width:500px;
	height:300px;
	background-image:url(../images/pattern.png);
	float:right;
		box-shadow:0px 0px 8px #CCC;

}



@media screen and (max-width: 800px) {



.ask-01{
	width:100%;
}

.ask-02{
	width:100%;
}

.ask-03{
	width:100%;
}


.ask-04{
	width:100%;
}

.ask-05{
	width:100%;
}

.ask-06{
	width:100%;
}

.ask-07{
	width:100%;
}

.ask-08{
	width:100%;
}



.asia-01{
	width:100%;
}


.lineup-2calam-stage{
	width:95%;
	height:600px;
	padding:20px 0px 20px 0px;
	background-color:#fff;
	margin:auto;

}


.shop-2calam-stage{
	width:95%;
	height:600px;
	padding:20px 0px 20px 0px;
	background-color:#fff;
	margin:auto;

}


#movie-top-about{
	border-top:#F00 solid 1px;
	width:100%;
	height:600px;
	float:left;
	margin:auto;
	margin-top:60px;
	padding:0px 0px 0px 0px;
	position:relative;
	background-color:#333;
	display:block;

}


.mov-2calam-left{
	float:left;
	width:100%;
	background-color:#333;
	background-image:url(../images/pattern.png);

}

.mov-2calam-rigth{
	float:left;
	width:100%;
	background-color:#333;
	background-image:url(../images/pattern.png);
	margin:auto;
}

.mov-left-stage{
	width:100%;
	height:300px;
	background-image:url(../images/movie-top2.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:auto;
}

.mov-left-stage2{
	width:100%;
	height:300px;
	background-image:url(../images/amadoi_m_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:auto;
}

.mov-right-stage{
	width:100%;
	height:300px;
	background-color:#333;
	background-image:url(../images/pattern.png);
	margin:auto;
	padding:0px 0px 0px 0px;
}

.mov-2calam-stage{
	width:100%;
	height:600px;
	padding:0px 0px 0px 0px;
	background-color:#333;
	margin:auto;
}

.item-01{
	width:100%;
	height:300px;
	background-image:url(../item-image/k-image1_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;

}

.item-02{
	width:100%;
	height:300px;
	background-image:url(../item-image/k-image2_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;

}


.item-03{
	width:100%;
	height:300px;
	background-image:url(../item-image/k-image3_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;

}


.item-04{
	width:100%;
	height:300px;
	background-image:url(../item-image/b-image1_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;

}

.item-05{
	width:100%;
	height:300px;
	background-image:url(../item-image/b-image2_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;

}

.item-06{
	width:100%;
	height:300px;
	background-image:url(../item-image/b-image3_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;

}

.item-07{
	width:100%;
	height:300px;
	background-image:url(../item-image/s-image1_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;

}

.item-08{
	width:100%;
	height:300px;
	background-image:url(../item-image/s-image2_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;

}

.item-09{
	width:100%;
	height:300px;
	background-image:url(../item-image/t-image1_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;

}
.item-right-stage{
	width:100%;
	height:300px;
	float:left;
	background-color:#FFF;

}

.pet-01{
	width:100%;
	height:300px;
	background-image:url(../images/pet-image02_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.pet-02{
	width:100%;
	height:300px;
	background-image:url(../images/pet-image03_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.pet-03{
	width:100%;
	height:300px;
	background-image:url(../images/pet-image-back.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.pet-04{
	width:100%;
	height:300px;
	background-image:url(../images/pet-image17_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}


.mov-01{
	width:100%;
	height:300px;
	background-image:url(../images/mov-image03_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}

.mov-02{
	width:100%;
	height:300px;
	background-image:url(../images/mov-image04.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}

.mov-syusyu{
	width:100%;
	height:300px;
	background-image:url(../images/syusyu_back2_mini.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	float:right;
		box-shadow:0px 0px 8px #CCC;

}




.shop-01{
	width:100%
}

.shop-02{
	width:100%
}

.shop-03{
	width:100%
}


.fron-01{
	width:100%
}


.fron-02{
	width:100%
}


.fron-03{
	width:100%
}


.link-01{
	width:100%
}

/*事例トップページ追加--------------------------------------------------------------------------*/

.topj-01{
	width:100%;
}


@media screen and (max-width: 640px) {
	
.lineup-2calam-stage{
	width:95%;
	height:600px;
	padding:20px 0px 20px 0px;
	background-color:#fff;
	margin:auto;
}

.shop-2calam-stage{
	width:95%;
	height:600px;
	padding:20px 0px 20px 0px;
	background-color:#fff;
	margin:auto;
}

.mov-2calam-stage{
	width:100%;
	height:600px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
	margin:auto;
}

.mov-left-stage{
	width:100%;
	height:300px;
	background-image:url(../images/movie-top3.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:auto;
}


.rf-skill-box{
	margin:0px 0px 0px 0px auto;
}

.rf-skills-wrapper2,
.rf-skill-box{
	display:block;
}

.reform-nitti-price{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	color:#09F;
	padding:10px;
	text-align:right;
}


}


@media screen and (max-width: 400px) {
	.mov-left-stage{
	width:100%;
	height:300px;
	background-image:url(../images/movie-top4.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:auto;
}

}