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


/***********************************
スライドイメージ
***********************************/

#slideImg {}

#slideImg .boxItem {
	position:relative;
}

#slideImg .itemImg {
	line-height:0;
}

#slideImg .itemImg img {
	width:100%;
	height:auto;
}

#slideImg .boxItem .itemText {
	position: absolute;
	left:50%;
}
#slideImg .boxItem .itemText img {
	width:100%;
	height:auto;
}
#slideImg .boxItem .itemText.p01 {
	width:472px;
	margin-left:-236px;
	bottom:50px;
}

/**************************************************************************************
**************************************************************************************
画面サイズが640pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 640px){
	
	#slideImg .boxItem .itemText.p01 {
		width:310px;
		margin-left:-155px;
		bottom:20px;
	}

}



/**************************************************************************************
**************************************************************************************
画面サイズが460pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 460px){
	
	#slideImg .boxItem .itemText.p01 {
		width:210px;
		margin-left:-105px;
		bottom:8px;
	}

}