/** cart.html **/

.item_div {
	border: 1px solid #34AB32;
	background-color:#fff;
	margin: 8px;
	padding: 0px;
}

/* 利用規約領域 */
.cartTermsOfService_div{
	/*background: #ccc;*/
	overflow: scroll;
	overflow-x: hidden;
	width: 90%;
	height: 300px;
	margin-right:auto; 
	margin-left:auto;
	border: 1px solid #ccc;
}

.cartDisplayNone_div{
	display: none;
}

#messageBlock{
	display: none;
}

#titleBlock{
	display: none;
}

#contentBlock{
	display: none;
}

#buttonBlock{
	display: none;
}

.cartUi_div {
	padding: 8px;
	text-align: center;
}

.ok_div p{
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

.check_input {
	display: inline-block;
	width:			16px;
	height:			16px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
	/*margin: 0 auto;*/
}
.cartDeleteButton_button {
	cursor:pointer;
}
.cartDeleteButton_div {
 
}

/* カート予約ボタン　領域*/
#reservationBlock{
	position: relative;
	display: inline-block;
}
#reservationBackBlock{
	position: relative;
	display: inline-block;
}

.cartReservationBlock_div{
  display: inline-block;
  width: 45px;
}

/* カート予約ボタン　input(button) */
.cartReservationButton_button {
	outline: 0;
}
/* 触れているときの反応 */
.cartReservationButton_button:hover{
  /*opacity: 0.5;*/
}
.cartReservationButton_button:hover + span{
  /*opacity: 0.5;*/
  color:#666;
}
/* 押下の反応　*/
.cartReservationButton_button:active{
  opacity: 0.5;
}
.cartReservationButton_button:active + span{
  /*opacity: 0.5;
  color:#666;*/
}
/* カート予約ボタン　テキスト */
.cartReservationButton_button + span{
  background: rgba(255,255,255,0);
  position: absolute;
  top: 50%;
  left: 50%;
  /*width: 100%;*/
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  pointer-events: none;
}
/* button要素内画像 */
.cartReservationButton_button img{
	width: 100%;
}

/* 無効時*/
.cartReservationButton_button_disa{
	opacity:0.5;
	outline: 0;
	color: #9c9c9c;
	/*background: #cccccc;
  	color: #9c9c9c;*/
  	cursor:default;
}
.cartReservationButton_button_disa + span{
	/*background: #cccccc;*/
  	color: #9c9c9c;
  	cursor:default;
  	background: rgba(255,255,255,0);
	position: absolute;
	top: 50%;
	left: 50%;
	/*width: 100%;*/
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
	pointer-events: none;
}
.cartReservationButton_button_disa + span:hover{
  	color: #9c9c9c;
  	cursor:default;
}
/* button要素内画像 */
.cartReservationButton_button_disa img{
	width: 100%;
}

@media (min-width: 768px) {
	/* カート内 予約情報 領域全体 div */
	.cartInfoBox_div {
	}
	/* カート内 予約情報 領域 div */
	.cartInfo_div {
	  width: 100%;
	  text-align: center;
	}
	/* カート内 予約情報詳細 領域 div */
	.cartInfoDetail_div {
	  width: 30%;
	  display: inline-block;
	}
	.cartInfoDetailTitle_div {
	  margin-top: 8px;
	  padding-top: 8px;
	  text-align: left;
	}
	/* カート内 予約情報オプション 領域 div */
	.cartInfoOption_div {
	  width: 30%;
	  display: inline-block;
	}
	.cartInfoOptionTitle_div {
	  margin-top: 8px;
	  padding-top: 8px;
	  text-align: left;
	}
	/* カート内 予約情報料金 領域 div */
	.cartInfoPrice_div {
	  width: 30%;
	  display: inline-block;
	}
	.cartInfoPriceTitle_div {
	  margin-top: 8px;
	  padding-top: 8px;
	  text-align: left;
	}
	/* カート内 削除ボタン 領域 div*/
	.cartInfoDelete_div {
	  text-align: right;
	}
	/* カート内 削除ボタン button */
	.cartInfoDeleteButton_button {
	  /*width: 256px;
	  font-size: 30px;
	  font-weight: bold;*/
	  /*padding: 60px 30px;*/
	  /*height: 256px;*/
	}
}

table {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: grey;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

th {
  font-weight: bold;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
    padding-top: 4px;
    padding-bottom: 4px;
}

h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

p {
    display: block;
    padding-bottom: 8px;
    /*-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;*/
}

.cartTermsOfService_div p {
	padding-top: 4px;
	padding-bottom: 4px;
}
.cartTermsOfService_div li{
	padding-top: 4px;
	padding-bottom: 4px;
	display: list-item;
	line-height: 1.5;
}
.cartTermsOfService_div span{
	/*padding-top: 4px;
	padding-bottom: 4px;*/
}