@charset "utf-8";

/* CSS Document */
/*
20100603       cartbtn-PY追加、cartfn-PY削除
20100430       cart-SDへclean,zoom追加
20100426       cart-TB内価格スタイル修正
20100419       検索、在庫表関連修正
20100416       関連商品価格用クラス追加.RI-P
20100416       返品特約用クラス追加 .cart-RP
20100416       宅配便日付指定の注意書きクラス.cart-TB2-LP
20100416       ポイントのショップコメント枠追加　.cartst1p-UC
20100416       ラッピングテーブル内テーブル追加.cart-TB2-tb
20100415       購入者氏名入力部テーブル化（carttb-UN）
20100415       cartsd-md 線2pxへ
20100415       cart-SD調整（背景色、線、余白）
20100415       ショップコメント（cart-SC）幅、マージン調整
20100415       商品単価セルの右揃え、余白調整
20100415       特商法リンク（.cart-AL）下のマージン調節
20100415       ヘッダー、フッター背景、ボーダー変更
20100415       太字クラスfw-b追加

20100318 16:30 お試し期間文字クラス(cart-TR)
20100318 16:00 カゴへ注文へボタン修正cartst0-KS
20100318 14:00 STEP0テーブル修正
20100312       spanのエラークラス追加
20100204 19:00 注文画面step背景画像サイズ変更
20100203       特商法リンクのH2横化、明細表の商品セルスタイル
20100129 21:30 検索ページスタイル、在庫表スタイル追加
20100129 16:00 preスタイル追加
20101122 20:00 img.cart-TB2-imgc追加
*/

/*--- reset */
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img, abbr, acronym, fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
/*--- default */
body {
	height:100%;
	background-color:#999;
	color: #333;
	font-size: small;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3",
 	"Hiragino KakuGothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a {
	overflow:hidden;
	outline:none;
}
a:link {
	color:#2490d0;
}
a:visited {
	color:#2490d0;
}
a:hover {
	color:#2490d0;
	text-decoration: none;
}
a:active {
	color:#2490d0;
	overflow:hidden;
	outline:none;
}
p {
	margin-bottom:1em;
}

pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3",
 	"Hiragino KakuGothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

select {
    margin: 5px 2px;
    padding: 5px;
}

input[type="radio"],input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin: 0 2px 0;
}

.input_title {
	vertical-align:super;
}
.question_input_title{
	vertical-align:super;
	margin: 0 5px;
}

/* cartimage　使用画像ファイルを指定する場所 */
.cart-img {
	display:block;
	text-indent:-9999em;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}

.fw-b{
	font-weight:bold;
}

/***layout***/
.cart-BC {/**cart body container**/
	overflow:hidden;
	zoom:1;
	width:710px;
	margin:0 auto;
	padding:25px;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#333;
}
.cart-SL {
	background:url("https://pict1.ec-sites.jp/share/step/headerback.gif") repeat-x scroll left bottom #eeeeee;
	border-color:#CCCCCC;
	border-right:1px solid #CCCCCC;
	border-style:solid;
	border-width:2px 1px 0;
	color:#333333;
	font-size:18px;
	font-weight:bold;
	line-height:59px;
	margin:0 auto;
	width:710px;
	padding:0 25px;
	text-align:center;
}


