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

/*
	00 layout
	01 login
	02 index
	03 parts-entry
	04 parts-list
	05 parts-btn
	06 pagination
	07 flash-message
	99 useful-code
*/



/*	00 layout
------------------------------------------*/
/*--- footer fixed ---*/
html, body {
	height: 100%;
}

/*--- common ---*/
header,main,section,footer{
	min-width:1000px;/*frame*/
	position:relative;
	}
header:after,main:after,section:after,footer:after{
	content: ".";
	display: block;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}
section{
	width:100%;
	padding:0 5vw;
	}
input{
	font-size:13px;
	padding:2px;
	}

/*--- header ---*/
header{
	font-size:0;
	padding:30px 0 0 0;
	}
header div.title{
	width:70%;
	height:22px;
	display:inline-block;
	padding:0 0 0 90px;
	background:url(/images/common/logo.svg) no-repeat left center;
	background-size:65px 22px;
	color:rgba(110,110,110,1);
	font-size:13px;
	line-height:24px;
	}
header div.btn{
	width:30%;
	text-align:right;
	display:inline-block;
	font-size:13px;
	line-height:25px;
	}
header div.btn span{
	position:relative;
	opacity:1;
	transition:.2s ease;
	-webkit-transition:.2s ease;
	-moz-transition:.2s ease;
	}
header div.btn span:hover{ opacity:.85; }
header div.btn span a{ display:inline-block; }
header div.btn span:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	}
header div.btn span.sitevew{
	padding:0 20px 0 25px;
	margin:0 20px 0 0;
	border-right:1px dotted rgba(135,135,135,1);
	}
header div.btn span.sitevew:before{
	width:16px;
	height:16px;
	background:url(/images/common/ico-siteview.svg) no-repeat left center;
	background-size:16px 16px;
	}
header div.btn span.logout{
	padding:0 0 0 25px;
	}
header div.btn span.logout:before{
	width:18px;
	height:16px;
	background:url(/images/common/ico-logout.svg) no-repeat left center;
	background-size:18px 16px;
	}

/*--- nav ---*/
nav{}
header nav{
	width:100%;
	padding:40px 5vw 0 5vw;
	} 
header nav ul{
	width:100%;
	display:block;
	padding:0 0 20px 0;
	overflow-x:hidden;
	white-space:nowrap;
	border-bottom:3px solid rgba(100,100,100,1);
	text-align:left;
	}
header nav ul li{
	padding:0 25px;
	display:inline-block;
	font-size:13px;
	letter-spacing:0;
	border-right:1px dotted rgba(135,135,135,1);
	}
header nav ul li:first-child{
	border-left:1px dotted rgba(135,135,135,1);
	}
header nav ul li a{
	display:block;
	opacity:1;
	transition:.2s ease;
	-webkit-transition:.2s ease;
	-moz-transition:.2s ease;
	}
header nav ul li a:hover{ opacity:.75; }

header nav span{
	width:22px;
	height:22px;
	background:rgba(200,200,200,1);
	border-radius:100%;
	position:absolute;
	bottom:21px;
	text-align:center;
	line-height:22px;
	cursor:pointer;
	}
header nav span img{
	width:9px;
	height:9px;
	margin:6px 0 0 0;
	}
header nav span.midstream{ background:rgba(0,0,0,1); }
header nav span.prev{
	left:1.5vw;
	}
header nav span.prev img{
	transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	}
header nav span.next{
	right:1.5vw;
	}
header nav span.midstream:after{
	content:"";
	width:8px;
	height:18px;
	background:url(/images/common/ico-midstream.svg) no-repeat center center;
	background-size:8px 18px;
	position:absolute;
	bottom:-28px;
	}
header nav span.prev.midstream:after{ left:3vw; }
header nav span.next.midstream:after{ right:3vw; }


/*--- main ---*/
main{
	padding:35px 0;
	font-size:0;
	}

/*common*/
main p.title{
	height:40px;
	padding:0 0 5px 27px;
	font-weight:bold;
	font-size:13px;
	border-bottom:2px solid rgba(135,135,135,1);
	position:relative;
	}
main p.title:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 4px 0 4px;
	border-color: rgba(80,80,80,1) transparent transparent transparent;
	position:absolute;
	top:50%;
	left:12px;
	margin:-5px 0 0 0;
	}

