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

/* ===============================================
modal（モーダルコンテンツ）
=============================================== */

.modal {
	padding: 0;
	color: #EEE;
	display: none;
}

/* modalBody（モーダルコンテンツ詳細）------------------*/
.modal .modalBody {
	width: 92%;
	height: 75%;
	padding: 2%;
	z-index: 1000;
	background: #000;
	background-size: contain;
	position: fixed;
	top: 15%;
	left: 2%;
}
.modal .modalBody .phArea,
.modal .modalBody .descArea {
	height: 90%;
	overflow: auto;
	/*-webkit-overflow-scrolling: touch;*/
}

/* スクロールバーデザイン------------------*/
.modal .modalBody .phArea::-webkit-scrollbar {
  background:#ccc;
  height:10px;
}
.modal .modalBody .phArea::-webkit-scrollbar-thumb {
	background:#aaa;
	border-radius: 10px;
}
.modal .modalBody .phArea::-webkit-scrollbar-track {
	border-radius:10px; background:rgba(238,238,238,1);
	}
.modal .modalBody .phArea::-webkit-scrollbar-track-piece {
	background: #efefef;
}
/*--// スクロールバーデザイン------------------*/

.modal .modalBody .phArea img {
	width: 160%;
}
.modal .modalBody .textBox {
	text-align: center;
}
.modal .modalBody .textBox strong {
	margin: 2% 0;
	font-size: 2.0rem;
	font-weight: bold;
	display: block;
}
.modal .modalBody .modalList {
	margin-top: 5%;
	border-top: 1px solid #CCC;
}
.modal .modalBody .modalList .linkArea.list {
	background-image: url("/cmn/img/kanto/icon/instruction/arrow_right_white001.png");
}

/* modalBody.close（閉じるボタン）------------------*/
.modal .modalBody .close {
	width: 96%;
	margin: 0 2%;
	padding: 2% 0;
	background-color: #FFF;
	color: #333;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 2%;
	left: 0;
	cursor: pointer;
}
.modal .modalBK {
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=90);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}