@charset "UTF-8";
/*_____FOR ITEM DETAIL STYLE_______*/
/* –––– BUNREI_LIST_STYLE ---- */
/*ALL*/

.table_seikyu_list{
border: 1px solid #ccc;
	width: 100%;
}
.table_seikyu_list th,.table_seikyu_list td{
font-size: 1.3rem;
}

.table_seikyu_list tbody td.seikyu_dl {
 text-align: center;
}
.table_seikyu_list tbody td.seikyu_dl .button{
	display: inline-block;
	width: auto;
}

.table_seikyu_list tbody td.seikyu_dl .delivery_slip_blank{
opacity: 0.5;
}

/*購入履歴*/
/*検索フォーム*/
.search-cont{
display: none;
}
.search-cont01 {
display: block;
}
.search-cont img.ui-datepicker-trigger {
padding-top: 5px;
}

#ui-datepicker-div .ui-datepicker-title select[class^="ui-datepicker-"]{
padding-left: 3px;
}

.c-radio-list {
}
.c-radio-list li {
display: inline-block;
margin: 0 2em 0 0;
}
.c-radio-list li input {
margin-bottom: 0;
}
.c-radio-list li label{
font-size: inhret;
display: inline;
font-weight: normal;
margin-left: .5em;
}

#history .infoarea {
	font-size: 85%;
	margin: 20px 0 0;
}
#history .infoarea.estimate{ margin: 10px 0;}
#history .infoarea.estimate .seikyu_price{ color:#C00; font-size: 1.5rem;}

.table_history_list {
	border: 1px solid #ccc;
	width: 100%;
}
.table_history_list th,.table_history_list td{
font-size: 1.3rem;
word-break : break-all;	
}
.table_history_list tbody .his_info .cont_img {
 	max-width: 100px;
}
.table_history_list tbody .his_info .his_price {
	text-align: left;
	color: #C00;
	}
.button_area_csv_dl{
overflow: hidden;
text-align: center;
}
.button_area_csv_dl form{
display: inline-block;
margin: 0;
}
.button_area_csv_dl .button{
width: auto;
font-weight: normal;
padding: 0.75em 1.5em;
min-width: 200px;
white-space: normal;
}

.c-form-explanation{
background: #f5f5f5;
padding: 1em 1.25em;
font-size: 85%;
margin-bottom: 3rem;
}
#childMemberList .c-form-explanation p{
	margin-bottom: 0;
}

/*子会員リスト*/
.table_child_list {
	border: 1px solid #ccc;
	width: 100%;
}
.table_child_list thead{
	background: #f5f5f5;
}
.table_child_list th,.table_child_list td{
font-size: 1.3rem;
word-break : break-all;	
}
.table_child_list .child_btn .button{
	margin-bottom: 0;
}	

