@charset:"euc-jp";



/*各ページのコンテンツを入れる部分

	js-slide	以下contents
	js-unit		以下unit

	動き：contetnsがタップされると
		contents内に、現在表示されているAコンテンツの左右にそれぞれBコンテンツCコンテンツを作成される。

	設定：横幅100なのはcontents、.unit
		ただし、contentsはoverflow: hiddenによりはみ出るunitは非表示。
		また、contentsにwhite-space: nowrap、 unitにはdisplay: inline-blockをあたえる。
		inline となったunitは nowrapにより画面外にはみ出るようになる
*/
.js-slide{
	display: block;
	width: 100%;
	/* height: 50rem; */
	overflow: hidden;
	white-space: nowrap;
}

.js-slide{
	/*color部分 サイト*/
	/*background-color: #E2E2E2!important;*/
	background-color: #FFF!important;
}

.js-mover{
	z-index: 100;
	/*position: relative;*/
	/*width: 100%;*/
}
.js-unit{
	/*display: inline-block;
	width: 100%;*/
	/* height: 43rem; */
	position: relative;
	/*left: -100%;*/
	vertical-align: top;
}


/* 動き部分 */
/*.js-mover.moving{
	-webkit-transition: none!important;
	-moz-transition: none!important;
	transition: none!important;
}*/
.js-mover,
.js-unit,
.js-slide{

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;

	transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-ransition: all 0.15s linear;
	-ms-transition: all 0.15s linear;
}
/*
.movePosLeft{
}*/


/* 説明のポップアップ */

.description_wrap{
	display: block;
	width: 75%;
	/* height: 100%; */
	position: absolute;
	top: 0;
	left: 13%;
	z-index: 101;
}

.description {
	display: block;
	width: 100%;
	height: 23rem;
	margin: auto;
	padding: 4% 4% 4% 4%;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
	border-radius: 10%;
}
.description .item_01{
	width: 62%;
	padding: 0 1rem 1rem 1rem;
}
.description .item_02{
	/* padding-bottom: .5rem; */
	white-space: normal;
	color: #FFF;
	font-size: 1rem;
	text-align: left;
	border-bottom: 1px solid #666;
}
.description .item_03{
	display: inline-block;
	line-height: 0;
}
.description .item_03 label{
	font-size: 0.9rem;
	color: #FFF;
}
.description .item_04{
	vertical-align: middle;
}
.description .item_04{
	text-align: center;
}
/* ok btn */
.agree-btn{
	display: inline-block;
	width: 40%;
	font-size: 1rem;
	font-weight: bold;
	color: #111;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a2a9a9), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #a2a9a9);
	background: -moz-linear-gradient(#fff, #a2a9a9);
	background: -o-linear-gradient(#fff, #a2a9a9);
	background: -ms-linear-gradient(#fff, #a2a9a9);
	background: linear-gradient(#fff, #a2a9a9);
	vertical-align: top;
}