@charset "utf-8";

.title{
	margin-bottom:30px;
}

.subtitle{
	margin-bottom:20px;
}

.Content p{
	font-size:15px;
	line-height:22px;
}
		
.text{
	margin-left:20px;
	margin-bottom:20px;
}

.orange{
	color:#ff7800;
	font-weight:bold;
}

.shuttle-list{
	width:666px;
	margin-left:20px;
	margin-bottom:30px;
}

.shuttle-list .detail{
	margin-top:20px;
}

.shuttle-list .detail-l{
	float: left;
	width: 130px;
	text-align: center;
}

.shuttle-list .detail-r{
	float: right;
	width: 530px;
}

	.shuttle-list .detail-r .name{
		font-size:18px;
		font-weight:bold;
	}

	.shuttle-list .detail-r .comment{
		font-size:10px;
		vertical-align: super;	
	}

	.shuttle-list .detail-r .price{
		color:#ff6262;
		font-weight:bold;
	}

	.shuttle-list .detail-r .figure{
		font-size:17px;
		color:#ff6262;
		font-weight:bold;
	}

	.shuttle-list .detail-r .btn-buy{
		text-align: right;
	}
	
.comment-top{
	background: url(../../shuttle/images/box-top.gif) no-repeat;
	width: 665px;
	padding-top: 20px;
	margin-bottom: 30px;
}

.comment-box{
	background-image:url(../../shuttle/images/box.gif) ;
	background-repeat:repeat-y;
	padding:0 20px 0 20px;
}

	.comment-box p{
		font-size:14px;
		line-height:22px;
	}

	.comment-box .ft15{
		font-size:15px;
	}

	.comment-box .comment{
		font-size:10px;
		vertical-align: super;	
	}

.comment-bottom{
	background-image:url(../../shuttle/images/box-bottom.gif) ;
	width:665px;
	height:20px;
}

.icon-number{
	padding:0 2px 5px 2px;
		}


.order{
}
	
	.order .orderform-gx{
		background-image:url(../../shuttle/images/orderform-gx.gif);
		margin-bottom:20px;
		position:relative;
		width:685px;
		height:197px;
	}
	
	.order .orderform-g{
		background-image:url(../../shuttle/images/orderform-g.gif);
		margin-bottom:20px;
		position:relative;
		width:685px;
		height:197px;
	}
	.order .orderform-s{
		background-image:url(../../shuttle/images/orderform-s.gif);
		margin-bottom:20px;
		position:relative;
		width:685px;
		height:197px;
	}
	.order .orderform-n{
		background-image:url(../../shuttle/images/orderform-e.gif);
		margin-bottom:20px;
		position:relative;
		width:685px;
		height:197px;
	}
	.order .orderform-e{
		background-image:url(../../shuttle/images/orderform-n.gif);
		margin-bottom:30px;
		position:relative;
		width:685px;
		height:197px;
	}

	 .order .orderform-pct{
		position:absolute;
		top:20px;
		left:25px;		
	}


	/*調整用*/
	.order .orderform-gx_r{
		background-image:url(../../shuttle/images/orderform-gx_r11.png);
		background-repeat:no-repeat;
		margin-bottom:20px;
		position:relative;
		width:685px;
		height:212px;
	}
	
	.order .orderform-g_r{
		background-image:url(../../shuttle/images/orderform-g_r11.png);
		background-repeat:no-repeat;
		margin-bottom:20px;
		position:relative;
		width:685px;
		height:212px;
	}
	.order .orderform-s_r{
		background-image:url(../../shuttle/images/orderform-s_r11.png);
		background-repeat:no-repeat;
		margin-bottom:20px;
		position:relative;
		width:685px;
		height:212px;
	}
	.order .orderform-n_r{
		background-image:url(../../shuttle/images/orderform-e_r9.png);
		background-repeat:no-repeat;
		margin-bottom:20px;
		position:relative;
		width:685px;
		height:212px;
	}
	.order .orderform-e_r{
		background-image:url(../../shuttle/images/orderform-n_r9.png);
		background-repeat:no-repeat;
		margin-bottom:30px;
		position:relative;
		width:685px;
		height:212px;
	}
	
	.order ul{
		font-size:15px;
		line-height:22px;
	}

	.order li{
		margin-left:10px;
		margin-bottom:10px;
		background-image:url(../../shuttle/images/icon-check.gif) ;
	  	background-position:top left ;   
  		background-repeat:no-repeat;
		padding-left:30px;
	}