.cart-CR {/**cart copyright**/
	clear:both;
	width:710px;
	margin:0 auto;
	padding:25px;
	background:0px 0px url(https://pict1.ec-sites.jp/share/step/footerback.gif) repeat-x #eee;
	border:1px solid #ccc;
	border-width:0 1px 2px;
	color:#333;
	text-align:center;
}
*html .cart-CR{
	margin-top:-25px;
	
}
.cart-SD {/**cart step detail**/
	clear:both;
	margin-bottom:1em;
	padding:0;
	color:#333;
	zoom:1;
}

.cartsd-md,.question-comment {/**cart step detail more detail,question-comment**/
	margin-bottom:18px;
	padding:18px;
	background:#fff;
	border:2px solid #ccc;
	color:#333;
}

.cartst1-wrapcomment{/*ラッピングのコメント*/
	margin-bottom:1em;
}
.cart-SC {/**cart shop comment**/
	margin:1.5em auto 3em;
	width:510px;
	text-align:left;
}


/***footer-navi***/
.cart-FN {/**cart footer navi**/
	width:600px;
	margin:1em auto;
}
.cart-FN li {
	display:inline;
}
.cartfn-TP {/**cart footer navi to previous**/
	float:left;
}
.cartfn-TP a {
	width:100px;
	height:30px;
	background-position:0px -440px;
}
.cartfn-TN ,.cartfn-TO {/**cart footer navi to next & to order & payment**/
	float:right;
}
.cartfn-TN input ,.cartfn-TO input {
	float:right;
	width:100px;
	height:30px;
	background-position:-140px -440px;
}
.cartfn-TO input{
	width:200px;
	background-position:-280px -440px;
	
}

.cartbtn-PY input{
    width:200px;
    height:30px;
    margin:0 auto;
    background-position:-520px -440px;
}


/***headline***/
h2.cart-img {
	height:auto;
	margin-bottom:0.5em;
	background-position:-760px -440px;
	background-repeat:no-repeat;
	line-height:30px;
	text-indent:40px;
	font-size:110%;
	color:#333;
}
h3 {
	margin-bottom:1em;
	padding:6px;
	border-left:7px solid #ccc;
}
h3.mt1em {
	margin-top:1em;
}

h4 {
	margin:1em 0;
	padding:3px 10px;
	border-left:3px solid #ccc;
}



/***table***/
.cart-TB,/**cart table**/ .cart-TB2{/**cart table2 for inputs of form**/
	width:100%;
	clear:both;
	border:1px solid #ccc;
}
.cart-TB{
	margin-bottom:1em;
}
.cart-TB th, .cart-TB td{
	white-space:nowrap;
	text-align:center;
}

.cart-TB th, .cart-TB td, .cart-TB2 th, .cart-TB2 td{
	padding:6px;
	border:1px solid #ccc;
}
.cart-TB th, .cart-TB2 th{
	background-color:#69c;
	color:#fff;
}
.cart-TB2 th{
	width:170px;
	text-align:left;
}
.cart-TB td, .cart-TB2 td{
	background-color:#fff;
}
.cart-TB2 td p{
	margin-bottom:0;
}

table.cart-TB2 td table.cart-TB2-tb td,
table.cart-TB2 td table.cart-TB2-tb{
	padding: 3px 6px;
	border:none;
}

table.cart-TB2 td table.cart-TB2-tb td.cart-TB2-tbNB{
	width:70px;
	vertical-align:top;
}

.carttb2-DS {/**cart table2 data separate**/
	display:block;
	float:left;
	width:175px;
}
.carttb2-DE{/**cart table2 data example**/
	padding-left:6px;
	font-size:10px;
	color:#69f;
}

.cart-TB2 td div.cart-TB2-LP{/*cart table2 left padding*/
	margin-left:1.5em;
}


img.cart-TB2-imgc {
	vertical-align: middle;
	cursor:pointer;
}


table.carttb-UN{/**cart-tb user name**/border:none;}
table.carttb-UN td{border:none; padding:0;}

table td.carttb-UN1,table td.carttb-UN3{width:40px;white-space: nowrap;}
table td.carttb-UN2{width:140px;}
table td.carttb-UN3{padding-left: 6px;}

.cart-IN {/**cart item name**/
	white-space:normal;
	float:left;
	width:285px;
	padding:4px 0 4px 6px;
	font-weight:bold;
	text-align:left;
	word-break:break-all;
}
.cart-IA {/**cart item apiece**/
	float:right;
	width:100px;
	padding:4px 6px 4px 0;
	text-align:left;
}

.cart-IAL {/**cart item apiece label**/
	width:auto;
	float:right;
	padding:4px 4px 0 0;
	text-align:right;
	font-size:10px;
}

.cart-IAL s{/**cart item apiece strike**/
	float:right;
	font-size:10px;
	text-align:right;
	width:80px;
}

.cart-IP {/**cart item property**/
	clear:both;
	padding:4px 4px 4px 2em;
	border-top:1px solid #ccc;
	font-size:small;
	text-align:left;
}

.cart-IO{/**cart item options**/
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	zoom:1;
	overflow-wrap: anywhere;
}
.cart-ION{/**cart item option name**/
	display:inline;
	float:left;
}
.cart-IOP{/**cart item option price**/
	display:inline;
	float:right;
	font-size:10px;
	text-align:right;
}

.cart-TB .TDNO{/*No.*/
	width:10px;
	padding-left:0;
	padding-right:0;
}

.cart-TB .TDF {/**cart figure**/
	width:87px;
	text-align:center;
	vertical-align:middle;
}
.cart-TB .TDF img{
	padding:5px 0;
}

.cart-TB .TDI,
.cart-TB2 .TDI{/**table data item**/
	white-space:normal;
	padding:0;
}



.cart-TB .TDAM{/*amount*/
	width:55px;
}

.cart-TB .TDAM input[type="text"]{
	width:20px;
}
.cart-TB .TDD{/*delete*/
	width:30px;

}

.cart-TB td.TDIS{/**table data item subtotal **/
	width:70px;
	text-align:right;
}

.carttb-FTA{/*form text area*/
	width:450px;
	height:75px;
	overflow:scroll;
}

.TDS{/**table data subtotal**/
	text-align:right;
}

.TDT{/**table data total**/
	text-align:right;
	font-weight:bold;
}

.cart-TB td.carttb-MD {/**cart table maximum data**/
	white-space:normal;
}
.cart-TB td.carttd-TR,
.cart-TB2 td.carttd-TR {/**cart table data text right**/
	text-align:right;
	white-space: nowrap;
}

h2.cart-AL{
	width:fit-content;
	float:left;
}

p.cart-AL{
	float:right;
	margin-bottom:0.5em;
	line-height:30px;
	color: #000;
}

.cart-TR{/**TRIAL**/
	padding:8px 0px;
	background:#fff;
	text-align:center;
	font-size:28px;
	color:#f00;
	font-weight:bold;
}

.cart-EB{/**error block**/
	margin-bottom:3em;
	padding:1em 1.5em;
	background:#fff;
	border:1px solid #f00;
	color:#f00;
	font-weight:bold;
}

.cart-EB p{
	margin-bottom:0;
	text-align:center;
}

.cart-EP{/**error pragraph**/
	display:block;
	padding-left:0.5em;
	color:#FF0000;
	font-size:90%;
}

.carttb-NI{/*hissu*/
	padding-left:0.5em;
}

/***---step0---***/

.cart-DC {/**delivery charge**/
	margin-left:1em;
	padding:3px 6px;
	background:#fff;
	border:1px solid #f00;
	color: red;
}

.cart-UF, .cart-UH {/**cart user header,footer**/
	margin-bottom: 2em;
	overflow: hidden;
}

.cart-SC0{
	padding:1em 1.5em;
	background:#fff;
	border:3px dotted #CCC;
	margin:24px 80px 36px;
	text-align:left;
}

.cart-PB{
	width:710px;
	margin:0 auto;
	padding: 3px 25px;
	background-color:#dfdfdf;
	border:1px solid #ccc;
	color:#999;
	text-align:right;
	font-size:11px;
}

.cart-SSL{
	margin:0 auto;
	width:710px;
	padding:3px 25px;
	text-align:right;
}

.cartst0-KS {/**cart step0 keep shopping**/
	width:700px;
	margin:0 auto 3em;
	overflow:hidden;
}

.cart-OP{
	background:none repeat scroll 0 0 #FFFFFF;
	border:2px dotted #CCCCCC;
	margin:16px 80px 16px;
	padding:1em 1.5em;
	text-align:center;
}

.cartst0-KS li {
	display:inline;
	overflow:hidden;
}

.KS {/**keep shopping**/
 	width:200px;
	text-align:left;
}

.NS {/**next step**/
	width:200px;
	text-align:right;
	padding-left: 5px;
}

.amazonpay_btn{/* AmazonPay ボタン */
	text-align:right;
	padding-left: 5px;
	padding-top: 1em;
}

.amazonpay_logo{/* AmazonPay STEP2の画像用 */
	width:150px;
}

.NSC{
	text-align:right;
	vertical-align:middle;
}

.cartst0-RI {/**cart step0 relationship item**/
	width:700px;
	margin:0 auto 1em;
	background-color:#fff;
	padding:1em 0;
	border:1px solid #ccc;
}

.RI {/**relationship item**/
	width:220px;
	float:left;
	text-align:center;
	word-break:break-all;
}

.RIS {/**relationship item separator**/
	margin-left:20px;
}

.RI img {
	display:block;
	margin:0.5em auto;
}

a span.RI-P{
	color:#900;
}

.RI strong {
	display:block;
	margin:auto;
	padding:0 1.5em;
	text-align:center;
}


/***---STEP1---***/
.cart-ST1 {/**cart step1 iamge**/
	height:60px;
	margin-bottom:2em;
	background-position:center -40px !important;
	background-repeat:no-repeat;
}


h3.cart-LF,
h4.cart-LF{/**cart login form**/
	width:400px;
	float:left;
}

p.cart-LF{/**cart login form**/
	float:right;
	margin-bottom:0em;
	padding-top:8px;
	line-height:30px;
}

.cartst1-LF {/**cart step1 login form**/
	clear:both;
	overflow:hidden;
}
.cartst1-LF dt{
	clear:both;
	float:left;
	width:90px;
}

.cartst1lf-PR {/**cart step1 login form password reminder**/
	clear:both;
	margin:0.5em 0 0 90px;
}

.cartst1lf-PR li{
	float:left;
	padding-right:18px;
}

.cartst1-C1, .cartst1-C2 {/**cart step1 consignee1**/
	margin-bottom:1em;
	padding:6px;
	background-color:#dfdfdf;
	border:1px solid #ccc;
}
.cartst1-C1 li, .cartst1-C2 li {
	display:inline;
	margin-right:10px;
	padding:3px 6px;
}
.cartst1-AL {/**cart step1 add list**/
	margin-top:0.5em;
	text-align:right;
}
.cartst1p-HP span {
	font-weight:bold;
}
.cartst1p-UC {/**cart step1 point user comment**/
	padding:1em 1.5em;
	border:1px solid #ccc;
}

.cartst1p-UP {/**cart step1 point**/
	font-size:16px;
}
.cartst1-P ul {
	margin-bottom:1em;
}
.cartst1-P ul li {
	margin-left:18px;
	list-style:disc;
}
/***---STEP2---***/
.cart-ST2 {/**cart step2 image**/
	height:60px;
	margin-bottom:2em;
	background-position:center -140px !important;
	background-repeat:no-repeat;
}
td p.cartst2-DD {/**cart step2 delivery date**/
	margin:0.5em 0;
	font-weight:bold;
}
td p.cartst2-HD {/**cart step2 delivery date hope date**/
	margin:0.5em 0;
}
td p.cartst2-VD {/**cart step2 delivery date visit date**/
	margin:0.5em 0;
}
td p.cartst2-DDT {/**cart step2 delivery detail**/
	margin:0.5em 0;
}
td p.cartst2-DC {/**cart step2 delivery caution**/
	margin:0.5em 0;
}
td p.cartst2-DC span{
	display:block;
	font-weight:bold;
}
td p.cartst2-MA{/**cart step2 mailmagazine accept**/
	margin-bottom:0.5em;
}

/***---STEP3---***/
.cart-ST3 {/**cart step3 image**/
	height:60px;
	margin-bottom:2em;
	background-position:center -240px !important;
	background-repeat:no-repeat;
}
.cartst3-HW {
	clear:both;
	margin:1.5em 0 0;
	width:auto;
	float:left;
}
.cartst3-RB,
.cartst3-RB2 {/**cart step3 revision button**/
	width:auto;
	float:right;
	margin-top: 1.5em;
	text-align:right;
	line-height:30px;
}

.cartst3-RB2{
	margin:0;
}

.cart-RP{/*cart return policy*/
	margin:36px 100px 24px;
	text-align:center;
	font-size:12pt;
}

td.br-n {/**cart step3 subscription detail**/
    border-right: none;
}

td.bl-n {
    border-left: none;
}

/***---STEP4---***/
.cart-ST4 {/**cart step4 image**/
	height:60px;
	margin-bottom:2em;
	background-position:center -340px !important;
	background-repeat:no-repeat;
}

.cartst4-TO {/**cart step4 thank order**/
	margin:50px 0;
	text-align:center;
	font-size:140%;
}
.cartst4-TO span {
	font-weight:bold;
}
.cartst4-TC {/**cart step4 thank comment**/
	margin:0 25px 50px;
}
.cartst4-R {/**cart step4 Return**/
	text-align:center;
}

/** 属性別在庫管理 **/



.cartpi-B1 {/*cart property input box1*/
	width:700px;
	margin:0 auto 1em;
	overflow:hidden;
	border-width:1px;
}
.cartpi-B2 {/*cart property input box2*/
	margin:5px 0px 10px 20px;
	width:660px;
	overflow:hidden;
	background-color:#fff;
	border-width:1px;
}

.cartpi-B3 {/*cart property input box3*/
	margin:0 20px 1em 20px;
	overflow:hidden;
	border-width:1px;
}


.cartpi-B1 table.cart-TB{
	border-collapse:separate;
	border-spacing: 0;
	margin-bottom:0;
	border-width:1px;

}
.cartpi-B1 .cart-TB th,
.cartpi-B1 .cart-TB td{
	padding:1px 0;
	border:0;
	text-align:center;
}

.cartpi-B1 span {
	display:block;
	margin: 0.5em 20px;
	padding:8px 8px 4px;
	border:1px solid #ccc;
	border-width:0 0 1px 8px;
	font-weight:bold;
	font-size:120%;
}
.cartpi-B2 span {
	margin-bottom:0.1em;
	padding:0;
	border:0;
}


.cartpi-TBne td,
.cartpi-TBne th{
	background:#666;
}

.cartpi-B1 .cart-TB th.cartpi-td1 {
	width:154px;
}
.cartpi-B1 .cart-TB td.cartpi-td2 {
	width:22px;
}
.cartpi-B1 .cart-TB td.cartpi-td3, .cartpi-B1 .cart-TB td.cartpi-td4 {
	width:76px;
}
.cartpi-B1 .cart-TB td.cartpi-td5, .cartpi-B1 .cart-TB td.cartpi-td6 {
	width:96px;
}
.cartpi-B1 .cart-TB td.cartpi-td7 {
	width:136px;
}

/* 3step_cart_stocktable width */
.cartpi-B1 .cart-TB th.cell-width-25,
.cartpi-B1 .cart-TB td.cell-width-25{
	width:25%;
	white-space: normal;
    word-break: break-all;
    overflow-wrap: break-word;
}

/**検索用**/
.search-form{
	text-align:center;
}

.search-wrapper{
	width:100%;
	float:right;
	zoom:1;
	margin:0 0 0 -180px;
	overflow:visible;
	border:1px solid #ccc;
	border-width:1px 0;
}

.search-left{
	width:160px;
	float:left;
	border:0;
	zoom:1;
}


.search-left2{
	padding:16px 8px;
	border:1px solid #ccc;
}

.search-right{
	margin-left:194px;
	zoom:1;
	background:#fff;
	color:#333;
}
.search-left-ST{/*search left shop top*/
	display:block;
	width:160px;
	height:30px;
	line-height:30px;
	text-align:center;
}

.search-left h2{
	background-position:-760px -440px;
	text-indent:40px;
	
}

.search-left input#search-textf{
	margin-bottom:1em;
	width:140px;
}