/*aside*/
main aside{
	width:20%;
	display:inline-block;
	margin:0 5% 0 0;
	vertical-align:top;
	}
main aside ul.parent{
	padding:0;
	}
main aside ul.parent li{
	border-bottom:1px solid rgba(170,170,170,1);
	font-size:13px;
	}
main aside ul.parent li span{
	width:100%;
	padding:15px 12px;
	display:inline-block;
	position:relative;
	}
main aside ul.parent li span.withchild{
	background:url(/images/common/ico-plus.svg) no-repeat right 10px center;
	background-size:12px;
	}
main aside ul.parent li span.withchild.active{
	background:url(/images/common/ico-minus.svg) no-repeat right 10px center;
	background-size:12px;
	}
main aside ul.parent li ul.child{
	padding:0 10px;
	background:rgba(245,245,245,1);
	position:relative;
	}
main aside ul.parent li ul.child li{
	padding:12px 5px;
	border-bottom:1px dotted rgba(150,150,150,1);
	font-size:13px;
	position:relative;
	}
main aside ul.parent li ul.child:before{
	content:"";
	}
main aside ul.parent li ul.child li:last-child{ border-bottom:none; }
main aside ul.parent li ul.child li:before{
	content:">";
	padding:0 10px 0 0;
	font-size:10px;
	} 
main aside ul li a{
	opacity:1;
	transition:.2s ease;
	-webkit-transition:.2s ease;
	-moz-transition:.2s ease;
	}
main aside ul li a:hover{ opacity:.75; }


/*article*/
main article{
	width:75%;
	display:inline-block;
	font-size:13px;
	vertical-align:top;
	} 
main article div.parts-entry{}

/*--- footer ---*/
footer{
	width:100%;
	padding:50px 0 30px;
	}
footer img.btn-pagetop{
	width:25px;
	}
footer img.copyright{
	width:145px;
	position:absolute;
	top:20px;
	right:4.5vw;
	}
footer span.version{
	position: absolute;
    top: 36px;
    right: 4.5vw;
	font-size: 8px;
	color: #AAA;
}

/*	01 login
------------------------------------------*/
.page-login{}

header.page-login{
	width:100%;
	min-width:initial;
	position:fixed;
	top:50%;
	left:0;
	margin:-300px 0 0 0;
	font-size:13px;
	text-align:center;
	}
header.page-login time{
	display:block;
	letter-spacing:0.05rem;
	} 
header.page-login div{
	display:block;
	padding:18px 0 12px;
	}
header.page-login img{
	width:85px;
	} 
header.page-login p{}

main.page-login{
	width:650px;
	min-width:initial;
	position:fixed;
	top:50%;
	left:50%;
	margin:-130px 0 0 -325px;
	padding:0;
	} 
main.page-login div.login-entry{
	border-top:2px solid rgba(135,135,135,1);
	border-bottom:2px solid rgba(135,135,135,1);
	background:rgba(245,245,245,1);
	}
main.page-login div.login-entry dl{
	width:100%;
	display: flex;
	padding:16px 0;
	border-bottom:2px solid rgba(255,255,255,1);
	font-size:0px;
	}
main.page-login div.login-entry dl:first-child{ border-top:2px solid rgba(255,255,255,1); }
main.page-login div.login-entry dl dt , main.page-login dl dd{
	font-size:13px;
	}
main.page-login div.login-entry dl dt{
	width:30%;
	padding:0 0 0 75px;
	}
main.page-login div.login-entry dl dd{
	width:70%;
	}
main.page-login div.login-entry dl dd input{
	width:57.5%;
	margin:0 25px 0 0;
	} 
main.page-login div.login-entry dl dd span{ font-size:12px; }

footer.page-login{
	width:100%;
	min-width:initial;
	position:fixed;
	bottom:0;
	}
.login_error{
    font-size: 0.9rem;
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #F00;
	}

/*	02 index
------------------------------------------*/
.page-index{}
main.page-index div.intro{
	width:100%;
	text-align:center;
	padding:80px 0 80px;
	position:relative;
	}
main.page-index div.intro p{
	display:inline-block;
	padding:8px 70px;
	background:rgba(245,245,245,1);
	font-size:15px;
	border-radius:8px;
	}
main.page-index div.intro:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 12px 8px;
	border-color: transparent transparent rgba(80,80,80,1) transparent;
	position:absolute;
	top:55px;
	left:50%;
	margin:0 0 0 -8px;
	}
