/* ----------------------------------------



/rent/sp/cart/



---------------------------------------- */

/* reset */

ul li {
	list-style: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

input[type="radio"] {
	height: 13px;
	margin: 0 5px 0 0;
	position: relative;
	top: 0.15em;
	width: 13px;
}

/* 次へ 戻る ボタン */

.btnBtmA01Wrap { margin: 20px 0 0 0;}

#cart_stepbar{
	margin-bottom:10px;
}
#cart_stepbar img{
	vertical-align:bottom;
}

/*商品一覧次へ前へ(30商品以上で表示）*/
#item_list_navi_bot {
	width: 94%;
	margin: 20px auto 0;
}

#item_list_navi_bot ul:after {
	content:"";
	display:block;
	clear:both;
}

#item_list_navi_bot li:hover {
	background-color: #FF9900;
}

#item_list_navi_bot:after {
		clear: both;
		content: "";
		display: block;
	}

#item_list_navi_bot li {
	display: block;
	width: 148px;
	background-color: #dcdcdc;
	/*border: #999 solid 1px;*/
	border-radius:4px;
	text-align: center;
	cursor: pointer;
}

#item_list_navi_bot a {
	color: #000;
}

#item_list_navi_bot a:hover {
	text-decoration: none;
}

#item_list_navi_bot li.back {
	float:left;
	padding:0;
	display: block;
	width: 35%;
	text-align: center;
	background-color: #dcdcdc;
}
#item_list_navi_bot li > a{
	display: block;
	position:relative;
	text-align:center;
	padding: 14px 0;
	color: inherit;
	font-size: 82%;
}
#item_list_navi_bot li.back a{
	display: block;
	position:relative;
}
#item_list_navi_bot li.back a::before{
	content:"";
	display:block;
	position:absolute;
	left:8px;
	top:0;
	bottom:0;
	width:1em;
	height:1em;
	margin:auto;
	background:url(/sp/images/icon/icon_arrow04.png) transparent center center no-repeat;
	background-size:contain;
	transform:rotate(180deg);
}

#item_list_navi_bot li.next{
	float:right;
	display: block;
	width: 35%;
	text-align: center;
	padding: 0;
	text-align: center;
	background-color: #dcdcdc;
}
#item_list_navi_bot li.next a::after{
	content:"";
	display:block;
	position:absolute;
	right:8px;
	top:0;
	bottom:0;
	width:1em;
	height:1em;
	margin:auto;
	background:url(/sp/images/icon/icon_arrow04.png) transparent center center no-repeat;
	background-size:contain;
}


/* ---------------------------------------
	
	カテゴリ一覧
	
	/rent/sp/cart/ShowCategoryList.do
	
	15.08.21
	
--------------------------------------- */

#ShowCategoryList .commonlistBoxA01 .iconBlock {
	display: block;
	margin: 0 0 5px 0;
	line-height: 0;
}

#ShowCategoryList .commonlistBoxA01 .iconBlock img {
	width: 45px;
}
/* ---------------------------------------
	
	会員ログイン・お客様情報入力
	
	/rent/sp/cart/InputOrderBase.do
	
	15.08.21
	（18.11.02更新）
	
--------------------------------------- */

/* layout */

#InputOrderBase #contentAreaA01 section { margin: 0 0 40px 0;}

#InputOrderBase #contentAreaA01 section:last-child { margin: 0 0  0;}

#InputOrderBase .confirmTableA01Wrap { margin: 0 0 20px 0;}

#InputOrderBase #menberLogInArea .commonlistBoxA01_ar01 { margin: 10px 0 0 0;}

#InputOrderBase .contentTxtA01 { margin: 0 0 10px 0;}

#InputOrderBase .confirmTableA01Wrap .cautionA01 {
	margin: 5px 0 0 0;
	text-align: right;
}

/* ----------font-size---------- */

#InputOrderBase .contentTxtB01 {
	font-size: 80%;
	margin-top: 10px;
}

/* 住所 */

.addressBtnBlock {
	margin: 15px 0 0 0;
}

.addressBtnBlock:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.addressBtnBlock_btn {
	float: left;
	display: block;
	width: 48%;
	padding: 0;
	margin: 0 2% 0 0;
	background-color: transparent;
	border: none;
}

