@charset "utf-8";

button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/*基本*/
html, body {margin: 0; padding: 0;overflow: hidden;}
table{border:solid 1px #ddd;border-collapse:collapse;margin: 5px;width: 100%;*width: 97%;}
td,th{line-height:1.3;padding:4px;border:solid 1px #ddd;}
td{white-space:nowrap}
#wrapper{overflow: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;margin: 0; padding: 0 10px 0 0;}
span.title{font-weight:bold}
span.update{font-weight:normal}
.nameTd{white-space:normal}
.codeTd{white-space:normal}
.imgF{text-align: center;}

.reviewimg{width: 100%;max-width: 100px;display: inline!important;vertical-align: middle;}

/*システム出力分。*/
.imgF{
border-width:0px;
border-color:#ffffff;
border-style: solid;
}
.nameF{
font-size:13px;
color:#000000;
font-weight: normal;
text-align:left;
border-width:0px;
border-color:#ffffff;
background-color:#ffffff;
border-style: solid;
}
.priceF{
font-size:12px;
color:#f40c1a;
font-weight: bold;
text-align:right;
border-width:0px;
border-color:#ffffff;
background-color:#ffffff;
border-style: solid;
}
.countF{
font-size:12px;
color:#000000;
font-weight: normal;
text-align:right;
border-width:0px;
border-color:#ffffff;
background-color:#ffffff;
border-style: solid;
}
.dateF{
font-size:11px;
color:#000000;
font-weight: normal;
text-align:left;
border-width:0px;
border-color:#ffffff;
background-color:#ffffff;
border-style: solid;
}
.codeF{
font-size:12px;
color:#000000;
font-weight: normal;
text-align:left;
border-width:0px;
border-color:#ffffff;
background-color:#ffffff;
border-style: solid;
}
.addrF{
font-size:14px;
color:#ffffff;
font-weight: normal;
text-align:center;
border-width:0px;
border-color:#ffffff;
background-color:#e67f19;
border-style: solid;
}
.reviewF{
font-size:12px;
color:#000000;
font-weight: normal;
text-align:center;
border-width:0px;
border-color:#ffffff;
background-color:#ffffff;
border-style: solid;
}
.count{font-size: 0px;}
.count:after{content:"ご寄附ありがとうございます！";font-size: 16px; color: #E67F19; font-weight: 700;}
.qtyH{font-size: 0px;}
.qtyH:after{content:"メッセージ";font-size: 12px;}
tr{border-bottom:1px solid #ccc;}table{border:none;}
.imgF, .nameF, .priceF, .countF, .dateF, .codeF, .addrF, .reviewF{border:none!important;}
.tablehead{display:none;} 
tr#index{display: none;} 

/*リニューアル対応 0415*/
table {border-collapse:collapse;border-spacing:0;margin:0;width:100%;}
.img{width:120px !important;}
tr.row{	position: relative;display: block;padding: 5px;}
.qtyTd,.dateTd,.nameTd,.addrTd,.priceTd{display: block;position:absolute;left:140px;font-size:14px;}
.qtyTd{top:10px;}
.dateTd{top:35px;font-size: 11px;}
.nameTd{top:90px;background:none;}
.addrTd{top:10px;left:380px;border-radius:30px;padding:4px 8px;}
.priceTd{top:65px;}

@media screen and (max-width: 599px){
	.img{width:90px !important;}
	.row{height:190px;}
	.qtyTd,.dateTd,.nameTd,.addrTd,.priceTd{left:105px;font-size:14px !important;}
	.priceTd{top:95px;}
	.dateTd{top:65px;font-size:11px !important;}
	.addrTd{top:35px;}
	.nameTd{top:120px;}
}
.img{width:120px;}
.imgF, .nameF, .priceF, .countF, .dateF, .codeF, .addrF, .reviewF{border: solid 1px #ddd;}
.tablehead{
font-size:12px;
color:#ffffff;
font-weight: bold;
border-width:1px;
border-color:#dddddd;
background-color:#d60000;
border-style: solid;
}