.search-left ul,
.search-left p{
	margin-bottom:1em;
	background:#fff;
	color:#333;
}

.search-left ul li input{
	vertical-align:middle;
	margin-right:6px;
}


.search-pd{
	overflow:hidden;
	zoom:1;
	margin-bottom:1em;
}

.search-pd span{
	display:block;
}

span.search-pdimg{
	float:left;
	width:90px;
	height:90px;
	margin-right:1em;
	display:block;
}

span.search-pdimg img{
	margin:0 auto;
}

.search-result{
	overflow:hidden;
	padding:1em 1em 0;
	border-bottom:1px solid #ccc;
	text-align:right;
}

.search-result-bottom{
	overflow:hidden;
	padding:1em 1em 0;
	border-top:1px solid #ccc;
	text-align:right;
}

*html .search-result{
	clear:both;
	zoom:1;
}

.search-paginate{
	overflow:hidden;
	padding:0.5em 0;
}

*html .search-paginate{
	clear:both;
	zoom:1;
}
.search-paginate li a:hover{
	color:#f33;
}

.search-paginate li.now a,
.search-paginate li.now a:hover{
	color:#f33;
	font-weight:bold;
	text-decoration:none;
}

.search-paginate li{
	float:left;
	margin-left:18px;
}

div.search-p-table{
	overflow:hidden;
	margin:0 auto;
	width:100%;
}

