@charset "utf-8";

/* =================================================================================
 sales
================================================================================= */
.eventChk select {
	max-width: 180px;
	width: auto !important;
	width: 180px;
	text-overflow: ellipsis;
}

#contents.photoPrices {
	width:auto;
	margin: 0;
}

.photoPrices#contents{
	min-height: 350px;
	height: auto !important;
	height: 350px;		
}

#contents .tblSize_3 table{
	border-collapse:collapse;
	background:#fff;	
	font-size:13px;
	border:1px solid #7e7e7e;
}

.wrapSalesTbl .rightField table{width:420px;}

.tblTotal table{
	width:940px;
	border-collapse:collapse;
	border:3px solid #7e7e7e;
	background:#fff;
}

.tblTotal table th{background:#edeceb;}

.tblTotal table th,
.tblTotal table td{
	padding:13px 0 11px;
	text-align:center;
	border-right:1px solid #7e7e7e;
}

.tblTotal table .sellSize85{width:85px;}
.tblTotal table .sellSize120{width:120px;}
.tblTotal table .sellSize175{width:175px;}

#contents .btnArea3.salesBtn input{padding:0 10px;}

.salesEventLst .ttlEventLst{
	background:#7e7e7e;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	padding:10px 0 7px;
}

@media print{
.salesSearchArea .salesSearchArea{display:none;}

.salesSearchArea p.mB_10{width:940px;}

}


@media screen and (max-width : 640px) {
	#header{height:auto;}
	
	#header .wrapHdr {
		width:auto;
		padding:10px;
	}
	
	#header .wrapHeadTop {
		display: block;
		height: 25px;
		margin-bottom: 0;
	}
	
	#header #topTtl{
		height:20px;
		padding:0;
	}
	
	#header #topTtl img{
		width: auto;
		height:20px;
	}
	
	#contents{
		width:auto;
		min-height:200px;
		margin:0 ;
		padding:10px;
	}
	
	#header.bgStatic #topTtl2{
		font-size:18px;
		padding:0;
	}
	
	
	
	.topLine,
	#gnavi{display: none;}
	
	#headerList{
		float: none;
		text-align: right;
		width: 100%;
		height: 34px;
	}
	
	#headerList{display:none;}
	
	
	.tblCmn_1 table{
		width:100%;
		margin:0 ;
		padding:0;
	}
	
	.tblCmn_1 table th{width: 80px;}
	.tblCmn_1 table td input{width: 90%;}
	
	.newLine{display:block;}
	
	.btnArea2 input.btnEntry{margin:0 0 10px 0;}
	
	
	#contents .ttlContents {
		font-size: 18px;
		height: 30px;
		margin-bottom: 20px;
	}
	
	
	
	.tblSearchNew{margin-bottom: 15px;}
	
	
	/* 検索条件の入力 */
	.tblSearchNew tr td:first-child {display: block;}
	
	.tblSearchArea.tblOpen .clearBtn{
		float: right;
		width: 100px;
		margin-bottom:20px !important;
		padding: 5px 15px 5px 0;
		text-align: center;
		border-radius: 5px;
		background-color: #7e7e7e;
	}
	
	.clearBtn input{
		color: #fff;
		text-decoration: none;
	}
	
	.otherBtn input{
		width: 100%;
		padding: 15px 0 28px;
		line-height: 16px;
	}
	
	/* 合計 */
	.tblTotal table {
		width: 100%;
		border-collapse: collapse;
		border: 3px solid #7e7e7e;
		background: #fff;
	}
	
	.tblTotal table th,
	.tblTotal table td{
		padding: 10px 10px 8px;
		border-right: 0;
		border-bottom: 1px solid #7e7e7e;
		box-sizing: border-box;
	}
	
	.tblTotal table td{text-align: left;}

	.tblTotal table th:last-child,
	.tblTotal table td:last-child{border-bottom: 0;}
	
	.tblTotal table .sellSize85{
		width: auto;
		padding: 15px 0 10px;
		font-size: 18px;
		line-height: 20px;
	}
	
	.tblTotal tr,
	.tblTotal th,
	.tblTotal td{
		display: block;
		width: 100%;
	}
	
	.tblTotal table .sellSize120{width: auto;}
	
	.tblTotal table .sellSize175{width: auto;}
	
	.tblTotal table th,
	.tblTotal table td:last-child{padding: 20px 10px;}
	
	#contents .btnArea3.salesBtn input{
		width: 100%;
		height: 35px;
		padding: 0 10px;
	}
	
	/* イベント一覧 */
	.salesEventLst{overflow-x: scroll;}
	.salesEventLst .ttlEventLst{width: 100%;}
	
	#footer {
		width:100%;
		margin:0;
		padding: 10px 0 ;
		font-size:10px;
	}

	.pmarkArea {
	    float: none;
	    width: 300px;
	    margin: 0 auto 20px;
	    text-align: center;
	}

	.footerArea {padding-left: 0;}

}


/* -------------------------------------------------------
 clear fix
------------------------------------------------------- */
.wrapSalesTbl:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

/* EOF */