/*----------------------------------------------------------
	edit by toshio maeoka / pm studio co.,ltd.
	mail:maeoka@pmstudio.com
	url:http://www.pmstudio.com/
-----------------------------------------------------------*/
@charset "utf-8";

html {
  touch-action: manipulation;
}

#wrapper {
	position:relative;
	display: flex;
	flex-direction: column;
	/* min-height: 100vh; */
	border: 0px solid #CCC;
}

.contents{
	position:relative;
	width:100%;
	height:100%;
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	display: block;
	border: 0px solid #CCC;
}


/*-------------------------------
		index
--------------------------------*/

.collection_frame{
	position:relative;
	width: 100%;
	min-width:1050px;
	max-width:1050px;
	height:auto;
	min-height: 50px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
	border: 0px solid #CCC;
}

/*-------------------------------
		popup window
--------------------------------*/

.popup{
	position: fixed;
	width:100%;
	height:0px;
	margin:0px 0px;
	top:15%;
	left:0;
	right:0;
	bottom:0;
	padding:0px 0px;
	border: 0px solid #ccc;
	display:none;
	z-index: 1600;
}

#importData{
	position: fixed;
	width:100%;
	height:0px;
	top:15%;
	left:0;
	right:0;
	bottom:0;
	margin:0px 0px;
	padding:0px 0px;
	border: 0px solid #ccc;
	display:none;
	z-index: 1600;
}

/*-------------------------------
		blackout
--------------------------------*/

.loading{
	position:fixed;
	width: 30px;
	height:30px;
	margin: auto;
	padding: 0px 0px 0px 0px;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	border: 0px solid #CCC;
	display:none;
	font-size: 12px;
	z-index: 1500;
}

.block{
	margin: 0px auto;
	padding: 50px 0px 20px 0px;
	color:#000;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	line-height:160%;
	border: 0px solid #CCC;
}

#layer {
   position: fixed;
   z-index: 1000;
   background:rgba(0,0,0,0.7);
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   filter: alpha(opacity=0);
   opacity: 0.0;
   display: none;
}

/*-------------------------------
	title & caption
--------------------------------*/

.titleA{
	position:relative;
	width:100%;
	min-width:400px;
	height:auto;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CCC;
	display:block;
}

.captionA{
	position:relative;
	width:100%;
	min-width:400px;
	height:auto;
	margin: 0px auto;
	border: 0px solid #CCC;
	display:block;
}