div.search-p-table .search-pd{
	float:left;
	height:155px;
	width:25%;
}
div.search-p-table .search-pd span{
	clear:both;
	text-align:center;
}

div.search-p-table .search-pd span.search-item{
	padding:0 6px;
}

.search-itemdisc{
	margin-left:32px;
}
.search-itemdiscPD{
	margin-left:135px;
}
.search-itemprice{
	color:#c33;
}

div.search-p-table .search-pd span.search-pdimg{
	float:none;
	margin:0 auto;
}

.cartfn-ToWebcollapi{
	float:right; 
	background: url(https://pict1.ec-sites.jp/share/step/kuro_default.gif) 0 0 no-repeat;
}
.cartfn-ToWebcollapi input{
	float: right; 
	width: 200px; 
	height: 30px; 
	background-position: -230px -500px;
}
	
.item-name {
	margin-bottom: 10px;
	font-size: 110%;
}

.cart-img,.NS input,.cartst1-LF li input[type="image"],table.cart-RAK td form input[type="image"]{/* iPhoneで画像が丸角にならないようにする */
	border-radius: 0;
}

input[type="text"],input[type="submit"],input[type="password"],input[type="tel"],select,.zip_code,.close,.calendar,#img_reset,#reset{/* テキストエリアの高さをゼロステップと合わせる */
	height: 34.8px;
	font-size: 15px;
	padding: 0 5px;
	border-radius: 0;
	border: 1px solid #767676;
}
.cartst1-LF li input[type="submit"]{/* ログインボタンを広げる */
	padding: 0 2rem;
}
input[type="submit"],#reset,#img_reset,label.upload{/* iOS用 */
	appearance: none;
	-webkit-appearance: none;
}
input[type="submit"],#reset,.cart-TB2 td button,.cart-BC button,#img_reset,label.upload{/* ボタンの色 */
	background-color: #efefef;
}
input[type="submit"],#reset,select,.cart-TB2 td button,.cart-BC button,#img_reset,label.upload{/* ボタンの色 */
	color: #000;
}
label.upload > input {/* 問い合わせフォームのアップロードボタンのスタイルを無効にする */
	display:none; 
}
label.upload {/* 問い合わせフォームのファイル選択ボタン */
	display: inline-block;
	font-size: 15px;
	border-radius: 0;
	padding: 5.35px 10px;
	border: 1px solid #767676;
}
#preview_img{
	margin-bottom: 5px;
}