/*sender*/
.sender-title { padding-bottom: 5px; display: block;margin-bottom: 1em; border-bottom: 1px dotted #222;}

.c-form .pagelink {margin: 1em 0 ;}
.c-form .pagelink a {color: #5A89E2; text-decoration: underline;}

/**/
.from-readonly,.form-readonly-mailmag {position: relative; z-index: 0; opacity: 0.9; }
.from-readonly:after,.form-readonly-mailmag:after{position: absolute; top: 0; left: 0; content: "";width: 100%; height: 100%; z-index: 1;}
.from-readonly select,.from-readonly input { margin-bottom: 0; border: none; outline: none;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;}
.from-readonly select::-ms-expand,.from-readonly input::-ms-expand { /* select要素のデザインを無効にする（IE用） */
display: none;
}
.from-readonly option:first-child{ opacity: 0;}

/*会員情報確認用 入力不可*/
.form-readonly-member #PC_MAIL {word-break: break-all;}
.form-readonly-member,.form-readonly-mailmag {opacity:1; min-height: 3em; word-break:break-all;}
.form-readonly-member select,.form-readonly-member input {padding: 0;margin: 0; line-height:inherit;/*不具合あったら1or1.25に戻す*/ height: auto;}
.form-readonly-mailmag input,.form-readonly-mailmag label {margin-bottom: 0;height: auto;}

/*ボックスリスト共通　お届け先/差出人*/
/*#addressList liに上書き*/
.c-form-listbox { width: 100%;}
.c-form-listbox li{ width: 100%; margin-bottom: 15px;}
.u-txt-underline {text-decoration: underline !important;}
.w-80 input {width: 80%;}
.w-15em input {width: 15em;}

@media all and (max-width: 480px) {
.w-100-sp input{width: 100%;}
.w-80-sp input{width: 100%;}
.w-30-sp input {width: 30%;}
.w-35-sp input {width: 35%;}
.w-40-sp input {width: 40%;}
td span.w-100-sp input {
    width: 100% !important; } 
}

@media all and (max-width: 375px) {
.w-sp-fit input {
	width: 100% !important;
	} 
.table_history_list .his_btn .button:last-child{
	margin-top: 5px;
	}
}

/*SP*/
@media all and (max-width: 768px) {
	
	.table_seikyu_list{
border:none;
}
	
.table_seikyu_list tr{
	width: 100%;
	border: 1px solid #ccc; 
	margin-bottom: 1.5em;
	display: block;
}
	
.table_seikyu_list thead{
 display: none;
}

.table_seikyu_list tbody td{
 	display: block;
	width: 100%;
	padding:5px 7px;
	border-bottom: 1px dotted #ccc;
}

.table_seikyu_list tbody tr td:last-child{
 border-bottom: none;
}
.table_seikyu_list tbody tr td:nth-child(odd){
	background: #F6F6F4;
}

.table_seikyu_list .seikyu_th:after{
	content: "：";
}
.table_seikyu_list .seikyu_th{
	font-weight: bold;
	color: #333;
}
	.table_seikyu_list tbody td.seikyu_dl .button{
	padding: 10px 20px;
		line-height: 1em;
}
	.table_seikyu_list tbody td.seikyu_dl .button br{
	display: none;
}
	
/*購入履歴*/
.table_history_list thead{
	display: none;
}
.table_history_list tbody td{
	padding:5px 7px;
	border-bottom: 1px dotted #ccc;
}
.table_history_list tbody tr:last-child td{
	border-bottom: 1px solid #ccc;
}
	
.table_history_list tbody .his_info td{
 	display: block;
	width: 100%;
	padding:2px 7px;
	border-bottom: none;
}
.table_history_list tbody .his_info{
 	border-right: 1px solid #ccc;
	border-bottom: 1px dotted #ccc;
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-left: 35px;
	position: relative;
}
/*.table_history_list tbody .his_info td:first-child{
	padding-top: 5px;
}*/
.table_history_list tbody .his_info td:last-child{
	padding-bottom: 5px;
}

.table_history_list tbody td.his_check{
display: block;
width: 30px;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-right: 1px dotted #ccc;
}
.table_history_list tbody td.his_check input{
line-height: 1;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -0.5em;
}
	
.table_history_list tbody .his_info .his_btn {
	text-align: center;
	padding: 5px 7px;
}
.table_history_list .his_btn .button{
	display: inline-block;
	width: auto;
}
.table_history_list .his_cancel input,
.table_history_list .his_cancel form,
.table_history_list .his_copy input,
.table_history_list .his_copy form{
	margin-bottom: 0;
	display: inline-block;
}

/*子会員リスト*/
.table_child_list thead th,.table_child_list thead .child_th{
	display: none;
}
.table_child_list thead th:first-child{
	display: block;
}

.table_child_list tbody tr{
	padding:5px 7px;
	border-bottom: 1px solid #ccc;
}
	
.table_child_list tbody tr td{
 	display: block;
	width: 100%;
	padding:2px 7px;
	border-bottom: none;
}
/*.table_history_list tbody .his_info td:first-child{
	padding-top: 5px;
}*/
.table_child_list tbody tr td:last-child{
	padding-bottom: 5px;
}
.table_child_list tbody .child_info{
	display: block;
	position: relative;
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-left: 35px;
}
.table_child_list tbody .child_info:last-child{
	border-bottom: none;
}
.table_child_list tbody .child_info .child_check_input{
display: block;
width: 30px;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-right: 1px dotted #ccc;
}
.table_child_list tbody .child_info .child_check_input input{
line-height: 1;
display: inline-block;
position: absolute;
top: 50%;
width: 100%;
margin-top: -0.5em;
}

.table_child_list .child_btn .button{
	display: inline-block;
	width: auto;
}	
.table_child_list tbody tr .child_btn {
	padding: 5px 7px;
}

	

}
/*TAB-PC（more than tablet）*/
@media all and (min-width: 769px) {
	.table_seikyu_list th,.table_seikyu_list td{
font-size: 1.2rem;
}
.table_seikyu_list th,.table_seikyu_list td{
padding: 10px;
}
.table_seikyu_list th{
text-align: center;
padding: 6px 10px;
line-height: 1.2em;
font-weight: bold;
color: #333;
background: #f5f5f5;
border-right: 1px dotted #ccc;
}
.table_seikyu_list tbody{
	border-bottom: 1px solid #ccc;
}
	
.table_seikyu_list .seikyu_th{
	display: none;
	visibility: hidden;
  }
.table_seikyu_list td{
border-right: 1px dotted #ccc;
}
.table_seikyu_list tbody td.seikyu_dl .button{
	width: 8em;
}
	
/*購入履歴*/
.table_history_list th,.table_history_list td{
font-size: 1.2rem;
}
	.table_history_list th,.table_history_list td{
padding: 10px;
}
	.table_history_list th{
text-align: center;
padding: 6px 10px;
line-height: 1.2em;
font-weight: bold;
color: #333;
background: #f5f5f5;
border-right: 1px dotted #ccc;
}
.table_history_list tbody{
	border-bottom: 1px solid #ccc;
}
	
.table_history_list .his_th{
	display: none;
	visibility: hidden;
  }
.table_history_list tbody td{
border-right: 1px dotted #ccc;
}
.table_history_list tbody td.his_code,.table_history_list tbody td.his_price{
max-width: 6em;word-break : break-all;
}
.table_history_list tbody td.his_check{
width: 4em;
text-align: center;
}
.table_history_list tbody td.his_check input{
margin: 0;
}
.table_history_list tbody td.his_status{
width: 8em;
}
	
.table_history_list tbody .his_info .his_btn{
	/*width: 9em;*/
}
.table_history_list tbody .his_info .his_btn .button{
	margin-bottom: 0.5em;
}
.table_history_list .his_cancel .button,
.table_history_list .his_cancel form,
.table_history_list .his_copy form{
	margin-bottom: 0;
}
	/*ボックスリスト共通　お届け先/差出人*/
/*#addressList liに上書き*/
.c-form-listbox li{ width: 49%; height: auto;float: left; margin-right: 2%;}
.c-form-listbox ul li:nth-of-type(2n){ margin-right: 0;}

/*子会員リスト*/
.table_child_list th,.table_child_list td{
font-size: 1.2rem;
}
.table_child_list th,.table_child_list td{
padding: 10px;
}
.table_child_list th{
text-align: center;
padding: 6px 10px;
line-height: 1.2em;
font-weight: bold;
color: #333;
border-right: 1px dotted #ccc;
}
.table_child_list thead .child_btn{
	width: 8.5em;
}
.table_child_list thead .child_btn .button{
	margin-top: 0.5em;
	width: 6em;
	margin-left: auto;
	margin-right: auto;
}
.table_child_list thead .child_btn .button:last-child{
	margin-bottom: 0;
}

.table_child_list tbody .child_th{
display: none;
}
.table_child_list tbody .child_check_input input{
margin: 0 !important;
}
.table_child_list tbody td{
border-right: 1px dotted #ccc;
}


}
/*SP-TAB 1023px*/
/*PC（more than 1024px）*/
@media all and (min-width: 1024px) {
	.table_seikyu_list th,.table_seikyu_list td{
font-size: 1.3rem;
}
   }

/*PC（max 1179px）*/
/*PC（more than 1180px）*/
@media all and (min-width: 1180px) {
  }

/*# sourceMappingURL=itemdetail.css.map */