.addressBtnBlock_btn:last-child {
	margin: 0 0 0 0;
}

.addressBtnBlock_btn img {
	width: 100%;
	vertical-align: bottom;
}

.addressBlock {
	margin: 20px 0 0 0;
}

#memberEntryForm .nameBlock .bgGray001 {
	background-color: #ccc;
}

#memberEntryForm .addressBlock .bgGray001 {
	background-color: #ccc;
}

.addressBlock .overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.6;
}

.addressBlock {
	position: relative;
}

/* ----------detail---------- */

#InputOrderBase .rentMemberFormArea_ttl{
	background: rgba(0, 0, 0, 0) url("/sp/images/bg_commonTitle001.gif") repeat scroll 0 0;
	border-radius: 10px;
	clear: both;
	color: #330000;
	display: block;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 auto 20px !important;
	padding: 10px 10px 8px;
	width: 90%;
}

#InputOrderBase #rentMemberFormArea02 .commonInputBtnA01 .searchBtn {
	font-size: 88%;
	padding: 0.6em 0.3em;
}

#InputOrderBase .rentMemberForm_section {
	margin: 40px 0 0 0;
}

#InputOrderBase .rentMemberForm_section:first-child {
	margin: 0 0 0 0;
}

/* radioBox */

#InputOrderBase .radioBox dl {
	margin: 0 0 10px 0;
}
	
#InputOrderBase .radioBox dl:last-child {
	margin: 0 0 0 0;
}

#InputOrderBase .radioBox dl dt {
	margin: 0 0 5px 0;
	font-weight: bold;
}

#InputOrderBase .bgPinkBoxA01 label:first-child {
	margin: 0 40px 0 0;
}

/* contentTxtB01 */

#InputOrderBase .contentTxtB01 dt {
	font-weight: bold;
}

/*Webkit*/
.addressBlock input::-webkit-input-placeholder {color: #7f7f7f;}

/*Firefox 19以降*/
.addressBlock input::-moz-placeholder {color: #7f7f7f;}

/*Windows IE*/
.addressBlock input:-ms-input-placeholder {color: #7f7f7f;} 

.addressBlock input:focus::-webkit-input-placeholder { color:transparent; }
.addressBlock input:focus:-moz-placeholder { color:transparent; }
.addressBlock input:focus::-moz-placeholder { color:transparent; }



/* --------------------------------------

	ログイン後：会員ログイン・お客様情報入力
	
	/rent/sp/cart/AuthenticateMember.do
	
	15.08.21
（18.11.02更新）

-------------------------------------- */

/* ----------layout---------- */

#AuthenticateMember #contentAreaA01 section { margin: 0 0 40px 0;}

#AuthenticateMember #rentMemberFormArea { margin: 0 0 40px 0;}

#AuthenticateMember #contentAreaA01 .contentTxtA01 { margin: 0 0 10px 0;}

#AuthenticateMember #contentAreaA01 .loginMessage { margin: 0 0 20px 0;}

#AuthenticateMember #contentAreaA01 .confirmTableA01Wrap { margin: 0 0 20px 0;}

#AuthenticateMember #contentAreaA01 .confirmTableA01Wrap .cautionA01 {
	margin: 5px 0 0 0;
	text-align: right;
}

/* ----------font-size---------- */

#AuthenticateMember .contentTxtB01 {
	font-size: 80%;
	margin-top: 10px;
}

/* ----------detail---------- */

#AuthenticateMember .rentMemberFormArea_ttl{
	background: rgba(0, 0, 0, 0) url("/sp/images/bg_commonTitle001.gif") repeat scroll 0 0;
	border-radius: 10px;
	clear: both;
	color: #330000;
	display: block;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 auto 20px !important;
	padding: 10px 10px 8px;
	width: 90%;
}

#AuthenticateMember #rentMemberFormArea02 .commonInputBtnA01 .searchBtn {
	font-size: 88%;
	padding: 0.6em 0.3em;
}

#AuthenticateMember .rentMemberForm_section {
	margin: 40px 0 0 0;
}

#AuthenticateMember .rentMemberForm_section:first-child {
	margin: 0 0 0 0;
}

/* radioBox */

#AuthenticateMember .radioBox dl {
	margin: 0 0 10px 0;
}
	
