@charset "utf-8";
/* ------------------------------------------------------------ common */

.complete { color: #23b8af; background: #dcf0ee; background-size: 13px; font-size: 14px; font-weight: bold; padding: 3px 40px; text-align: center; margin: 10px 0; }
.complete img { padding: 0 10px; vertical-align: -1px; }


#thanks { text-align: center; }
#thanks h2	{ font-size: 26px; margin: 0 0 20px; }
#thanks p { font-size: 18px; padding: 0 0 40px; }

#contents 		{ margin: 0 auto 120px; width: 660px; min-width: 780px; float: left; }
#contents h2	{ font-size: 26px; padding: 0 0 0 50px; background: url(../images/cart/icn_cart.gif) no-repeat left center; margin: 40px 0 60px; }
#contents a 	{ color: #82c2d0; text-decoration: underline; }

#contents #read p		{ font-size: 20px; border-bottom: 1px solid #767678; padding: 0 0 10px; }
#contents #read span 	{ display: inline-block; *display: inline; *zoom: 1; float: right; }

#contents table 			{ width: 100%; font-size: 14px; color: #4e4e4e; text-align: center; }
#contents table form { display: inline;}
#contents table th 			{ background: #ddd; padding: 5px 0; vertical-align: text-top; font-weight: bold; }
#contents table td 			{ border-bottom: 1px solid #e2e2e2; padding: 30px 0; font-size: 14px; }
#contents table td	h3		{ font-size: 16px; font-family: 'Noto-Sans-JP-Bold'; display: inline;}
#contents table td img		{ padding: 0 0 5px; }
#contents table p 		{ background: #111; color: #fff; margin: 8px 0; width: 200px; font-size: 11px; padding: 2px 0; margin: 10px auto 0; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; }
#contents table p.imgsize0 { background: #8dd4cc; }
#contents table p.imgsize1 { background: #db9593; }
#contents table .photo 		{ width: 177px; }
#contents table .price 		{ width: 240px; padding: 0 10px; text-align: right;}
#contents table .photo a 	{ font-size: 12px; }
#contents table td select { margin: 0 20px;}
#contents table .sp { display: none; }

#contents table .alert_num { background: #fddddd; }
#contents table input[type="submit"].delete { color: #aeaeae; font-size: 16px; width: auto; line-height: 130%; height: auto; background: none; text-decoration: underline; }

#contents .result_box { background: #f3f3f3; padding: 30px 30px 0 0; text-align: right; font-size: 16px; color: #111; font-family: 'Noto-Sans-JP-Medium';}
#contents #result span { padding: 0 5px 0 0; }
#contents #result02 { padding: 10px 30px 30px 0;}
#contents #result02 span { color: #b52700; font-size: 24px; font-weight: bold; padding: 0 0 0 10px; }


#bside 			{ width: 310px; float: right; background: #f5f5f5; padding: 0 30px;}
#bside dl 		{ padding: 30px 0 45px; border-top: 1px solid #fff; }
#bside dl dt 	{ text-align: center; color: #000;  font-size: 20px; font-family: 'Noto-Sans-JP-Medium'; padding: 0 0 25px;}
#bside dl dd input[type="password"],
#bside dl dd input[type="text"] { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}

#bside #buy dd div small { width: 65px; float: left; display: block; padding: 17px 0 20px; font-size: 16px;}
#bside #buy dd div p { width: 200px; float: right; text-align: right; padding: 5px 0 25px; }
#bside #buy dd div p span { color: #b52700; font-size: 25px; font-weight: bold; }
#bside #buy dd a { background: #ce4f4f; border: none; color: #fff; width: 270px; height: 45px; line-height: 45px; display: inline-block; *display: inline; *zoom: 1; text-align: center; margin: 0; font-size: 18px;}
#bside #member dd span { display: block; padding: 15px 0 15px; }
#bside #member dd span a { color: #82c2d0; text-decoration: underline; }
#bside #member dd input[type="submit"] { background: url(../images/cart/btn_arw.gif) 96% center no-repeat #3db2a0; width: 310px; line-height: 34px; height: 34px; border: none; padding: 0; color: #fff; font-size: 14px;  }
#bside #first p { padding: 0 0 20px; }
#bside #first a { width: 310px; height: 34px; line-height: 34px; background: #dd8d37; margin: 0;}



/* ------------------------------------------------------------ button */
#contents .btn { text-align: center; padding: 40px 0 10px; }
#contents .btn .submit,
#contents .btn .back,
#contents input[type="submit"] { padding: 0; line-height: 40px; height: 40px; font-size: 14px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-decoration: none; }

#contents .btn .submit { background: #970007; border: none; color: #fff; width: 190px; }
#contents .btn .back { background: #939393; border: none; color: #fff; width: 265px; margin: 0 15px 0 0; font-size: 18px; height: 45px; line-height: 45px;}
#contents .btn .next { background: #ce4f4f; color: #fff; width: 265px; line-height: 45px; height: 45px; text-decoration: none; vertical-align: middle; margin: 0 auto; font-size: 18px;}

#contents input[type="submit"] { background: #970007; border: none; color: #fff; width: 100px; line-height: 40px; height: 40px; }



/* ------------------------------------------------------------ check */
.note h3 { font-size: 32px; padding: 0 0 45px; color: #2c2b2a; font-weight: bold; text-align: center; }
.note p { padding: 0 0 15px; font-size: 16px; }
.note p.caution { color: #d20000; }
.note p.btn a { background: #edb31c; border: none; color: #fff; padding: 0 100px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; }
#thanks { padding: 30px 0; }
#thanks p { font-size: 15px; }


/* ------------------------------------------------------------ empty */
#empty #contents { float: none; }
#empty .note h3 { font-weight: normal; padding: 80px 0 15px; font-size: 26px; }
#empty .note p { font-size: 12px; padding: 0 0 70px; }

@media only screen and (max-width:640px){
#wrapper { min-width: inherit; }
#contents,
#bside { min-width: inherit; width: 100%; float: none; }

#bside a img { width: 100%; margin: 3% 0; height: auto; }

#bside #member dd input[type="submit"] { width: 100%; height: auto; background-size: cover; }

#contents table .sp { display: table-row; }
/* #contents table .sp img { width: 100%; height: auto; max-width: 200px; } */
table tr td.photo,
table tr th.photo { display: none; }

.complete { color: #23b8af; background: #dcf0ee; background-size: 13px; font-size: 12px; font-weight: bold; padding: 3px 20px; text-align: center; margin: 10px 0; }
.complete img { padding: 0 10px; vertical-align: -1px; }


#thanks { text-align: center; }
#thanks h2	{ font-size: 20px; margin: 0 0 10px; }
#thanks p { font-size: 16px; padding: 0 0 20px; }

#contents 		{ margin: 0 auto 20px; width: 94%; min-width: inherit; float: none; }
#contents h2	{ font-size: 20px; padding: 0 0 0 25px; background: url(../images/cart/icn_cart.gif) no-repeat left center; background-size: 17px auto; margin: 20px 0 30px; }
#contents a 	{ color: #82c2d0; text-decoration: underline; }

#contents #read p		{ font-size: 16px; border-bottom: 1px solid #767678; padding: 0 0 5px; }
#contents #read span 	{ display: inline-block; *display: inline; *zoom: 1; float: right; }

#contents table 			{ width: 100%; font-size: 13px; color: #4e4e4e; text-align: center; }
#contents table th 			{ background: #ddd; padding: 5px 0; vertical-align: text-top; font-weight: bold; }
#contents table td 			{ border-bottom: none; padding: 15px 0; font-size: 13px; display: block;}
#contents table td	h3		{ font-size: 14px; }
#contents table td img		{ padding: 0 0 5px; }
#contents table p 		{ background: #111; color: #fff; margin: 8px 0; width: 200px; font-size: 11px; padding: 2px 0; margin: 10px auto 0; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; }
#contents table p.imgsize0 { background: #8dd4cc; }
#contents table p.imgsize1 { background: #db9593; }
#contents table .photo 		{ width: 100%; }
#contents table .photo img { width: 100%; height: auto;}
#contents table .select 	{ width: 250px; }
#contents table .price 		{ width: 100%; display: block; padding: 0 0 15px;}
#contents table .photo a 	{ font-size: 12px; }
#contents table .sp { display: none; }

#contents table input[type="submit"].delete { font-size: 12px; padding: 0 5px 0 0;}
#contents table .alert_num { background: #fddddd; }

#contents table .delete input[type="submit"] { background: none; color: #aeaeae; text-decoration: underline; width: 30px; }
#contents table .select select { width: 200px; }

#contents .result_box { background: #f3f3f3; padding: 30px 3% 0; text-align: right; font-size: 16px; color: #111; font-family: 'Noto-Sans-JP-Medium'; text-align: center;}
#contents #result span { padding: 0 5px 0 0; font-size: 13px;}
#contents #result02 { padding: 5px 3% 30px;}
#contents #result02 span { color: #b52700; font-size: 24px; font-weight: bold; padding: 0 0 0 10px; }


#bside 			{ width: 100%; float: none; background: #f5f5f5; padding: 0;}
#bside dl 		{ padding: 30px 3%; border-top: 1px solid #fff; text-align: center;}
#bside dl dt 	{ text-align: center; color: #000;  font-size: 17px; padding: 0 0 10px;}
#bside dl dd { text-align: center;}
#bside dl dd input[type="password"],
#bside dl dd input[type="text"] { width: 97%; margin: 5px 0 0;}

#bside #buy dd div small { width: 90px; float: left; display: block; padding: 10px 0 20px; font-size: 14px;}
#bside #buy dd div p { width: 68%; float: right; text-align: right; padding: 5px 0 25px; }
#bside #buy dd div p span { color: #b52700; font-size: 20px; font-weight: bold; }
#bside #buy dd a { background: #970007; border: none; color: #fff; width: 230px; height: 40px; line-height: 40px; display: inline-block; *display: inline; *zoom: 1; text-align: center; font-size: 16px;}
#bside #member dd span { display: block; padding: 15px 0 10px; }
#bside #member dd span a { color: #82c2d0; text-decoration: underline; }
#bside #member dd input[type="submit"] { background: url(../images/cart/btn_arw.gif) 96% center no-repeat #3db2a0; width: 100%; line-height: 34px; height: 34px; border: none; padding: 0; color: #fff; font-size: 14px;  }
#bside #first p { padding: 0 0 15px; }
#bside #first a { width: 100%; height: 34px; line-height: 34px; background: #dd8d37; margin: 0;}



/* ------------------------------------------------------------ button */
#contents .btn { text-align: center; padding: 30px 0 10px; }
#contents .btn .submit,
#contents .btn .back,
#contents input[type="submit"] { padding: 0; line-height: 40px; height: 40px; font-size: 14px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-decoration: none; margin: 0 auto;}

#contents .btn .submit { background: #970007; border: none; color: #fff; width: 190px; }
#contents .btn .back { background: #939393; border: none; color: #fff; width: 190px; }
#contents .btn .next { background: #ce4f4f; color: #fff; width: 190px; line-height: 40px; height: 40px; text-decoration: none; vertical-align: middle; margin: 15px auto 0; font-size: 14px;}
#contents input[type="submit"] { background: #970007; border: none; color: #fff; width: 190px; line-height: 40px; height: 40px; }


/* ------------------------------------------------------------ check */
.note h3 { font-size: 32px; padding: 0 0 45px; color: #2c2b2a; font-weight: bold; text-align: center; }
.note p { padding: 0 0 15px; font-size: 16px; }
.note p.caution { color: #d20000; }
.note p.btn a { background: #edb31c; border: none; color: #fff; padding: 0 100px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; }
#thanks { padding: 30px 0; }
#thanks p { font-size: 15px; }


/* ------------------------------------------------------------ empty */
#empty #contents { float: none; }
#empty .note h3 { font-weight: normal; padding: 40px 0 15px; font-size: 20px; }
#empty .note p { font-size: 12px; padding: 0 0 70px; }
}