/*フォーム部分*/
input.hint{
	width: 47px;
	height: 17px;
	border: 1px solid #ccc;
	text-align: right;
	padding-right: 3px;
}
input.blur{ color:#999; }

.orderform-gx,
.orderform-g,
.orderform-s,
.orderform-e,
.orderform-n{
	position: relative;
	width: 685px;
	height: 197px;
}

.cart{
	position: absolute;
	width: 131px;
	height: 45px;
}

.cart_r{
	position: absolute; 
	width: 240px; 
	left:420px; 
	top:130px;
}

/* バルクインサート用修正版 */

.cart_bi{
  position: absolute;
  width: 430px;
  left:240px;
  top:100px;
}

/* コンパクト版全体の余白（高さ88px目安） */
.cart-bulk-compact .bulk-row{ 
  height:66px;                  /* 1行目の縦サイズ */
  display:flex;
  align-items:top;
  justify-content:space-between;/* 4ペアを均等配置 */
  gap:8px;
  margin:3px 0 0 0;
}

/* pair 内部だけを Grid に */
.cart-bulk-compact .pair{
  display:grid;
  grid-template-columns:auto auto; /* 1行目：tag / select */
  align-items:center;
  column-gap:6px;
  row-gap:2px;
  align-items:start;       /* ← アイテムを上に */
  align-content:start;     /* ← 複数行の配置も上に */
}

/* 1行目 */
.cart-bulk-compact .pair > .tag{ grid-column:1; }
.cart-bulk-compact .pair > .bulk-select{ grid-column:2; }

/* 2行目：必ず下段に回す */
.cart-bulk-compact .pair > p{
  grid-column:1 / -1;   /* 1〜2列をまたいで全幅 */
  margin:0;             /* 好みで余白調整 */
  font-size:13px;
  text-align:center;
  line-height:1em;
  letter-spacing:2px;
}

/* ②〜⑤のタグ：くっきり＆小さめ丸 */
.cart-bulk-compact .tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:4px 4px;
  border-radius:999px;
  background:#f3f4f6;
  font-weight:800;
  font-size:14px;               /* くっきり */
  color:#111827;
  letter-spacing:.02em;
  border:solid 1px #999;
}

/* 角丸のやさしいセレクト：横幅を絞る */
.cart-bulk-compact .bulk-select{
  width:62px;                   /* 430px内で4つ横並び */
  height:32px;
  padding:4px 8px;
  border:1px solid #d1d5db;
  border-radius:10px;
  background:#fff;
  color:#111827;
  font-size:14px;
  font-weight:bold;
  line-height:1.2;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, #6b7280 50%),
    linear-gradient(135deg, #6b7280 50%, transparent 50%);
  background-position:
    calc(100% - 16px) 50%, calc(100% - 10px) 50%;
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
}

.cart-bulk-compact .bulk-select:focus{
  outline:none;
  border-color:#93c5fd;
  box-shadow:0 0 0 3px rgba(147,197,253,.35);
}

/* 2行目：アクション行（高さ約40〜44px） */
.cart-bulk-compact .bulk-actions{
  margin-top:4px;
  display:flex;
}

/* 中央寄せ or 右寄せは親に付けるユーティリティ */
.align-center .bulk-actions{ justify-content:center; }
.align-right  .bulk-actions{ justify-content:flex-end; }

/* ボタン：丸く優しい */
.cart-bulk-compact .btn-bulk{
  height:36px;
  padding:0 22px;
  min-width:180px;
  border:none;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.cart-bulk-compact .btn-bulk:hover{ opacity:.9; }

/* エラー強調（既存JSと連携） */
.cart-bulk-compact .bulk-select.is-error{
  border-color:#ef4444;
  box-shadow:0 0 0 3px rgba(239,68,68,.25);
}


/* バルクインサート用修正版ここまで */


.cart.no1{
	left: 237px;
	top: 52px;
}
.cart.no2{
	left: 390px;
	top: 52px;
}
.cart.no3{
	left: 544px;
	top: 52px;
}
.cart.no4{
	left: 237px;
	top: 141px;
}
.cart.no5{
	left: 390px;
	top: 141px;
}
.cart.no6{
	left: 544px;
	top: 141px;
}
	
	.cart .formbox{
		float: right;
		margin-bottom: 3px;
	}
	
	.cart .formbtn{
		clear: right;
		text-align: center;
	}
	

	.cart_r .formbox_r{
		display:flex;
		justify-content: flex-end;
		align-items: center;
	}
	.cart_r .formbox_r select{
		margin-right:8px; 
		font-size:16px; 
		padding:5px;
	}
	.cart_r .formbox_r input{
		margin-left:8px;
		font-size:16px; 
		padding:5px;
	}