.cartst1-LF li span{/* ログインの入力欄をきれいにする */
	margin-top: 16px;
}
.cartst1-LF li input{/* ログインの入力欄をきれいにする */
	margin-top: 5px;
}
#cart-LC3 input[type="text"]{ /* ID、パスワード忘れた人用 */
	box-sizing: border-box;
	height: 38px;
	width: 100%;
	padding: 5px;
	border-radius: 0;
}
#cart-LC3 input[type="submit"]{ /* ID、パスワード忘れた人用 */
	box-sizing: border-box;
	height: 38px;
	display: block;
	padding: 0 2rem;
	margin: 5px auto 0;
	border-radius: 0;
}
.yui-panel-container{/* カレンダー */
	width: 250px;
	font-size: 15px;
}
#point{/* ポイントのテキストボックス */
	margin: 0 5px;
}

.inclusion-trans-title{
	margin-top:10px;
	font-size:16px;
	font-weight:bold;
}

/*レスポンシブ化*/
/* 画面サイズ979px以下 */
@media (max-width: 979px) {
    body {
        overflow-x: hidden;
    }
    h1.cart-ST1 {
        background-repeat: no-repeat;
    }
    h2.cart-AL {
        width: fit-content;
        text-align: left;
        font-size: 18px;
    }
    h2.cart-img {
        font-size: 16px;
    }
    p.cart-AL {
        text-align: left;
        font-size: 14px;
    }
    .wrapper {
        width: auto;
    }
    table td.carttb-UN1,table td.carttb-UN3 {
        width: auto;
    }
    .cart-BC,
    .cart-SL,
    .cart-CR,
    .cart-PB,
    .user-MW {
        width: auto !important;
        padding-left: 25px !important;
        padding-right: 25px !important;
        margin-left: 0;
        margin-right: 0;
    }
    .cart-TB2 th,
    .cart-TB2 td{
        width: auto;
        display: block;
        font-size: 14px;
    }
    .carttb2-DE, .user-FC {
        display: block;
        font-size: 14px;
    }
    .cartsd-md,.question-comment {
        width: auto;
        font-size: 14px;
    }
    .cart-TB2{
        width: 100%;
        border: 0;
    }
    table {
        width: 100%;
        table-layout: fixed;
        word-break: break-all;
        word-wrap: break-all;
        }
    fieldset {
        display: contents;
    }
    .cartst1-LF li {
        margin-top: 10px;
    }
    .cartsd-md h3,.question-comment h3 {
        margin-bottom: 10px;
        font-size: 16px;
        padding-left: 5px;
    }
    .cartst1-LF li span {
        font-size: 15px;
    }
    input {
        padding: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    h4.cart-LF {
        width: fit-content;
        float: left;
        font-size: 16px;
        padding-left: 5px;
        border-left: 7px solid #ccc;
        margin-bottom: 0.5em;
    }
    p.cart-LF {
        float: right;
        text-align: right;
		margin-top: 0;
        margin-bottom: 0em;
        padding-top: 0;
        line-height: 30px;
        font-size: 14px;
    }
    .cartst1lf-PR {
        margin: 1em 0 0 0;
        text-align: left;
    }
    .cartst1lf-PR li {
        float: none;
        padding-right: 0;
		display: block;
		text-align: right;
    }
    .cartst1lf-PR li a {
        font-size: 14px;
    }
    .cartst1-LF input[type="submit"] {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 5px;
		text-align: center;
    }
	.cartst1-LF li input[type="image"]{
		display: block;
        margin-top: 5px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
    img.cart-TB2-imgc {
        margin-top: 10px;
    }
    select#buyer_pref_no {
        padding: 5px;
    }
    select#receiver_list_flag0 {
        padding: 5px;
    }
    .cartst1p-HP {
        font-size: 14px;
    }
    .cart-IN {
        width: auto;
    }
    td.TDIS {
        width: 50px;
    }
    td.TDAM {
        width: 30px;
    }
    td.TDIS {
        width: 50px;
    }
    .cart-TB .TDD {
        width: 50px;
    }
    .cart-TB {
        width: auto;
        border: 0;
    }
    .cart-SC {
        width: auto;
        font-size: 14px;
    }
    .cart-FN {
        width: 100%;
        max-width: 100%;
        margin: 1em auto;
    }

	.cart-SC0{ /* step0のコメント登録 */
		margin:0;
	}
	.cartst0-KS {/* ページ遷移ボタン */
		margin-top: 1em;
		width:100%;
	}
	h1.cart-ST1 {/* step1画像 */
        margin-top: 5px;
        height: calc(calc(60 * calc(100vw - 52px)) / 800 );
        background-size: calc(100vw - 52px);
        text-indent: -999em;
		background-position: center calc(calc(-40 * calc(100vw - 52px)) / 800 ) !important;
    }
	h1.cart-ST2 {/* step2画像 */
        margin-top: 5px;
        height: calc(calc(60 * calc(100vw - 52px)) / 800 );
        background-size: calc(100vw - 52px);
        text-indent: -999em;
		background-position: center calc(calc(-140 * calc(100vw - 52px)) / 800 ) !important;
    }
	h1.cart-ST3 {/* step3画像 */
        margin-top: 5px;
        height: calc(calc(60 * calc(100vw - 52px)) / 800 );
        background-size: calc(100vw - 52px);
        text-indent: -999em;
		background-position: center calc(calc(-240 * calc(100vw - 52px)) / 800 ) !important;
    }
	h1.cart-ST4 {/* step4画像 */
        margin-top: 5px;
        height: calc(calc(60 * calc(100vw - 52px)) / 800 );
        background-size: calc(100vw - 52px);
        text-indent: -999em;
		background-position: center calc(calc(-340 * calc(100vw - 52px)) / 800 ) !important;
    }
	th.TDI {/* テーブルの商品名 */
        width: 100%;
    }
	.cart-TB2 input[type="text"], .cart-TB2 input[type="tel"], .cart-TB2 input[type="password"], .cartsd-md input[type="password"]{/* テキストエリアを画面内に収める */
		width: 100%;
		padding: 5px;
	}
	.cartst3-RB2{/* 配送方法変更ボタン */
		width: auto;
		float: none;
	}
	textarea{/* テキストエリアを画面内に収める */
		width: 100%;
	}
	.carttb-UN td, table td.carttb-UN2,table td.carttb-UN1,table td.carttb-UN3{ /* 姓名のエラーを合わせる */
		display: table-cell;
	}
	table td.carttb-UN1,table td.carttb-UN3{/* 姓名を1行に */
		width: 45px;
		margin: 0;
		padding-left: 5px;
	}
	table td.carttb-UN2{/* 姓名を1行に */
		margin: 0;
		width: 100%;
	}
	span.cart-EP{/* 姓名のエラーを1行に */
		margin: 0;
		padding-left: 0 !important;
	}
	.cartst0-RI {/* 関連商品 */
		width:90%;
	}
	.RI{/* 関連商品 */
		width: 33%;
	}
	.cart-RP{/* 返品について */
		margin:15px 0;
	}
	.img-adjust{ /* 決済ロゴ */
		width: 90%;
		height: 90%;
	}
	table.cart-RAK td, table.cart-RAK td form{ /* 楽天ペイとヤフー用 */
		display: block;
		width: 100%;
		text-align: center;
	}
	.cart-OP{ /* 楽天ペイとヤフー用 */
		margin: 0;
	}
	.cartpi-B1{/* 在庫表を全体に表示 */
		width: 100%;
	}
	.cartpi-B2{/* 在庫表を全体に表示 */
		width: 95%;
		margin-left: calc(calc(20 * 100vw)/ 970);
	}
	.cartpi-B3{/* 在庫表を全体に表示 */
		width: 100%;
		margin:0 20px 1em 0;
	}
	.cartpi-B1 span {/* 在庫表 */
		margin-left: calc(calc(20 * 100vw)/ 970);
	}
	.credit{/* クレジットカード */
		border:4px solid #ccc;
	}
	.credit input{
		margin-right: 100%;
	}
	.credit-security{
		display: inline;
	}
	table.cart-TB2 td table.cart-TB2-tb td,
	table.cart-TB2 td table.cart-TB2-tb{/* ラッピングを1段で表示 */
		display: table-cell;
	}
	.zip_code{/* ボタンを幅いっぱいにする */
		margin: 1em 0 0;
		width: 100%;
		text-align: center;
	}
	.cart-UF, .cart-UH,.question-comment h3,.cartst1-wrapcomment {/* 上部、下部HTML */
		margin-bottom: 2em;
		overflow-y: hidden;
		overflow-x: auto;
	}
	.checkid{/* 特商法などを右寄せ */
		text-align: right;
		display: block;
	}
	.cartst1-LF li span{/* ログインの入力欄をきれいにする */
		margin-top: 0;
	}
	.cartst1-LF li input{/* ログインの入力欄をきれいにする */
		margin-top: 0;
	}
	.calendar{/* カレンダーのボタンを小さくする */
		width: fit-content !important;
	}
	.cart-SD .cartsd-md .cart-TB2 td{/* 支払方法のテーブル */
		border-top-style: none;
	}
	.cartst1-LF input[type="text"]{/* ログインID */
		width: 100%;
		padding: 5px;
	}
	.NSC{/* 複数配送の文字サイズ */
		font-size: 14px;
	}
	.Back_img_botton_width, .order_img_botton_width{/* step0のボタン */
		width: 200px;
	}
	.amazonpay_logo{
		margin:1rem;
	}
}
@media (max-width: 620px) { /* お届け先についてが2行になるタイミング */
	table.cartst0-KS td{ /* ページ遷移ボタン */
		display: block;
    	width: 100%;
		text-align: center;
	}
	.KS,
	.NSC,
	.NS {/* ページ遷移ボタン */
		margin-top: 1em;
		padding: 0;
	}
	.cart-TB th.TDNO, .cart-TB td.TDNO {/* step0のNO */
        width: 0;
        text-indent: -9999em;
    }
	.quantity_change{/* 数量変更ボタン */
		display: block;
		margin: 5px auto 0;
	}
	.cart-IP{/* 商品の属性など */
		padding: 4px;
	}
	.yui-panel-container{/* カレンダー */
		left: 0 !important;
	}
	.cartst0-RI {/* 関連商品 */
		width:300px;
		height: 300px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.RI {/* 関連商品 */
		float: none;
		margin: 0 auto;
		width: 220px;
	}
	.cartst1-C2 li{/* お届け先変更の選択肢 */
		display: list-item;
	}
	.br::before{/* step3のページ下部改行 */
		content: '\A';
		white-space: pre;
	}
	#cart-LC3 input[type="text"]{ /* ID、パスワード忘れた人用 */
		height: 38px;
	}
	#cart-LC3 input[type="submit"]{ /* ID、パスワード忘れた人用 */
		width: 100%;
		text-align: center;
	}
	.amazonpay_btn{/* AmazonPay ボタン */
		margin-top: 1em;
		padding: 0;
		width: 200px !important;
	}
	.amazonpay_logo{
		margin:1rem;
	}
}
@media (max-width: 424px) { /* 姓名のエラーが3行になるタイミング */
	.carttb-UN td, table td.carttb-UN2,table td.carttb-UN1,table td.carttb-UN3{ /* 姓名のエラーを2行にする */
		display: block;
	}
	table td.carttb-UN1,table td.carttb-UN3{/* 姓名を2行に */
		width: 45px;
		margin-top: 5px;
		clear: both;
		float: left;
		padding-left: 5px;
	}
	table td.carttb-UN2{/* 姓名を2行に */
		float:left;
		margin-top: 5px;
		width: 65%;
	}
	span.cart-EP{/* 姓名のエラーを2行に */
		float:left;
		margin: 0;
		padding-left: 0 !important;
	}
	table.cart-RAK td form input[type="image"]{ /* 楽天ペイとヤフー用 */
		width: 100%;
	}
	.cartst0-RI {/* 関連商品 */
		width:90%;
	}
	.cart-FN li{
		display: list-item;
	}
	.cartfn-TP{/* ページ遷移ボタン */
		float: none;
		width: 100px;
		margin: 0 auto 3em;
	}
	.cartfn-ToWebcollapi{/* ページ遷移ボタン */
		float: none;
		width: 200px;
		height: 30px;
		margin: 0 auto 1em;
	}
	.cartfn-TN {/* ページ遷移ボタン */
		float: none;
		width: 100px;
		margin: 0 auto;
	}
	.cartfn-TO {/* ページ遷移ボタン */
		float: none;
		width: 200px;
		margin: 0 auto;
	}
	.cart-BC,
    .cart-SL,
    .cart-CR,
    .cart-PB,
    .user-MW { /* ページの横padding */
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
	h1.cart-ST1 {/* step1画像 */
        margin-top: 5px;
        height: calc(calc(60 * calc(100vw - 12px)) / 800 );
        background-size: calc(100vw - 12px);
        text-indent: -999em;
		background-position: center calc(calc(-40 * calc(100vw - 12px)) / 800 ) !important;
    }
	h1.cart-ST2 {/* step2画像 */
        margin-top: 5px;
        height: calc(calc(60 * calc(100vw - 12px)) / 800 );
        background-size: calc(100vw - 12px);
        text-indent: -999em;
		background-position: center calc(calc(-140 * calc(100vw - 12px)) / 800 ) !important;
    }
	h1.cart-ST3 {/* step3画像 */
        margin-top: 5px;
        height: calc(calc(60 * calc(100vw - 12px)) / 800 );
        background-size: calc(100vw - 12px);
        text-indent: -999em;
		background-position: center calc(calc(-240 * calc(100vw - 12px)) / 800 ) !important;
    }
	h1.cart-ST4 {/* step4画像 */
        margin-top: 5px;
        height: calc(calc(60 * calc(100vw - 12px)) / 800 );
        background-size: calc(100vw - 12px);
        text-indent: -999em;
		background-position: center calc(calc(-340 * calc(100vw - 12px)) / 800 ) !important;
    }
	table.cart-TB2 td table.cart-TB2-tb td,
	table.cart-TB2 td table.cart-TB2-tb{/* ラッピングを2段で表示 */
		display: table;
	}
	.cart-DC {/* あと○○円で送料無料 */
		display: block;
		margin-left:0;
		width: fit-content;
		text-indent: 0;
	}
	.amazonpay_btn{/* AmazonPay ボタン */
		text-align:center;
		width:200px !important;
	}
	.amazonpay_logo{
		margin:1rem;
	}
}