#AuthenticateMember .radioBox dl:last-child {
	margin: 0 0 0 0;
}

#AuthenticateMember .radioBox dl dt {
	margin: 0 0 5px 0;
	font-weight: bold;
}

#AuthenticateMember .bgPinkBoxA01 label:first-child {
	margin: 0 40px 0 0;
}

/* contentTxtB01 */

#AuthenticateMember .contentTxtB01 dt {
	font-weight: bold;
}


/* --------------------------------------

	担当店舗の選択
	
	/rent/sp/cart/InputOrderExt.do
	
	15.10.15

-------------------------------------- */

/* ----------layout---------- */

#InputOrderExt #contentAreaA01 .contentTxtA01 { margin: 0 0 10px 0;}

#InputOrderExt .bgPinkBoxA01 label:first-child {
	margin: 0 40px 0 0;
}

/* ----------reset---------- */

#InputOrderExt #contentAreaA01 select { width: 99%; border: 1px solid #ccc;}
#InputOrderExt #contentAreaA01 option { border: none;}

/*clearfix*/

#InputOrderExt .btnGrayWrap:after{
	content:"";
	display:block;
	clear:both;
}

/* ----------font-size---------- */

#InputOrderExt .contentTxtB01 {
	font-size: 80%;
}

#InputOrderExt .contentTxtB02 {
	font-size: 90%;
}

/* ----------detail---------- */

#InputOrderExt .rentMemberFormArea_ttl {
	background: rgba(0, 0, 0, 0) url("/sp/images/bg_commonTitle001.gif") repeat scroll 0 0;
	border-radius: 10px;
	clear: both;
	color: #330000;
	display: block;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 auto 20px !important;
	padding: 10px 10px 8px;
	width: 100%;
}

#InputOrderExt .rentMemberForm_section {
	margin: 40px 0 0 0;
}


#InputOrderExt .rentMemberForm_section:first-child {
	margin: 0 0 0 0;
}

/* radioBox */

#InputOrderExt .radioBox dl {
	margin: 0 0 10px 0;
}
	
#InputOrderExt .radioBox dl:last-child {
	margin: 0 0 0 0;
}

#InputOrderExt .radioBox dl dt {
	margin: 0 0 5px 0;
	font-weight: bold;
}


/* textareaBoxA01 */

#InputOrderExt #contentAreaA01 .textareaBoxA01 textarea {
	min-height: 50px;
	padding: 5px;
	border: 1px solid #ccc;
}


/* commonTableBoxB01 */

#InputOrderExt #contentAreaA01 .commonTableBoxB01 { margin: 0 0 20px 0;}

#InputOrderExt #contentAreaA01 .commonTableBoxB01 dt { width: 55%;}

#InputOrderExt #contentAreaA01 .commonTableBoxB01 dd { width: 45%; text-align: right;}


/* contentTxtB01 */

#InputOrderExt .contentTxtB01 dt {
	font-weight: bold;
}

#InputOrderExt .contentTxtB01 .caution {
	padding-left: 1em;
	text-indent: -1em;
}

/* contactBlockA01 */

#InputOrderExt #contentAreaA01 .contactBlockA01Wrap .contactBlockA01 {
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 20px 0 ;
}

#InputOrderExt #contentAreaA01 .contactBlockA01 dl { margin: 20px 0 0 0;}

#InputOrderExt #contentAreaA01 .contactBlockA01 dl:first-child { margin: 0 0 0 0;}

#InputOrderExt .contactBlockA01 .btnGrayWrap { margin: 10px 0 0 0; }

#InputOrderExt #contentAreaA01 .contactBlockA01 dl dt {
	margin: 0 0 5px 0;
	font-weight: bold;
}

#InputOrderExt .contactBlockA01 .column2WrapA01 {
	display: table;
	width: 100%;
}

#InputOrderExt .contactBlockA01 .column2WrapA01 li {
	display: table-cell;
	vertical-align: middle;
	line-height: 0;
}

#InputOrderExt .contactBlockA01 .column2WrapA01 li:nth-child(1) { width:70%;}
#InputOrderExt .contactBlockA01 .column2WrapA01 li:nth-child(2) { width:28%; padding: 0 0 0 2%;}