main.page-index div.message{
	width:100%;
	text-align:center;
	padding:30px 0 80px;
	position:relative;
	}


main.page-index div.message p{
	display:inline-block;
	padding:8px 70px;
	font-size:15px;
	color: rgba( 255 , 20 , 20 , 1 );
	font-weight: bold;
}


main.page-index article{
	width:100%;
	}
main.page-index article div.parts-entry{
	height:300px;
	overflow:scroll;
	}
main.page-index article div.parts-entry dl{}
main.page-index article div.parts-entry dl dt{ width:12.5%; letter-spacing:0.07rem;}
main.page-index article div.parts-entry dl dd{ width:87.5%; }


/*	03 parts-entry
------------------------------------------*/
div.parts-entry dl{
	padding:15px 12px;
	font-size:0;
	vertical-align:middle;
	}
div.parts-entry > div:nth-child(odd){ background:rgba(255,255,255,1); }
div.parts-entry > div:nth-child(even){ background:rgba(245,245,245,1); }
div.parts-entry dl dt , div.parts-entry dl dd{
	display:inline-block;
	font-size:13px;
	vertical-align:top;
	line-height:1.15rem;
	}
div.parts-entry dl dt{
	width:17.5%;
	padding:0 2.5% 0 0;
	}
div.parts-entry dl dd{
	width:82.5%;
	}
div.parts-entry dl dd figure{
	width: 100%;
	height: 100%;
}

div.parts-entry dl dd  > .result .gallery_block{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 5px 0;
	padding: 10px;
	border: 1px dotted rgba( 33 , 33 , 33 , 1 );
}

div.parts-entry dl dd .gallery_form,
div.parts-entry dl dd  > .result .gallery_block textarea{
	width: 100%;
}

