@charset "utf-8";
/** 共通 */
.messageGroup {
	background:none;
}
/*
a#returnButton_link {
	position:unset;
}
*/
.readonly {
	background-color:#ccc;
}
.required:after,
.required_condition:after {
    content: "必須";
    background: #fff;
    color: #f03f75;
    padding: 0 5px;
    margin: 0 0 0 5px;
    font-weight: normal;
    font-size: 0.8em;
    border-radius: 5px;
	border: 1px solid #f03f75;
    float: right;
    min-width: 2em;
    text-align: center;
}
@media only screen and (max-width: 768px) {
	.required:after,
	.required_condition:after {
	    border-radius: 3px;
	}
}

/** レイアウト */
@media screen and (max-width: 979px) {
.contents {
    width: 100%;
	}

.topGroupName {
    width: 100%;
	}

}

/** ボタン */
input.btn_1[type="submit"],
input.saveButton[type="button"] {
    background: #eadbc0;
    color: #644c1f;
    border-style: solid;
    border-width: 1px;
    border-color: #eadbc0;
    padding: 10px 30px;
    width: 250px;
    text-align: center;
}
input.returnButton[type="button"] {
	width: 250px;
	padding: 10px 30px;
}
input.returnButton[type="button"]:hover {
	text-decoration: underline;
}

@media only screen and (max-width: 641px) {
	input#returnButton[type="button"] {
		width: 90%;
		margin-bottom: 10px;
	}
}


/** ログイン画面 */
#loginBox input[type="email"]  { width: 67%; float: right; margin-top: -30px;}

#loginBox input[type="email"]:focus{
    outline: 2px solid #bfa77a; background-color: #f5eee0;
}

@media screen and (min-width:769px) and ( max-width:999px) {
	#loginBox input[type="email"]{ width: 62%; float: right; margin-top: -30px;}
	}
}

@media screen and (max-width: 768px) {
	#loginBox input[type="email"]{ width: 70%; margin-top: -28px;}
}

/** カート画面 */
#Cart .orderGoodsList .orderNumPreLabelCart{
	display: none;
}

.reglTermDispCart+span,
.orderNumPreLabelCart+span{
	position: relative;
}
.reglTermDispCart+span::after,
.orderNumPreLabelCart+span::after{
 content: "";
 position: absolute;
 top: -6px;
 right: 15px;
 bottom: 0;
 width: 6px;
 height: 6px;
 border-bottom: 2px solid #333;
 border-right: 2px solid #333;
 transform: rotate(45deg);
 margin: auto;
}
.orderLink2ItemWrap.buttonWrap > .items{
	position: relative;
}
.orderLink2ItemWrap.buttonWrap > .items::after{
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 26px;
	height: 6px;
	width: 6px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
}
@media only screen and (max-width: 641px) {
	.relatedGoods .itemBlock{
		border: none;
		margin: 0;
		padding: 0 14px;
		width: 50%;
	}
	.relatedGoods figcaption{
		font-size: 0.6875rem;
		line-height: 1.125rem;
	  	text-align: center;
	  	padding: 0;
	}
	.relatedGoods figcaption a{
		text-decoration: underline;
	}
}

/** マイページ */
#mypageNavi {
	margin-top:60px;
}
#mypageNavi ul.mypage_menu {
	display:table;
}
#mypageNavi ul.mypage_menu li {
	display: table-cell;
    width: 24%;
    padding: 4px;
    border: #ccc 1px solid;
    background-color: #fff;
    text-align: center;
    float: left;
    margin: 4px 4px 0 0;
    vertical-align: middle;
}

#tab01_content {
	display:block;
}
#message,#errorGroup {
	clear:both;
	display:block;
}

/** 注文履歴詳細 */
#MemberOrderDetail .th.paymentMethodThSurround {
	display:table-cell;
}
#MemberOrderDetail .table .td {
	border:none;
}
#MemberOrderDetail .table .th {
	background:none;
}
@media only screen and (max-width: 768px) {
	#MemberOrderDetail .th.paymentMethodThSurround {
		display:block;
	}
}

/** 商品レビュー */
#ReviewRegister .table .td {
	border:none;
}
/** ページ */
ul.pagination li.PAGING_LINK_NOW_PAGE {
	border: none;
    background-color: #e6dece;
    padding: 6px;
}
.pagination {
    text-align: center;
}
.pagination li {
	border:none!important;
}
.pagination li.PAGING_NEXT_DISABLE,
.pagination li.PAGING_LAST_DISABLE,
.pagination li.PAGING_TOP_DISABLE,
.pagination li.PAGING_BEFORE_DISABLE,
.pagenation li.PAGING_NEXT,
.pagenation li.PAGING_LAST {
	border:none!important;
}
.PAGING_TOP_DISABLE,
.PAGING_BEFORE_DISABLE {
	display:none!important;
}
.PAGING_LINK_PAGE {
	display: inline-block;
    min-width: 36px;
    min-height: 36px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: 1px solid #6e6e6e;
}