#InputOrderExt .contactBlockA01 .btnGray input,
#InputOrderExt .btnGrayWrap .btnGray input {
	font-size: 80%;
}

#InputOrderExt #contentAreaA01 .btnGrayWrap {
	display: table;
	width: 100%;
}

#InputOrderExt #contentAreaA01 .btnGrayWrap li {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	line-height: 0;
}

#InputOrderExt #contentAreaA01 .btnGrayWrap li:first-child {
	padding: 0 2% 0 0;
}

#InputOrderExt .btnGrayWrap li {
	display: block;
}


#InputOrderExt .btnGrayWrap li:nth-child(1) { float: left;}
#InputOrderExt .btnGrayWrap li:nth-child(2) { float: right;}



/* --------------------------------------

	商品検索
	
	/rent/sp/cart/Search.do
	
	15.10.21

-------------------------------------- */


/*layout*/
#sys_itemSearch #contentArea section {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}
#sys_itemSearch #contentArea section {
	padding-top: 40px;
	border-top: 1px solid #ccc;
	margin-top: 40px;
}
#sys_itemSearch #contentArea section:first-child {
	padding-top: 0;
	border-top: none;
	margin-top: 0;
}
#sys_itemSearch #itemSearchBoxA01 {
	margin-top: 20px;
}
#sys_itemSearch #backNextBtnBoxA01 {
	margin-top: 40px;
}
#sys_itemSearch .section:first-shild {
	padding: 0;
	border: none;
	margin: 0;
}
#sys_itemSearch .section:last-shild {
	padding-top: 40px;
	border-top: none;
	margin-top: 0;
}
/*#resultBoxA01*/
#sys_itemSearch #resultBoxA01 {
	width: 100%;
	padding: 10px;
	background-color: #ffffcc;
	letter-spacing: -.40em; /
}
#sys_itemSearch #resultBoxA01 span {
	display: inline-block;
	letter-spacing: normal;
	font-weight: bold;
}
#sys_itemSearch #resultBoxA01 span.txt_Search {
	padding-right: 0.5em;
}

/*#backNextBtnBoxA01*/
#sys_itemSearch #backNextBtnBoxA01 p {
	width: 35%;
	text-align: center;
	font-size: 80%;
	visibility: hidden;
}
#sys_itemSearch #backNextBtnBoxA01 p a {
	display: block;
	padding: 1em 0;
	background-color: #dcdcdc;
	border: 1px solid #ccc;
	color: #330000;
	text-align: center;
	visibility: visible;
}
#sys_itemSearch #backNextBtnBoxA01 .back {
	float: left;
}
#sys_itemSearch #backNextBtnBoxA01 .back a {
	padding-right: 1em;
}
#sys_itemSearch #backNextBtnBoxA01 .back a:before {
	content: "<";
	display: inline-block;
	vertical-align: baseline;
	padding-right: 0.5em;
}
#sys_itemSearch #backNextBtnBoxA01 .next {
	float: right;
}
#sys_itemSearch #backNextBtnBoxA01 .next a {
	padding-left: 1em;
}
#sys_itemSearch #backNextBtnBoxA01 .next a:after {
	content: ">";
	display: inline-block;
	vertical-align: baseline;
	padding-left: 0.5em;
}


/* --------------------------------------

	仮予約内容確認
	
	/rent/sp/cart/LastConfirm.do
	
	15.10.29

-------------------------------------- */

/* ----------layout---------- */

#LastConfirm #contentAreaA01 #confirmTableA02 { margin: 0 0 20px 0;}

#LastConfirm #contentAreaA01 .contentTxtA01 { margin: 0 0 20px 0;}

#LastConfirm #contentAreaA01 .contentListA01 > li > span {
	margin: 0 0.5em 0 0;
}

#LastConfirm #contentAreaA01 .contentListA01 > li {
	margin: 0 0 20px 0;
}

#LastConfirm #contentAreaA01 .contentListA01 > li:last-child {
	margin: 0 0 0 0;
}

#LastConfirm #contentAreaA01 .btnGrayWrap {
	margin: 10px 0 0 0;
}

/*clearfix*/

#LastConfirm #contentAreaA01 .btnGrayWrap:after{
	content:"";
	display:block;
	clear:both;
}