div.parts-entry dl dd  > .result .gallery_block figure{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

div.parts-entry dl dd label{ padding:0 15px 0 0; }
div.parts-entry dl dd .notes{ font-size:12px; }
div.parts-entry dl dd span.notes:before{
	content:"※";
	padding:0 2px 0 15px;
	}
div.parts-entry dl dd p.notes:before{
	content:"※";
	padding:0 2px 0 0;
	}
div.parts-entry > div:last-child{
	border-bottom:1px solid rgba(170,170,170,1);
	}

div.parts-entry dl dd input[type="radio"],
div.parts-entry dl dd input[type="checkbox"]{
	margin:0 5px 0 0;
	}
div.parts-entry div dl dd a{
	margin:0 0 0 5px;
	}
div.parts-entry dl dd input[type="text"]{
	position:relative;
	top:-2px;
	}
div.parts-entry dl dd select{
	margin:0 5px 0 7px;
	padding:2px 5px;
	font-size:14px;
	position:relative;
	top:-1px;
	}
div.parts-entry dl dd select:first-child{	margin:0 5px 0 0; }

div.parts-entry dl dd .file_upload,
div.parts-entry dl dd .csv_upload{
	display: flex;
	justify-content: center;
	align-content: center;
	border: 1px dotted rgba( 33 , 33 , 33 , 1 );
	width: 200px;
	height: 200px;
}
div.parts-entry dl dd .file_upload p,
div.parts-entry dl dd .csv_upload p{
	font-size: 0.8rem;
	text-align: center;
	align-self: center;
}
div.parts-entry dl dd .file_gallery{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px dotted rgba( 33 , 33 , 33 , 1 );
	width: 100%;
	height: 150px;
}
div.parts-entry dl dd .pdf_upload{
	display: flex;
	justify-content: center;
	align-content: center;
	border: 1px dotted rgba( 33 , 33 , 33 , 1 );
	width: 100px;
	height: 100px;
}

/**/
div.parts-entry dl dd dl.outline dd label{
	display: inline-block;
	width: 45%;
	margin-right: 2.5%;
	margin-bottom: 5px;
}
div.parts-entry dl dd dl.specimen{
	margin-bottom: 10px;
	border-bottom: dotted 1px rgba( 33 , 33 , 33 , 1 )
}
div.parts-entry dl dd dl.specimen dt{
	width: 35px;
}
div.parts-entry dl dd dl.specimen dd{
	width: calc(100% - 40px);
}

/*div.parts-entry dl dd dl.specimen dd > div{
	display: flex;
	flex-wrap: wrap;
}*/


div.parts-entry dl dd dl.specimen dd > div > div{
	display: flex;
	flex-wrap: wrap;
	margin-right: 15px;
	margin-bottom: 30px;
}


div.parts-entry dl dd dl.specimen dd  > div > div ul{
	margin-right: 30px;
}

div.parts-entry dl dd dl.specimen dd  > div > div ul li{
	margin-bottom: 5px;
}

div.parts-entry dl dd dl.specimen dd  > div > div ul li.list_title{
	font-weight: bold;
}

div.parts-entry dl dd dl.specimen dd  > div > div ul li div{
	margin-bottom: 15px;
}

div.parts-entry dl dd dl.specimen dd  > div > div ul li label{
	width: 33%;
}

div.parts-entry dl dd dl.specimen dd  > div > div ul li input,
div.parts-entry dl dd dl.specimen dd  > div > div ul li select{
	width: 110px;
	margin-right: 5px;
}
div.parts-entry dl dd dl.specimen dd  > div > div ul li textarea{
	width: 312px;
	height: 60	px;
}
div.parts-entry dl dd dl.specimen dd  > div > div ul.assign li div{
	display: inline-block;
	margin-right: 15px;
}
div.parts-entry dl dd dl.specimen dd  > div > div ul.assign li div span{
}

div.parts-entry dl dd dl.specimen dd  > div > div ul.assign li span{
	display: inline-block;
	width: 60px;
}

div.parts-entry dl dd dl.specimen dd div ul.melt{
	width: 600px;
}
div.parts-entry dl dd dl.specimen dd div ul.melt li div{
	display: inline-block;;
}
div.parts-entry dl dd dl.specimen dd div ul.melt li div span.week{
	padding: 0;
	margin: 0;
	display: inline-block;
}

div.parts-entry dl dd dl.specimen dd div.print_list{
	display: table;
}
div.parts-entry dl dd dl.specimen dd div.print_list ul{
	display: table-row;
}
div.parts-entry dl dd dl.specimen dd div.print_list ul li{
	display: table-cell;
}
div.parts-entry dl dd .btn_string{
	margin-top: 35px;
}
div.parts-entry dl dd .btn_string a{
    font-size: 13px;
    color: rgba( 255 , 255 , 255 , 1 );
    background: rgba(245,85,30,1);
    background-size: 8px;
    border-radius: 5px;
    padding: 10px 15px;
   }

div.parts-entry dl dd .csv_control{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

div.parts-entry dl dd .csv_control a{
	display: inline-block;
	height: 35px;
    font-size: 13px;
    color: rgba( 255 , 255 , 255 , 1 );
    background: rgba(245,85,30,1);
    background-size: 8px;
    border-radius: 5px;
    padding: 10px 15px;
}

div.parts-entry dl.specimen  dd .csv_control .upload{
	width: 120px;
	height: 35px;
}

div.parts-entry dl dd .print_list{
	display: table;
	width: 100%;
	margin: 25px 0 35px;
}

div.parts-entry dl dd .print_list ul{
	display: table-row;
	width: 100%;

}
div.parts-entry dl dd .print_list ul li{
	display: table-cell;
	width: 175px;
	padding: 10px 15px;
	border-bottom: 1px solid rgba( 33 , 33 , 33 , .3 );
	border-right: 1px solid rgba( 33 , 33 , 33 , .3 );
}
div.parts-entry dl dd .print_list ul li.list_num{
	width: 85px;
	text-align: center;
}
div.parts-entry dl dd .print_list ul.list_header li{
	font-weight: bold;
}

/*div.parts-entry dl dd dl.specimen dd label{
	display: inline-block;
	width: 20%;
	height: 45px;
	margin-right: 2.5%;
	margin-bottom: 10px;
	vertical-align: middle;
}*/
div.parts-entry dl dd dl.specimen dd label input,
div.parts-entry dl dd dl.specimen dd label select{
	width: 89px;
}
div.parts-entry dl dd dl.specimen dd label input[type="checkbox"],
div.parts-entry dl dd dl.specimen dd label input[type="radio"]{
	width: auto;
}
div.parts-entry dl dd dl.specimen .upload{
	width: 89px;
	height: 24px;
	justify-content: center;
	align-items: center;
	border: dotted 1px rgba( 33 , 33 , 33 , .5 );
}
div.parts-entry dl dd dl.specimen .upload a{
	padding: 0;
	margin: 0;
}
div.parts-entry dl dd dl.specimen .upload a img{
	height: 24px;
}

div.parts-entry dl dd dl.specimen dd label.label_staining{
	width: 100%;
}
div.parts-entry dl dd dl.specimen dd label.label_staining div{
	margin-bottom: 10px;
}
div.parts-entry dl dd dl.specimen dd label.label_staining div.sta_box{
	display: flex;
	flex-wrap: wrap;
}
div.parts-entry dl dd dl.specimen dd label.label_staining div.sta_box label{
	display: block;
	margin-bottom: 5px;
}
div.parts-entry dl dd dl.specimen dd label.label_staining div div{
	display: inline-block;
	width: 155px;
	margin-bottom: 5px;
}
div.parts-entry dl dd dl.specimen dd label.label_staining div div input{
	width: auto;
}
div.parts-entry dl dd dl.specimen dd label span{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

div.parts-entry dl dd .conf_step{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
div.parts-entry dl dd .conf_step ul{
	margin-right: 30px;
	margin-bottom: 15px;
}

div.parts-entry dl dd .conf_step ul li{
}

div.parts-entry dl dd .conf_step ul li.list_title{
	width: 100px;
	margin-bottom: 5px;
	font-weight: bold;
}

div.parts-entry dl dd .conf_step .conf_print_list{
	display: table;
	width: 100%;
	margin: 15px 30px 30px 0;
}
div.parts-entry dl dd .conf_step .conf_print_list ul{
	display: table-row;
	width: 100%;
}
div.parts-entry dl dd .conf_step .conf_print_list ul li{
	display: table-cell;
	width: calc( 100% / 6 );
	padding: 5px 10px;
	border-right: dotted 1px rgba( 33, 33, 33, 1 );
	border-bottom: dotted 1px rgba( 33, 33, 33, 1 );
}

/* add Btn / Entry */

div.parts-entry p.form_label {
	font-size: 15px;
	font-weight: 600;
	margin-top: 27px;
	margin-bottom: 13px;
	margin-left: 6px;
}

div.parts-entry a.add_null_block {
	color:#fff;
   background-color: rgba(245,85,30,1);
    display: block;
    border-radius: 5px;
    padding:12px 6px;
    margin-top: 18px;
}
div.parts-entry a.add_null_block:hover {
	opacity: 0.8;
}
div.parts-entry a.add_null_block span {
	font-size: 12.5px;
	display: block;
	width: 8em;
	line-height: 18px;
	text-align: center;
	margin:0 auto;
}
div.parts-entry .order_nav {
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: 55px;
	justify-content: flex-end;
	margin-right: 19px;
	margin-bottom: 20px;
}
div.parts-entry .order_nav div {
	border-radius: 5px;
}
div.parts-entry .order_nav div a {
	color:#fff;
    padding:12px 14px;
}
div.parts-entry .order_nav div + div {
	margin-left: 6px;
}
div.parts-entry .order_nav div.delete {
	background-color: #adadad;
}
div.parts-entry .order_nav div.copy {
	background-color: rgba(245,85,30,1);
}
div.parts-entry .order_nav div:hover {
	opacity: 0.8;
}
div.parts-entry .order_nav div a {
	width: 100%;
	height: auto;
	display: block;
	margin:initial
}


/* add Btn / Fee */

div.parts-entry .price {
	width: 100%;
}

.order_creation{
	position: fixed;
	width: 25vw;
	padding: 15px;
	background: rgba( 255 , 255 , 255 , 1 );
	bottom: 0;
	left: 0;
	z-index: 10;
}
.order_creation .outline_table{
	width: 99%;
	border: solid 2px rgba( 0 , 0 , 0 , 1);
}
.order_creation .outline_table td{
	padding: 5px;
	border: solid 1px rgba( 0 , 0 , 0 , 1);
}
.order_creation .sum_btn{
	display: inline-block;
	margin-bottom: 10px;
}
.order_creation .sum_btn a{
	font-size: 13px;
	color: rgba( 255 , 255 , 255 , 1 );
	background: rgba(245,85,30,1);
	background-size: 8px;
	border-radius: 5px;
	padding: 10px 15px;
}

.order_creation .action_btn {
	display: flex;
	margin: 15px 0 65px;
}
.order_creation .action_btn div{
	width: 33%;
}
.order_creation .action_btn div a{
	display: block;
	width: 90%;
	margin: 0 auto;
	font-size: 13px;
	color: rgba( 255 , 255 , 255 , 1 );
	background: rgba(245,85,30,1);
	background-size: 8px;
	border-radius: 5px;
	padding: 10px 5px;
	text-align: center;
}

/*
.order_creation .etc_btn{
	display: inline-block;
	margin-top: 15px;
	width: 50%;
}
.order_creation .etc_btn a{
	display: inline-block;
	font-size: 13px;
	color: rgba( 255 , 255 , 255 , 1 );
	background: rgba(245,85,30,1);
	background-size: 8px;
	border-radius: 5px;
	padding: 10px 15px;
}

.order_creation .temp_add_btn{
	display: inline-block;
	margin-top: 15px;
	width: 49%;
	text-align: right;
}
.order_creation .temp_add_btn a{
	text-align: center;
	font-size: 13px;
	color: rgba( 255 , 255 , 255 , 1 );
	background: rgba(245,85,30,1);
	background-size: 8px;
	border-radius: 5px;
	padding: 10px 15px;
}

*/

/* 完了画面のリンク */
main.page-index div.intro .control{
	display: flex;
	justify-content: center;
	height: 50px;
	width: 45%;
	margin: 0 auto;
}
main.page-index div.intro .control div{
	margin-top: 30px;
	margin-right: 30px;
}
main.page-index div.intro .control div:last-child{
	margin-right: 0;
}
main.page-index div.intro .control div a{
	display: inline-block;
	color: rgba( 255 , 255 , 255 , 1 );
	background: rgba(100,100,100,1);
	background-size: 8px;
	border-radius: 5px;
	padding: 10px 15px;
	font-size: 15px;
}
/*	04 parts-list
------------------------------------------*/
.parts-list{
	display: table;
	border-collapse: collapse;
	width: 100%;
}

div.parts-list ul{
	display: table-row;
	width: 100%;
	padding:15px 0;
	font-size:0;
	}
div.parts-list ul.list-title{
	height:40px;
	padding:7px 0 15px 0;
	font-weight:bold;
	background:rgba(255,255,255,1) !important;
	border-bottom:2px solid rgba(135,135,135,1);
	}
div.parts-list ul:nth-child(odd){ background:rgba(245,245,245,1); }
div.parts-list ul:nth-child(even){ background:rgba(255,255,255,1); }
div.parts-list ul:last-child{ border-bottom:1px solid rgba(170,170,170,1); }

div.parts-list ul li{
	font-size:13px;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	padding: 1.5% 5px;
	}

/* list-width=100% */
.id-num{
	width:8.5%;
	text-align: center;
	}
.id-name{
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	}
.view-flag{
	width: 16%;
	text-align:center;
	padding:0 1.5%;
	}
.btn-delet{
	width: 8.5%;
	text-align:center;
	}

/*list-detail*/
.view-flag span{
	width:50%;
	display:inline-block;
	text-align:center;
	border:1px solid rgba(200,200,200,1);
	background:rgba(255,255,255,1);
	font-size:12px;
	cursor:pointer;
	}
.view-flag span.active{
	color:rgba(255,255,255,1);
	background:rgba(245,85,30,1);
	border:1px solid rgba(245,85,30,1);
	}
.view-flag span.btn-view{ border-right:none; }
.view-flag span.btn-hide{ border-left:none; }

.btn-delet span{
	color:rgba(240,30,35,1);
	cursor:pointer;
	padding:0 0 0 12px;
	}
/*.btn-delet span:before{
	content:"";
	width:10px;
	height:10px;
	background:url(/images/common/btn-delet.svg) no-repeat center center;
	background-size:10px;
	position:absolute;
	top:4.5px;
	left:50%;
	margin:0 0 0 -20px;
	cursor:pointer;
	}
*/
.search form{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(135,135,135,1);
}
.search p{
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 2px solid rgba(135,135,135,1);
}
.search form dl{
	width: calc( 100% / 4 );
	margin-right: 40px;
	margin-bottom: 15px;
}
.search form dl dt{
	margin-right: 20px;
}
.search form div{
	width: 100%;
	margin: 25px 0;
}

.creation_btn{
	margin-top: 30px;
}
/*	05 parts-btn
------------------------------------------*/
div.parts-btn{
	padding:40px 0 0;
	font-size:0;
	}
div.parts-btn span{
	width:100%;
	display:inline-block;
	text-align:center;
	font-size:14px;
	}
div.parts-btn input , div.parts-btn button{
	background:none;
	outline:none;
	border:none;
	}
div.parts-btn input.decision{
	color:rgba(255,255,255,1);
	background:url(/images/common/arrow-white.svg) no-repeat right 12px center rgba(245,85,30,1);
	background-size:8px;
	border-radius:5px;
	padding:10px 55px;
	letter-spacing:0.05rem;
	position:relative;
	opacity:1;
	transition:.2s ease;
	-webkit-transition:.2s ease;
	-moz-transition:.2s ease;
	}
div.parts-btn button.back{
	color:rgba(255,255,255,1);
	background:url(/images/common/arrow-l-white.svg) no-repeat left 12px center rgba(100,100,100,1);
	background-size:8px;
	border-radius:5px;
	padding:10px 55px;
	letter-spacing:0.05rem;
	position:relative;
	opacity:1;
	transition:.2s ease;
	-webkit-transition:.2s ease;
	-moz-transition:.2s ease;
	}
div.parts-btn input.decision:hover , div.parts-btn button.back:hover{ opacity:.85; }

/*--- confirm-area ---*/
div.parts-btn span.back-btn{
	width:50%;
	text-align:left;
	}
div.parts-btn span.confirm-btn{
	width:50%;
	text-align:right;
	}


/*	06 pagination
------------------------------------------*/
div.pagination{
	padding:50px 0 0;
	}
div.pagination ul{
	font-size:0;
	text-align:center;
	}
div.pagination ul li{
	padding:0 7px;
	font-size:14px;
	display:inline-block;
	color:rgba(245,85,30,1);
	}
div.pagination ul li a{
	color:rgba(0,0,0,1);
	}
div.pagination ul li a:hover{
	color:rgba(0,0,0,.5);
	}


/*	07 flash-message
------------------------------------------*/
section.flash-message{
	width:100%;
	height:100%;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	background:rgba(255,255,255,.95);
	z-index:100;
	display:inline;
	vertical-align:middle;
	}
section.flash-message p{
	width:70%;
	margin:-180px 15% 0 15%;
	padding:20px 0;
	position:absolute;
	top:50%;
	left:0;
	text-align:center;
	font-size:15px;
	color:rgba(245,85,30,1);
	border-top:1px solid rgba(245,85,30,1);
	border-bottom:1px solid rgba(245,85,30,1);
	font-weight:bold;
	}
section.flash-message p:after{
	content:"";
	width:12px;
	height:40px;
	background:url(//images/common/ico-complete.svg) no-repeat center center;
	background-size:12px;
	position:absolute;
	top:50%;
	left:50%;
	margin:70px 0 0 -12px;
	}
section.flash-message ul{
	width:100%;
	font-size:0;
	position:absolute;
	top:50%;
	left:0;
	text-align:center;
	padding:0 15%;
	}
section.flash-message ul li{
	font-size:13px;
	display:block;
	border:1px solid rgba(200,200,200,1);
	border-top:none;
	background:url(/images/common/arrow-black.svg) no-repeat right 20px center rgba(245,245,245,1);
	background-size:7px;
	}
section.flash-message ul li:first-child{ border-top:1px solid rgba(200,200,200,1); }
section.flash-message ul li span{
	width:100%;
	height:100%;
	padding:15px 50px;
	display:inline-block;
	font-weight:bold;
	}

/*	08 parts-turn
------------------------------------------*/
.turn_sort{
	margin: 15px;
}
.turn_sort dl{
	display: flex;
	margin-bottom: 5px;
	border: dotted 1px rgba( 33 , 33 , 33  , .5 );
	background: rgba( 255 , 255 , 255 , 1 );
}
.turn_sort dl dt{
	width: 5%;
	text-align: center;
	padding: 10px 0;
}

.turn_sort dl dd{
	padding: 10px 0;
}

/*	99 useful-code
------------------------------------------*/
/*width*/
.w100{ width:100%; }
.w90{ width:90%; }
.w80{ width:80%; }
.w70{ width:70%; }
.w60{ width:60%; }
.w50{ width:50%; }
.w40{ width:40%; }
.w30{ width:30%; }
.w20{ width:20%; }
.w10{ width:10%; }

/*height*/
.h100{ height:100%; }
.h90{ height:90%; }
.h80{ height:80%; }
.h70{ height:70%; }
.h60{ height:60%; }
.h50{ height:50%; }
.h40{ height:40%; }
.h30{ height:30%; }
.h20{ height:20%; }
.h10{ height:10%; }



/* 追記 最終的に整理する　*/
.drop_one{
	display: inline-block;
	width: 150px;
	height: 150px;
	border: dotted #CCC 1px;
}

.create_password{
	display: inline-block;
	width: 100px;
	height: 25px;
	line-height: 25px;
	margin: 10px 0 0;
	cursor: pointer;
}

.view_password{
	display: inline-block;
	width: 100px;
	height: 25px;
	line-height: 25px;
	margin: 10px 0 0;
	cursor: pointer;
}

.output_table{
	margin: 25px 0;
	width: 100%;
}


.output_table tr td{
	border: 1px solid rgba( 0 , 0 , 0 , 1 );
	padding: 5px;
}


#OverLayer{
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba( 0 , 0 , 0 , .9 );
	z-index: 1000;
}
#OverLayer *{
	font-size: 14px;
}


#OverLayer .Layer{
	position: relative;
	width: 90%;
	height: calc(100% - 20px);
	margin: 10px auto;
	overflow-y: scroll;
	background-color: rgba( 255 , 255 , 255 , 1 );
}

#OverLayer .Layer .view{
	position: relative;
	width: 95%;
	margin: 35px auto;
}

#OverLayer .Layer .control{
	position: absolute;
	bottom: -60px;
	margin-bottom: 15px;
	width: 100%;
}