/** 注文履歴 */
.reviewWrittenMsg {
	min-width: 175px;
    min-height: 44px;
    padding: 6px 12px;
    margin-right: 25px;
    background-color: #fff;
    font-size: 1.125rem;
    text-align: center;
}
#MemberModifyConfirm .table .td,
#MemberRegisterConfirm .table .td,
#InquiryInput .table .td,
#InquiryConfirm .table .td {
	border:none;
}
/** 定期詳細 */
#RegularScheduleDetail .regularGoodsList .detailsTitle {
    padding: 6px 16px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
}
#RegularScheduleDetail .regularGoodsList .regularGoodsListGoodsImgLabelTitle {
	border-left:#ccc 1px solid;
}
#RegularScheduleDetail .nextRegularDeliveryGoodsArea .table td {
    border-left: none;
    border-right: none;
}
#RegularScheduleDetail  .table .th {
	background:none;
	border:none;
}
#RegularScheduleDetail  .table .td {
	border:none;
}
#RegularScheduleDetail .breakdownResultsBreakdownPriceCol,
#RegularScheduleDetail .breakdownResultsBreakdownNameCol {
	border:none;
}

/** 定期支払い方法変更 */
#RegularChangePayment .th.paymentMethodThSurround {
	display:table-cell;
}
#RegularChangePayment .th,
#RegularChangePayment .td {
	background:none;
	border:none;
}
/** 定期お届け先変更 */
#RegularChangeDestination .th,
#RegularChangeDestination .td {
	background:none;
	border:none;
}
#RegularChangeDestination .postCodePreLabel, .postCodeTdSurround .postCode {
	display:block;
}
#RegularChangeDestination input.postCodePre,
#MemberModify input.postCode1Pre,
#MemberAddressBook input.postCode1Pre{
    width: 70px;
    margin: 0 10px;
}
#RegularChangeDestination input.postCodePost,
#MemberModify input.postCode1Post,
#MemberAddressBook input.postCode1Post {
    width: 85px;
    margin: 0 10px;
}
/** 会員変更 */

/** 注文入力 */
#OrderInfoInput input.postCodePre,
#OrderInfoInput input.orderPostCodePre {
    width: 70px;
    margin: 0 10px;
}
#OrderInfoInput input.postCodePost,
#OrderInfoInput input.orderPostCodePost {
    width: 85px;
    margin: 0 10px;
}

/** 商品詳細 */
.goodsDetail-priceBreak {
	display:block;
}
.goodsDetail-price-special {
	color:red;
	font-weight:bold;
}
.goodsDetail-saleEndText {
	width:335px;
	font-size: 1.50rem;
    text-align: center;
    display: inline-block;
    background-color: #ccc;
    color: #fff !important;
    border-radius: 4px;
    padding: 20px 44px;
}

#GoodsDetail .goodsDetail-qty dd{
	position: relative;
}
#GoodsDetail .goodsDetail-qty dd::after{
	content: "";
	position: absolute;
	top: -6px;
	right: 15px;
	bottom: 0;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	margin: auto;
}
@media only screen and (max-width: 768px) {
	.goodsDetail-cart-btn-saleEnd {
		width:100%;
	}
	.goodsDetail-saleEndText {
		font-size: 1.25rem;
	    font-weight: 700;
	    width:100%;
	    padding:10px;
	}
}

/** エラーページ */
#systemError .contents {
	margin:60px auto;
}
.systemMessageContent {
    background-color: #fff;
    border: none;
}
@media only screen and (max-width: 768px) {
	#systemError .contents {
		margin:20px auto;
	}
}
#systemError .contents .topGroupName {
	margin:0px auto;
	float:none;
	width:500px;
}

/** 会員登録 */
#MemberRegister a#returnButton_link {
    background: #fff;
    color: #333;
    border-style: solid;
    border-width: 1px;
    border-color: #d0d0d0;
	padding: 10px 0 10px 30px;
	width: 250px;
	margin:0 30px 10px 0;
	text-align: center;
	position: relative;
}

#MemberRegister a#returnButton_link::after{
  transition: 0.5s;
  content: "";
  width: .4em;
  height: .4em;
  border-bottom: 2px solid #333;
  border-left: 2px solid #333;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 25px;
  margin: auto;
  -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
	#MemberRegister a#returnButton_link {
	    background: #fff;
	    color: #333;
	    border-style: solid;
	    border-width: 1px;
	    border-color: #d0d0d0;
		padding: 8px 0;
		width: 90%;
		margin:0 5% 10px;
		text-align: center;
		position: relative;
	}

	#MemberRegister a#returnButton_link::after{
	  transition: 0.5s;
	  content: "";
	  width: .4em;
	  height: .4em;
	  border-bottom: 2px solid #333;
	  border-left: 2px solid #333;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 25px;
	  margin: auto;
	  -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

}

