/*-------------------------------------------------*/
/*各カテゴリーページ用 トップページとは重複しない*/

/*---

◇【共通】前のページにもどるボタン

----*/


.page_back {

	position : relative;
	overflow: visible;
	margin-top : 0px;
	width : 1024px;
	height : 200px;

}

.pgbk_img01{

	position : absolute;
	
	top: 50%; /* トップを基準に中央配置 */
	left: 50%; /* 左を基準に中央配置 */
	
	transform: translate(-50%, -50%);
	
	z-index: 15;


}



/*---

◇タイトル画像表示

----*/

.title {

	position : relative;
	overflow: visible;
	margin-top : 80px;
	height: 400px;
	
}

.title_img_img01{

	position: absolute;
	width: 100%;
	
}






/*---

◇文字詳細資料

----*/

.moji_product {

	position : relative;
	overflow: visible;
	margin-top : 100px;
	width : 1024px;
	height : 2800px;

	background-color: rgba(255, 255, 255, 0.8);

}

.mjp_window {

	position : absolute;
	
	width : 900px;
	height : 2700px;
	
	top: 50%; /* トップを基準に中央配置 */
	left: 50%; /* 左を基準に中央配置 */
	
	transform: translate(-50%, -50%);
	
	z-index: 5;

}

.mjp_comment {

	position : absolute;
	
	top: 50%; /* トップを基準に中央配置 */
	
	transform: translate(50px, -50%);
	
	font-size : 16px;
	text-align:left;
	white-space: pre-wrap;
	word-wrap: break-word;
	
	z-index: 10;

}

/*---

◇アイテム

----*/

.item00_base {

	position : relative;
	overflow: visible;
	top : 100px;
	width : 1024px;
	height : 100px;

}

.item00_text {

	position : absolute;
	margin-top : 0px;
	width : 100%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 0);
	
	text-align:center;


}



.item01_base {

	position : relative;
	overflow: visible;
	margin-top : 100px;
	width : 1024px;
	height : 880px;

}
.item01_top_img {

	position : absolute;
	margin-top : 0px;
	width : 100%;

}
.item01_text {

	position : absolute;
	width : 100%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 120px);
	
	text-align:center;

}

.item01_img01 {

	position : absolute;
	width:40%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-105%, 200px);


}
.item01_img02 {

	position : absolute;
	width:40%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(5%, 200px);

}
.item01_img03 {

	position : absolute;
	width:40%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-105%, 380px);


}
.item01_img04 {

	position : absolute;
	width:40%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(5%, 380px);

}
.item01_img05 {

	position : absolute;
	width:40%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-105%, 560px);


}
.item01_img06 {

	position : absolute;
	width:40%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(5%, 560px);

}
.item01_img07 {

	position : absolute;
	width:40%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-105%, 740px);


}
.item01_img08 {

	position : absolute;
	width:40%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(5%, 740px);

}



.item02_base {

	position : relative;
	overflow: visible;
	margin-top : 100px;
	width : 1024px;
	height : 900px;

}
.item02_top_img {

	position : absolute;
	margin-top : 0px;
	width : 100%;

}
.item02_text {

	position : absolute;
	width : 100%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 120px);
	
	text-align:center;

}

.item02_img01 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-180%, 200px);

}
.item02_img02 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 200px);

}
.item02_img03 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(80%, 200px);

}
.item02_img04 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-180%, 450px);

}
.item02_img05 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 450px);

}
.item02_img06 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(80%, 450px);

}
.item02_img07 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-180%, 700px);

}
.item02_img08 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 700px);

}
.item02_img09 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(80%, 700px);

}


.item03_base {

	position : relative;
	overflow: visible;
	margin-top : 100px;
	width : 1024px;
	height : 1700px;

}
.item03_top_img {

	position : absolute;
	margin-top : 0px;
	width : 100%;

}
.item03_text {

	position : absolute;
	width : 100%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 120px);
	
	text-align:center;

}
.item03_img01 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-180%, 200px);

}
.item03_img02 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 200px);

}
.item03_img03 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(80%, 200px);

}
.item03_img04 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-180%, 550px);

}
.item03_img05 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 550px);

}
.item03_img06 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(80%, 550px);

}
.item03_img07 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-180%, 900px);

}
.item03_img08 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 900px);

}
.item03_img09 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(80%, 900px);

}
.item03_img10 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-110%, 1250px);

}
.item03_img11 {

	position : absolute;
	width:20%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(20%, 1250px);

}

.item03_text2 {

	position : absolute;
	width : 100%;
	
	top : 1500px;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 120px);
	
	text-align:center;

}


/*---

◇ムービー

----*/

.movie01_base {

	position : relative;
	overflow: visible;
	margin-top : 100px;
	width : 1024px;
	height : 520px;

}


.movie01_top_img {

	position : absolute;
	margin-top : 0px;
	width : 100%;

}
.movie01_text {

	position : absolute;
	width : 100%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 120px);
	
	text-align:center;

}


.movie02_base {

	position : relative;
	overflow: visible;
	margin-top : 100px;
	width : 1024px;
	height : 1000px;

}


.movie02_top_img {

	position : absolute;
	margin-top : 0px;
	width : 100%;

}
.movie02_text {

	position : absolute;
	width : 100%;
	
	left: 50%; /* 左を基準に中央配置 */
	transform: translate(-50%, 120px);
	
	text-align:center;

}