#OverLayer .Layer .control ul{
	display: flex;
	justify-content: space-around;
}

#OverLayer .Layer .control ul li{
	display: block;
	font-size: 15px;
}
#OverLayer .Layer .control ul li a{
	color: rgba( 255 , 255 , 255 , 1 );
    background: rgba(245,85,30,1);
    background-size: 8px;
    border-radius: 5px;
    padding: 10px 30px;
}

#OverLayer .Layer .view .outline_table{
	display: table;
	margin: 25px 0;
	width: 100%;
}
#OverLayer .Layer .view .outline_table tr{
	display: table-row;
}

#OverLayer .Layer .view .outline_table tr td{
	display: table-cell;
	border: 1px solid rgba( 0 , 0 , 0 , 1 );
	padding: 5px;
}

/**/
.fixed{
	overflow: hidden;
}


.product_list{
	display: table;
	margin-top: 30px;
	width: 100%;
}

.product_list ul{
	display: table-row;
}

.product_list ul li{
	display: table-cell;
	padding: 5px 0;
}

/**/
.search_overLayer{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0 , 0 , 0 , .8);
	z-index: 10;

}

.search_overLayer .search_blocks{
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: 30px auto;
	padding: 30px;
	background: rgba(255 , 255 , 255 , 1);
}