@media screen and (min-width:642px) and ( max-width:768px) {
	#MemberRegister a#returnButton_link {
	    background: #fff;
	    color: #333;
	    border-style: solid;
	    border-width: 1px;
	    border-color: #d0d0d0;
		padding: 10px 0 10px 30px;
		width: 250px;
		margin:0 30px 10px 0;
		text-align: center;
		position: relative;
	}

	#MemberRegister a#returnButton_link::after{
	  transition: 0.5s;
	  content: "";
	  width: .4em;
	  height: .4em;
	  border-bottom: 2px solid #333;
	  border-left: 2px solid #333;
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 25px;
	  margin: auto;
	  -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}

}

/** LP */
#LP #customerInfoDispLayout .itemWrap {
	border:none;
}

#LP #customerInfoDispLayout {
	margin-top:30px;
}
#LP #formArea .tr {
	display:table-row;
}
#LP #formArea .th {
	display:table-cell;
	background: #f3f3f3;
}
#LP #formArea .th
,#LP #formArea .td {
	border: 1px solid #ccc;
}
#LP #formArea .td {
	display:table-cell;
}
#LP #destinationOptionLayoutGroup {
	display:table;
}
#LP #formArea #selectedPaymentMethodTdSurround {
	border:none;
}

#LP #destinationOptionLayoutGroup .th {
	padding-left:35px;
	padding-right:35px;
}

#LP #cardInfoLayoutGroup .required_condition:after
,#LP #creditCardGroup .required_condition:after
,#LP #customerInfoInputLayout .required_condition:after
,#LP #customerInfoInputLayout .required:after
 {
	margin-right:16px;
}
#LP #pagePartsHtmlText_OrderInfoInputCreditCardNo_innerId
,#LP #pagePartsHtmlText_OrderInfoInputPointAllUseAttention_innerId {
	margin-bottom:0;
}
.contents .paymentTypeTable {
	margin-top:-1px;
}
#LP #customerInfoGroup .set-group.th_30,
#LP #destinationSelectGroup .set-group.th_30 {
	margin-bottom:10px;
}
#LP #formArea #pointLayoutGroup .th {
	border:none;
	display:block;
	background:none;
}
#LP #formArea #pointLayoutGroup #currentPointItemWrap .td {
	display:block;
	border:none;
	width: initial;
	padding-top:0;
	font-size:0;
}

#LP #formArea .set-group.pointLayoutGroup.table {
	padding:0;
}
#LP #formArea .itemWrap.currentPointItemWrap {
    min-width: 215px;
    border: 4px solid #dfcca6;
    border-radius: 8px;
    display: inline-block;
    margin-right: 50px;
}
#LP #formArea #currentPointThSurround {
    width: 100%;
    background-color: #fff;
    padding: 14px 14px 0 14px;
}
#LP #formArea #pointLayoutGroup #noPointThSurround
,#LP #formArea  #pointLayoutGroup #useAllPointThSurround
,#LP #formArea  #pointLayoutGroup #usePointTdSurround
,#LP #formArea  #pointLayoutGroup #usePointThSurround {
    padding: 0;
    vertical-align: baseline;
    display: inline-block;
    width:initial;
    border:none;
}
#LP #formArea #pointLayoutGroup #useAllPointItemWrap {
    margin-top: 21px;
    display: block;
}
#LP #formArea .th
, #LP #formArea #orderInfoInputPointAllUseAttentionPartsIncludeTdSurround.td {
    padding:0 17px;
}
#LP #formArea #orderInfoInputPointAllUseAttentionPartsIncludeTdSurround.td {
	border:none;
}
@media screen and (max-width:768px) {
	#LP #formArea .th {
	}
	/** LP */
	#LP #customerInfoDispLayout .itemWrap {
	}
	#LP #customerInfoDispLayout {
	}
	#LP #formArea .tr {
	}
	#LP #formArea .th {
	}
	#LP #formArea .th
	,#LP #formArea .td {
		display:block;
		float:none;
		width:100%;
		border-bottom:none;
	}
	#LP #formArea #paymentTypeTdSurround,
	#LP #formArea #mailMagazineFlgTdSurround,
	#LP #formArea #deliveryRequestFlgTdSurround,
	#LP #formArea #dispOrderTelNoTdSurround {
		border-bottom:1px solid #ccc
	}
	#LP #formArea #selectedPaymentMethodTdSurround {
	}
	#LP #cardInfoLayoutGroup .th,
	#LP .paymentTypeTable .paymentTypeThSurround  {
	}
	#LP #cardInfoLayoutGroup .required_condition:after, #creditCardGroup .required_condition:after {
	}
	#LP #pagePartsHtmlText_OrderInfoInputCreditCardNo_innerId {
	}
	.contents .paymentTypeTable {
	}

	#LP #formArea .itemWrap.currentPointItemWrap {
		display: block;
		width: 83%;
		margin: 0 auto 22px;
		font-size: 0;
		padding: 12px 0;
    }

	#LP #formArea #pointLayoutGroup  #currentPointThSurround {
		display: inline-block;
	    width: 50%;
	    padding: 0;
	}
	#LP #formArea #pointLayoutGroup  #currentPointTdSurround.td {
		width: 50%;
	    display: inline-block;
	    padding: 3px;
	}

}