/*---
==========================

★トップページ用設定

----*/

/*---

◇タイトル画像表示

----*/

.title {

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

.title_img_img01{

	position: absolute;
	width: 100%;
	
}

/*---

◇予約表示

----*/

.top_yoyaku{


	position : relative;
	overflow: visible;
	width : 1024px;
	height : 200px;

}

.top_yoyaku_img_img01 {

	position : absolute;

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

}




/*---

◇最新のコンテンツを表示するボタン

----*/

.new_check_btn_base {

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

}

.new_check_btn_img {

	/* ※直書きに変更したため以下意味無し */

	position: absolute;

	left: 50%; /* 左を基準に中央配置 */
	
	transform: translate(-50%, 20px);
	
	z-index:30;

}



/*---

◇あらすじ
以下全体的に直打ちに変更

----*/




/*---

◇キャラ紹介

----*/




.chr_base {

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

.chr_base_div_bg {

	position: absolute;
	top:0px;
	left:0px;
	
	width:1024px;
	height:1643px;
	background-image: url('https://hamham-soft.net/imosuku_hd/image/04_chr_bg.png');
	
	z-index : 5;

}



/*---

◇グラフィック

----*/

/*---

◇セールスポイント

----*/


/*---

◇スペシャル

----*/



/*---

◇概要

----*/



/*---

◇コメント

----*/

.comment_base {

	position : relative;
	overflow: visible;
	top : 30px;
	width : 1024px;
	height : 700px;
	
	margin-top:50px;

}

.comment_base_div_window {

	position: absolute;
	
	width : 600px;
	height : 620px;

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

	background-color: rgba(170, 155, 255, 0.6);
	border-radius: 30px 30px 30px 30px;
	
	z-index: 5;

}

.comment_base_div_comment {

	position: absolute;

	width : 550px;
	height : 620px;

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

	z-index: 10;

}

/*---

◇文字資料

----*/

.product_moji_base {

	position : relative;
	overflow: visible;
	width : 1024px;
	height : 500px;
	
	background-color: rgba(255, 255, 170, 0.8);
	
	margin-top : 60px;

}

.product_moji_base_div {

	position: absolute;

	width : 800px;
	height : 450px;

	top: 50%; /* トップを基準に中央配置 */
	left: 50%; /* 左を基準に中央配置 */
	
	transform: translate(-50%, -50%);
	
	font-size : 15px;


}