.search_overLayer p{
	width: 100%;
	font-size: 110%;
	font-weight: bold;
}

.search_overLayer .search_blocks div{
	width: calc( 100% / 5 );
}

.search_overLayer .search_blocks dt{
	width: 100%;
}

.search_overLayer .search_blocks .close_btn{
	position: absolute;
	display: inline-block;
	width: 32px;
	height: 32px;
	top: 45px;
	right: 100px;
}

.search_overLayer .search_blocks .close_btn:before{
	position: absolute;
	content:"";
	display: inline-block;
	background: rgba( 0 , 0 , 0 ,1 );
	transform:rotate(45deg);
	top: 4px;
	left: 13px;
	width: 3px;
	height: 24px;
}

.search_overLayer .search_blocks .close_btn:after{
	position: absolute;
	content:"";
	display: inline-block;
	background: rgba( 0 , 0 , 0 ,1 );
	transform:rotate(-45deg);
	top: 4px;
	left: 13px;
	width: 3px;
	height: 24px;
}

.search_overLayer .search_result{
	width: 90%;
	height: 70%;
	margin: 30px auto;
	padding: 30px;
	background: rgba(255 , 255 , 255 , 1);
}

.search_overLayer .search_result dl{
	height: 100%;

}

.search_overLayer .search_result dd{
	height: 100%;
	overflow-y: auto;
}

.search_overLayer .search_result dd ul{
	display: flex;
	flex-wrap: wrap;
}

.search_overLayer .search_result dd ul li{
	width: calc( 100% / 3 );
	margin-bottom: 10px;
}