#LastConfirm #contentAreaA01 .btnGray {
	width: 30%;
	float: right;
}

#LastConfirm #contentAreaA01 .btnGray input {
	padding: 10px 0;
	font-size: 80%;
	line-height: 1;
}

#LastConfirm #contentAreaA01 .contentTxtA01 dl { margin: 0 0 10px 0;}
#LastConfirm #contentAreaA01 .contentTxtA01 dl:last-child { margin: 0 0 0 0;}

#LastConfirm #contentAreaA01 .contentTxtA01 dt {
	font-weight: bold;
}

#LastConfirm #contentAreaA01 .contentTxtA01 dl { margin: 0 0 10px 0;}

/*KARTE調整*/
.karteBox01 {
	margin-top: 60px;
}

/* --------------------------------------

	おうち活動部

-------------------------------------- */
.activityBox01 {
	width: 90%;
	margin: 40px auto 0 auto;
}

.activityAncBox {
	margin-bottom: 20px;
}

.activityAncBox ul {
	overflow: hidden;
}

.activityAncBox ul li {
	margin: 0 20px 10px 0;
	float: left;
}

.activityAncBox ul li a {
	display: block;
}

.activityAncBox ul li a::before {
	content: " ";
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 0.3em 0.2em 0;
	vertical-align: middle;
	background: url(/sp/images/icon/icon_arrow05.png) no-repeat 0 0;
	background-size: contain;
}

.activityBlock01 {
	margin-bottom: 40px;
}

.activityBlock01 .sp_mr10{
	margin-bottom: 10px;
}

.activityBlock01 h2 {
	font-size: 110%;
	font-weight: bold;
	background-color: #ffeed4;
	margin-bottom: 15px;
	padding: 8px 10px;
}

.activityBlock01 h2::before {
	content: "■";
}

.activityBlock01 .caution01{
	font-size: 80%;
	text-indent: -1em;
	padding-left: 1em;
}

.activityTxt01{
	margin-bottom: 30px;
}

.shopInfo01{
	border: 1px solid #000000;
	padding: 15px;
	margin-top: 30px;
}

.shopInfo01 .shopInfo01Inner{
	margin-bottom: 15px;
}

.shopInfo01 .shopInfoTxt01{
	margin-bottom: 10px;
}

.shopInfo01 .shopTxt01{
	font-size: 100%;
	font-weight: bold;
}

.shopInfo01 .shopInfoBox01{
	background-color: #f3f2ed;
	padding: 15px;
}

.activityBlock01 h3,
.activityFaq01 h3 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}

.activityBlock01 .activityList01{
	padding-left: 1.5em;
}

.activityBlock01 .activityBlock01Box ul{
	margin-bottom: 10px;
}

.activityBlock01 .activityList01 li{
	margin-top: 10px;
	list-style-type: disc;
}

.activityBlock01 .activityList01 li:first-of-type{
	margin-top: 0;
}

.activityBlock01 .activityList01 li ul li {
	font-size: 80%;
	margin-top: 0;
	list-style-type: none;
}

.activityBlock01 .deliveryInfo01 {
	border: 1px solid #000000;
	padding: 10px;
	margin: 15px 0 30px 0;
}

.activityBlock01 .deliveryInfo01 ul li{
	text-indent: -1em;
	padding-left: 1em;
}

.activityBlock01 .activityBlock01Box{
	margin-bottom: 30px;
}

.activityFaq01 {
	margin-bottom: 30px;
}

.activityFaq01 dl {
	margin-bottom: 20px;
}

.activityFaq01 dl dt {
	margin-bottom: 5px;
}

.activityFaq01 dl dt,
.activityFaq01 dl dd {
	text-indent: -1.8em;
	padding-left: 1.8em;
}

/* --------------------------------------

	カート返却日エラー

-------------------------------------- */
.errorDateAttention {
	margin-bottom: 10px;
	line-height: 1.4;
	font-weight: bold;
	font-size: 81.25%;
	color: #ff0000;
}

.errorDateBox select {
	color: #ff0000;
}

/* --------------------------------------

	カート休業日エラー

-------------------------------------- */
.errMsgHolidayWrap {
	margin-bottom: 40px;
}
.errMsgHolidayTxt {
	font-size: 112%;
	font-weight: bold;
	color: #FF0000;
}