@charset 'utf-8';
/* 初期化
**********************************************************************/
*{
  padding:0;
  margin:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
  list-style-type: none;
  word-break: break-all;
}
img{
  border:none;
  max-width:100%;
}
ul,ol{
  padding:0;
  margin:0;
}
li{
  list-style-type: none;
}

a{
  color:black;
}

/* レイアウト
**********************************************************************/

#sysAll{
  width:100%;
  padding:5px;
  margin:0 auto;
  background-color:white;
}
#sysHeader{
  width:100%;
  padding:5px;
  margin:5px auto;
  clear:both;
  margin-bottom:10px;
}
#sysMain{
  width:100%;
  padding:5px;
  margin:5px auto;
  margin-bottom:10px;
}
#sysAside{
  width:100%;
  padding:5px;
  margin:5px auto;
  margin-bottom:10px;
}
#sysFooter{
  width:100%;
  padding:5px;
  margin:5px auto;
  clear:both;
  margin-bottom:10px;
}

@media screen and (min-width:768px){
  #sysAll{
    max-width:960px;
  }

  }

@media screen and (max-width:767px){
    .sysDisplayMobileNone{
        display:none;
    }
}
@media screen and (max-width:767px){
    div.sysMemberAgreement{
        overflow: auto;
        -webkit-overflow-scrolling:touch;
    }
}
@media screen and (min-width:768px) and (max-width:768px){
    .sysDisplayTabletNone{
        display:none;
    }
}
@media screen and (min-width:769px){
    .sysDisplayPcNone{
        display:none;
    }
}

/* 汎用デザイン
**********************************************************************/

/* システムエラーメッセージ */

.sysErrorMessage {
  color:red;
  padding: 0.3em 0.5em;
}

.sysErrorFormField {
  background:-webkit-gradient(linear, left top, left bottom, from(pink), to(pink)) !important;
  background-color:pink !important;
}

/* 送信時のメッセージ */
.submitMessage {
  color: red;
  padding-top: 1.2rem;
}

/* ページャー */
.sysPagination ul {
  text-align:center;
}
.sysPagination ul li {
  width:12%;
  padding:5px;
  display:inline-block;
}
.sysPagination a {
  display:block;
  border:1px solid lightgray;
  width:100%;
  line-height:44px;
}
.sysPagination a.sysCurrent {
  background-color:#dddddd;
}

/* マイページ
**********************************************************************/

/* ポイント交換申請 */
#sysMypagePointExchange .applyForm {
  margin-top: 1.2rem;
}
#sysMypagePointExchange .sysMypageNav {
  margin-top: 3rem;
}

/* 定期購入管理 */
.sysRepeatOrderInfo,
.sysRepeatOrderStatus,
.sysRepeatOrderSchedule,
.sysRepeatOrderAttachedItem {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #b9b9b9;
  width: 100%;
}
.sysRepeatOrderInfo th,
.sysRepeatOrderStatus th,
.sysRepeatOrderSchedule th,
.sysRepeatOrderAttachedItem th {
  width: 25%;
  background-color: #eee;
}
.sysRepeatOrderInfo th, .sysRepeatOrderInfo td,
.sysRepeatOrderStatus th, .sysRepeatOrderStatus td,
.sysRepeatOrderSchedule th, .sysRepeatOrderSchedule td
{
  padding: 6px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #b9b9b9;
}
.sysRepeatOrderStatus {
  margin-bottom: 5px;
}
.sysRepeatOrderBlock {
  margin-bottom: 30px;
}
.sysRepeatOrderAttachedItem th, .sysRepeatOrderAttachedItem td {
  text-align: center;
}
/* 同梱商品の追加・変更画面 */
#sysRepeatOrderNextOrderAttachedItemRequestList {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #b9b9b9;
  width: 100%;
}
#sysRepeatOrderNextOrderAttachedItemRequestList th {
  width: 25%;
  background-color: #eee;
}
#sysRepeatOrderNextOrderAttachedItemRequestList th,
#sysRepeatOrderNextOrderAttachedItemRequestList td {
  text-align: center;
}
.sysRepeatOrderAttachedItemDialogWrapper .modaal-content-container {
padding: 5px;
}
.sysRepeatOrderNextOrderSummary {
  padding: 5px;
  border-style: solid;
  border-width: 1px;
}

/* クーポン確認画面 */
.sysCoupon {
  border: solid 1px rgb(170, 170, 170);
  border-bottom: none;
}

.sysCouponDiscount {
  border-bottom: 1px solid rgb(170, 170, 170);
  text-align: center;
}

/* 購入履歴 */
.sysShopOrderNo {
  display: inline-block;
}

.sysCancel,
.sysReturn {
  display: inline-block;
}

/* 領収書宛名入力画面 */
.sysEditReceipt {
  margin-top: 20px;
  text-align: center;
}
.sysButton {
  width: 80%;
}
.sysEditReceiptInput input[type="text"] {
  width:70%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 会員証 */
.sysMembershipCard .sysButton {
  width: 100%;
}

/* メッセージカード */
.sysMessageCardInfo {
  width: 100%;
}
.sysMessageCardInfo th, .sysMessageCardInfo td {
  border-collapse: collapse;
  border: 1px solid #666;
  padding: 10px;
}

.sysMessageCardInfoId {
  width: 15%;
}
.sysMessageCardInfoName {
  width: 30%;
}
.sysMessageCardInfoDate {
  width: 25%;
}
.sysMessageCardInfoOperation {
  width: 30%;
}

/* 一時保存データ */
.sysMemberSessionCartInfo {
  width: 100%;
}

.sysMemberSessionCartInfo th, .sysMemberSessionCartInfo td {
  border-collapse: collapse;
  border: 1px solid #666;
  padding: 10px;
  text-align: center;
}

/* 購入履歴詳細 */
#sysMypageOrderHistoryDetail .sysOrderHistoryDetailHeader {
  font-weight: bold;
  margin-top: 1em;
}

#sysMypageOrderHistoryDetail .sysOrderNumberArea {
  border-left: solid 3px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1em;
  font-size: 14pt;
  font-weight: bold;
}

#sysMypageOrderHistoryDetail .sysOrderDetailArea {
  margin: 1em;
}

#sysMypageOrderHistoryDetail .sysOrderDetailArea .sysCouponDiscount {
  /* IDを指定せずに設定されている「.sysCouponDiscount」のCSSを初期化 */
  border-bottom: initial;
  text-align: initial;
}

#sysMypageOrderHistoryDetail .sysOrderDetailArea .sysCouponGroup .sysCouponNames {
  display: inline-block;
  vertical-align: top;
}

#sysMypageOrderHistoryDetail .sysOrderDatatimeGroup {
  font-size: 14pt;
  font-weight: bold;
  border-bottom: 1px solid rgb(212,212,212);
}

#sysMypageOrderHistoryDetail .sysDelivery {
  border: 1px solid rgb(212,212,212);
  padding: 1em;
  margin: 1em;
}

#sysMypageOrderHistoryDetail .sysDeliveryCount {
  font-weight: bold;
  border-bottom: 1px dotted rgb(212,212,212);
  margin-bottom: 1em;
}

#sysMypageOrderHistoryDetail .sysItemArea .sysItem {
  border: 1px solid rgb(212,212,212);
  padding: 1em;
  margin: 1em;
}

#sysMypageOrderHistoryDetail .sysItemArea .sysItemGroup {
  display: flex;
  border-bottom: 1px dotted rgb(212,212,212);
}

#sysMypageOrderHistoryDetail .sysItemArea .sysItemGroup .sysItemImageGroup {
  flex: 1 0 30%;
}

#sysMypageOrderHistoryDetail .sysItemArea .sysItemGroup .sysItemSummaryGroup {
  width: 168%;
  padding: 0 3%;
}

#sysMypageOrderHistoryDetail .sysItemArea .sysItemGroup .sysItemSummaryGroup .sysItemNameGroup {
  font-weight: bold;
}
#sysMypageOrderHistoryDetail .sysItemArea .sysItemReviewArea {
  text-align: right;
  padding: 1em 1em 0;
}

#sysMypageOrderHistoryDetail .sysCartOption_RemarkArea {
    border: 1px solid rgb(212,212,212);
    padding: 1em;
    margin: 1em;
}

#sysMypageOrderHistoryDetail .sysCartOption_RemarkArea .sysCartOption_RemarkHeader {
  font-weight: bold;
  border-bottom: 1px dotted rgb(212,212,212);
  margin-bottom: 1em;
}

#sysMypageOrderHistoryDetail .sysRemarkArea .sysRemark {
  margin-bottom: 1em;
  overflow-wrap: break-word;
}

/* 機能パーツ
**********************************************************************/

/* アコーディオン */
.sysAccordion{
  position:relative;
  cursor:pointer;
}
.sysAccordion:after{
  content:'＞';
  position:absolute;
  right:5px;
  font-weight:bold;
  -webkit-transform: rotate(90deg);
}
.sysAccordionHide:after{
  -webkit-transform: rotate(0deg);
}
.sysAccordionInitialHide{
  display:none;
}

/* 商品系ページ
**********************************************************************/

/* 商品詳細ページ、商品画像（サムネイル） */
.sysItemImages .sysImageList:after{
  clear:both;
  content:'';
  display:block;
}
.sysItemImages .sysImageList li{
  float:left;
  height:90px;
  width:90px;
  margin:2px;
  text-align:center;
  line-height:90px;
}
.sysItemImages .sysImageList li img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  vertical-align:middle;
  border:1px solid lightgray;
}
.sysItemImages .sysImageList li.sysCurrent img{
  border:3px solid gray;
}

/* 商品詳細ページ、商品画像（スライド） */
.sysItemImagesSlide{
  width:70%;
  height:auto;
  overflow:hidden;
  float:left;
}
.sysItemImagesSlide .sysItemImagesSlideList{
  width:99999px;
}
.sysItemImagesSlide .sysItemImagesSlideList li{
  width:70%;
  float:left;
}
.sysItemImagesSlide .sysItemImagesSlideList img{
  vertical-align:middle;
}
.sysItemImagesSlide .sysItemImagesSlideList li:after{
  clear:both;
  content:'';
  display:block;
}
.sysItemImagesSlideCtl:after{
  clear:both;
  content:'';
  display:block;
}
.sysItemImagesSlidePrev,
.sysItemImagesSlideNext{
  float:left;
  width:15%;
  text-align:center;
}
.sysItemImagesSlidePrev span,
.sysItemImagesSlideNext span{
  padding:10px;
  border:1px solid lightgray;
  cursor:pointer;
  border-radius:3px;
  background: -webkit-linear-gradient(top, #eee, #bbb);
  background: linear-gradient(top, #eee, #bbb);
  box-shadow: 0 0 2px #ccc;
  -webkit-user-select: none;
  user-select: none;
}
.sysItemImagesSlidePrev span:after{
  content:"<";
}
.sysItemImagesSlideNext span:after{
  content:">";
}
.sysItemImagesSlideNone{
  opacity:0.4;
}
.sysItemImagesSlideCtl + .sysImageDescription{
  text-align:center;
}

/* 商品一覧リスト表示 */
.sysItemList ul.sysList li {
  padding:5px;
  border-top:1px solid lightgray;
}
.sysItemList ul.sysList li:after {
  clear:both;
  content:'';
  display:block;
}
.sysItemList ul.sysList li:last-child {
  border-bottom:1px solid lightgray;
}
.sysItemList ul.sysList li .sysThumbnailImage {
  width:100px;
  float:left;
  margin-right:5px;
}

.sysItemList ul.sysList li .sysThumbnailImage img{
  width:100%;
}

/* 商品一覧サムネイル表示 */
.sysItemList ul.sysThumbnail:after {
  clear:both;
  content:'';
  display:block;
}
.sysItemList ul.sysThumbnail li {
  float:left;
  width:33%;
  padding:5px;
}
.sysItemList ul.sysThumbnail li img{
  width:100%;
}
.sysItemList ul.sysThumbnail li .sysItemPr img {
  width: auto;
}

/* カテゴリページ */
.sysItemCategoryCtl{
  border:1px dashed lightgray;
  border-left:none;
  border-right:none;
  margin:10px 0;
  padding:5px 0;
}
.sysItemCategoryCtl .sysCurrent{
  font-weight:bold;
}
.sysItemListDisp:after{
  clear:both;
  content:'';
  display:block;
}
.sysItemListDisp div{
  float:left;
}
.sysItemListDisp .sysItemListViewType{
  float:right;
}
#sysItemCategory .sysItemList .sysSuggestedRetailPrice s{
      text-decoration:line-through;
  }

/* 検索ページ */
#sysItemSearch .sysItemList .sysSuggestedRetailPrice s{
      text-decoration:none;
  }

/* 商品詳細ページ */
#sysItemDetail .sysShare{
  padding:10px 0px;
}
#sysItemDetail .sysShare li{
  display:inline-block;
}

#sysItemDetail .sysSuggestedRetailPrice {
  font-size:small;
  color:;
}

#sysItemDetail .sysRetailPrice {
  font-size:large;
  color:#ff0000;
}

#sysItemDetail .sysRetailPriceTaxIncluded {
  font-size:small;
  color:;
}

/* 商品詳細ページ フォーム */
#sysItemDetail .sysFormVariationTable  {
  border-collapse: collapse;
  border: #CCCCCC 1px solid;
  margin: 0 0 8px 0;
}

#sysItemDetail .sysFormVariationName {
  background-color: #FFFFCC;
  border: #CCCCCC 1px solid;
  padding: 8px;
  font-weight: normal;
}
#sysItemDetail .sysFormVariation {
  background-color: #FFFFFF;
  border: #CCCCCC 1px solid;
  padding: 8px;
}

#sysItemDetail .sysForm select.sysMonthSelect {
  min-width: 100px;
}

/* 会員規約の見出し */
.sysMemberAgreementFormLabel{
  padding: 10px;
}

/* 会員規約表示 */
.sysMemberAgreement{
  border: 1px solid #888888;
  height: 250px;
  min-height: 220px;
  overflow-x: hidden;
  overflow-y: auto;
}

/* カート入れた後のふきだし */
.sysCartInDone{
  padding:8px 8px 10px 8px;
}
.sysCartInDone span{
  border:1px solid #888888;
  box-shadow:2px 2px 2px #888888;
  border-radius:3px;
  padding:4px;
  font-size:0.8em;
  display:inline-block;
}

/* 商品詳細ページ、商品画像モーダル表示 */
.sysModalItemImages .sysModalMainImage{
  max-width:80%;
  margin:auto;
  text-align:center;
}
.sysModalItemImages .sysModalMainImage img{
  max-width:100%
  width:auto;
  height:auto;
}
.sysModalItemImages .sysModalImageList:after{
  clear:both;
  content:'';
  display:block;
}

.sysModalItemImages .sysModalImageList li{
  float:left;
  height:90px;
  width:90px;
  margin:2px;
  text-align:center;
  line-height:90px;
}
.sysModalItemImages .sysModalImageList li img{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  vertical-align:middle;
  border:1px solid lightgray;
}
.sysModalItemImages .sysModalImageList li.sysCurrent img{
  border:3px solid gray;
}

/* 商品Review一覧リスト表示 */
.sysReviewItemList ul.sysReviewList li {
  padding:5px;
  border-top:1px solid lightgray;
}
.sysReviewItemList ul.sysReviewList li:after {
  clear:both;
  content:'';
  display:block;
}
.sysReviewItemList ul.sysReviewList li:last-child {
  border-bottom:1px solid lightgray;
}
.sysReviewItemList ul.sysReviewList li .sysThumbnailImage {
  width:100px;
  float:left;
  margin-right:5px;
}

/* レンタル商品 */
.sysRentalSchedulesCalendarCtl {
  line-height:100%;
  margin-bottom:-40px;
  float:left;
  width:100%;
}
.sysRentalSchedulesCalendarCtl:after {
  clear:both;
  content:"";
  display:block;
}
.sysRentalSchedulesCalendarSelectMonthTypeCtl {
  line-height:100%;
  margin-bottom:5px;
  float:left;
  width:100%;
  position:relative;
}
.sysRentalSchedulesCalendarSelectMonthTypeCtl:after {
  clear:both;
  content:"";
  display:block;
}
.sysRentalSchedulesCalendarsMonth {
  width: 35%;
  display: inline-block;
  line-height: 0px;
  position: absolute;
  left: 35%;
}
.sysPrevCalendar {
  border:1px solid silver;
  float:left;
  cursor:pointer;
  padding:10px 5px;
  z-index:999;
  position:relative;
}
.sysPrevCalendar:after {
  content:"<前月";
}
.sysNextCalendar {
  border:1px solid silver;
  float:right;
  cursor:pointer;
  padding:10px 5px;
  z-index:999;
  position:relative;
}
.sysNextCalendar:after {
  content:"次月>";
}
.sysRentalSchedulesCalendars {
  margin:auto;
  width:320px;
}
.sysRentalSchedulesCalendar {
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
}
.sysRentalSchedulesCalendar caption{
  line-height:45px;
}
.sysRentalSchedulesCalendar th,
.sysRentalSchedulesCalendar td {
  border:1px solid silver;
  text-align:center;
}
.sysRentalSchedulesCalendar th{
  font-weight:normal;
  height:33px;
}
.sysRentalSchedulesCalendar th.sysRentalSchedulesSun{
  color:red;
}
.sysRentalSchedulesCalendar th.sysRentalSchedulesSat{
  color:blue;
}
.sysRentalSchedulesCalendar td{
  height:44px;
  white-space:nowrap;
}
.sysRentalSchedulesValidPrice {
  font-size:10px;
  display:block;
  color:#555;
}
.sysRentalSendDay, .sysRentalReachDay,
.sysRentalUseDays, .sysRentalReturnDay {
  display: none;
}
/* 利用可能日 */
.sysRentalSchedulesValid {
  background-color: #fff;
  cursor: pointer;
}
.sysRentalSchedulesValid .sysRentalSchedulesDay {
  color: #000;
}
/* 選択不可日 */
.sysRentalSchedulesInvalid {
  color: #b3b6b3;
  background-color: #fff;
  text-decoration: line-through;
  cursor: default;
}
/* レンタル不可日 */
.sysRentalSchedulesReserved {
  color: #b3b6b3;
  background-color: #f2f2f2;
  text-decoration: line-through;
  cursor: default;
}
/* 発送日 */
.sysRentalSchedulesValid.sysRentalSchedulesSend,
.sysRentalSchedulesInvalid.sysRentalSchedulesSend,
.sysRentalSchedulesReserved.sysRentalSchedulesSend {
  background-color: #ffc0cb;
}
.sysRentalSchedulesSend .sysRentalSchedulesDay {
  color: #000;
}
.sysRentalSchedulesInvalid.sysRentalSchedulesSend,
.sysRentalSchedulesReserved.sysRentalSchedulesSend {
  color: #000;
  background-color: #ffc0cb;
}
.sysRentalSendItemName {
  color: #000;
}
/* お届け予定日 */
.sysRentalSchedulesValid.sysRentalSchedulesReach,
.sysRentalSchedulesInvalid.sysRentalSchedulesReach,
.sysRentalSchedulesReserved.sysRentalSchedulesReach {
  background-color: #ffc0cb;
}
.sysRentalSchedulesReach .sysRentalSchedulesDay {
  color: #000;
}
.sysRentalSchedulesInvalid.sysRentalSchedulesReach,
.sysRentalSchedulesReserved.sysRentalSchedulesReach {
  color: #000;
  background-color: #ffc0cb;
}
.sysRentalReachItemName {
  color: #000;
}
/* ご利用日 */
.sysRentalSchedulesValid.sysRentalSchedulesDays,
.sysRentalSchedulesInvalid.sysRentalSchedulesDays,
.sysRentalSchedulesReserved.sysRentalSchedulesDays {
  background-color: #ff69b4;
}
.sysRentalSchedulesValid.sysRentalSchedulesDays .sysRentalSchedulesDay {
  color: #000;
}
.sysRentalSchedulesInvalid.sysRentalSchedulesDays,
.sysRentalSchedulesReserved.sysRentalSchedulesDays {
  color: #000;
  background-color: #ffc0cb;
}
.sysRentalReachItemName {
  color: #000;
}
/* 返却日 */
.sysRentalSchedulesValid.sysRentalSchedulesReturn,
.sysRentalSchedulesInvalid.sysRentalSchedulesReturn,
.sysRentalSchedulesReserved.sysRentalSchedulesReturn {
  background-color: #ffc0cb;
}
.sysRentalSchedulesReturn .sysRentalSchedulesDay {
  color: #000;
}
.sysRentalSchedulesInvalid.sysRentalSchedulesReturn,
.sysRentalSchedulesReserved.sysRentalSchedulesReturn {
  color: #000;
  background-color: #ffc0cb;
}
.sysRentalReturnItemName {
  color: #000;
}
/* 延長日 */
.sysRentalSchedulesValid.sysRentalSchedulesExtend,
.sysRentalSchedulesInvalid.sysRentalSchedulesExtend,
.sysRentalSchedulesReserved.sysRentalSchedulesExtend {
  background-color: #ffc0cb;
}
.sysRentalSchedulesExtend .sysRentalSchedulesDay {
  color: #000;
}
.sysRentalSchedulesInvalid.sysRentalSchedulesExtend,
.sysRentalSchedulesReserved.sysRentalSchedulesExtend {
  color: #000;
  background-color: #ffc0cb;
}
.sysRentalExtendItemName {
  color: #000;
}
/* コメント */
.sysRentalStartDate {
  color: #000;
}
/* 注釈 */
.sysRentalScheduleNotice{
  color: #f00;
}
.sysCalendarLoading {
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.5);
  text-align: center;
}


/* フォーム
**********************************************************************/

.sysRequired{
  color:#bb0000;
  display:inline-block;
}
.sysRequired:before{
  content:'ï¼»';
}
.sysRequired:after{
  content:'ï¼½';
}

/* ユーザパスワード条件 */
.sysPasswordCaution > li{
  list-style-type: disc;
  list-style-position: inside;
}

/* モーダルウィンドウ
**********************************************************************/
#sysModalWindow{
  position:fixed;
  top:0;
  left:0;
  background-color:rgba(0, 0, 0, 0.5);
  width:100%;
  height:100%;
  padding:20px;
  z-index:9999999;
}
#sysModalWindow > .sysModalContent{
  background-color:#fff;
  margin:auto;
  width:80%;
  position:relative;
  padding:10px;
  border:5px solid #555;
  border-radius:5px;
  box-shadow:0px 0px 10px #000;
  overflow: auto;
  height: 90%;
}
/* 要素削除ボタン */
.sysRemoveElement{
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
  font-family:Arial;
  font-size:24px;
  width:24px;
  height:24px;
  line-height:24px;
  color:gray;
  text-align:center;
  text-decoration:none;
}
.sysRemoveElement:after{
  content:"×";
}
/*ワンページカート*/
/*共通*/
.sysOPCartSummary, .sysOPCartDeliveries, .sysOPCartPayment {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 25px;
  padding: 10px;
}
.cb { clear: both; }
.mgt25 { clear: both; margin-bottom: 25px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.mdl-dialog {
  border: none;
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.mdl-dialog__title {
  padding: 24px 24px 0;
  margin: 0;
  font-size: 2.5rem;
}
.mdl-dialog__actions {
  padding: 8px 8px 8px 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mdl-dialog__actions > * {
  margin-right: 8px;
  height: 36px;
}
.mdl-dialog__actions > *:first-child {
  margin-right: 0;
}
.mdl-dialog__actions--full-width {
  padding: 0 0 8px 0;
}
.mdl-dialog__actions--full-width > * {
  height: 48px;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-right: 16px;
  margin-right: 0;
  text-align: right;
}
.mdl-dialog__content {
  padding: 20px 24px 24px 24px;
  color: rgba(0,0,0, 0.54);
}
.mdl-textfield__input {
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  display: block;
  font-size: 16px;
  font-family: "Helvetica","Arial",sans-serif;
  margin: 0 !important;
  padding: 4px 0;
  width: 100%;
  background: 0 0 !important;
  text-align: left;
  color: inherit;
}
.mdl-layout__container {
  position: relative;
}
.mdl-layout__header .mdl-layout__drawer-button {
  /*display: none;*/
}
.mdl-layout__tab-bar {
  padding: 0;
  background: rgba(0,0,255,0);
}
.mdl-layout--fixed-header>.mdl-layout__header {
  background: rgba(0,0,255,0);
  box-shadow: none;
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
  /*color: red !important;*/
}

/* MDL（OPC以外）
---------------------------------------------------- */
/* ローディング */
.mdl_loading {
  display: none;
  position: absolute;
  top:  0;
  left: 0;
  width:  100%;
  max-width: 960px;
  height: 100%;
  margin: auto;
  background: rgba(100,100,100,0.3);
  z-index: 9999; 
}
.sysMypage .mdl_loading {
  max-width: none; 
}
/* ローディング画像 */
.mdl_loading .mdl-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/* ダイアログ表示ボタン、ダイアログ内のsubmitボタン */
button.mdl_dlg_show,
.mdl-dialog button.mdl_dlg_submit {
  position: relative;
}
/* ダイアログ閉じるボタン */
.mdl-dialog button.mdl_dlg_close {
  float: right;
  position: relative;
  top: 0;
  right: 0;
  margin: 0;
  min-width: 2em !important;
  background: linear-gradient(0deg, #ffffff, #ffffff) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) !important;
  background: -moz-linear-gradient(top, #ffffff, #ffffff) !important;
  border: none !important;
  font-size: xx-large;
  color: #888;
}
/* 余白をつけたい要素（.mdl_parts_○○ を新たに作った時は追加してください） */
.mdl_parts_selectBox {
  padding: 20px 0;
}
/* MDL非対応のパーツのエラー内容要素（.mdl_parts_○○__error を新たに作った時は追加してください） */
.mdl_parts_selectBox .mdl_selectBox__error {
  color: #d50000;
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block;
}
/* MDL非対応のパーツでエラー内容要素を表示するためのもの（.mdl_parts_○○__error を新たに作った時は追加してください） */
.mdl_parts_selectBox.is-invalid .mdl_selectBox__error {
  visibility: visible;
}

/* webコレクト（カート、マイページ共通）
---------------------------------------------------- */
.wc_credit_error {
  color: #d50000;
}

.sysCart #sysMain a {
  /*color: #888;*/
}
a.mdl-layout__tab {
  cursor: default;
}
button.mdl-button.close:hover {
  /*background: #eee !important;*/
  background: #eee !important;
}
a.mdl-layout__tab.is-active:focus {
  outline: none;
}
.page-content.sys_opc_radio, .page-content.sys_opc_checkbox {
  margin-left: 15px;
  margin-bottom: 20px;
}
.wrapper_another_address, .wrapper_another_payment, .wrapper_another_delivery_method {
  display: none;
  padding-right: 15px;
  padding-top: 8px;
}
.page-content.sys_opc_radio label {
  padding-bottom: 10px;
  padding-right: 15px;
}
p.user_type {
  font-size: 0.8rem;
  font-weight: 700;
  margin-top: 8px;
}
form.ccNumber_left {
  width: 60%;
  float: left;
}
form.ccNumber_right {
  width: 30%;
  float: right;
}
.ccFront {
  background: url('../base/img/cc-images.svg') 0 0 no-repeat;
  padding-top: 26px;
}
.ccFront.jcb {
  background-position: -276px 0;
  width: 40px;
}
.ccFront.visa {
  background-position: 0 0;
  width: 40px;
}
.ccFront.amex {
  background-position: -138px 0;
  width: 40px;
}
.ccFront.master {
  background-position: -46px 0;
  width: 40px;
}
/*input.sysCartButton.sysGoCartButton {
  margin-top: 8px;
  border: 1px solid black;
  width: 100px;
  height: 32px;
  color: #FFF;
  font-weight: 700;
  text-shadow: 0.5px 0.5px 0.5px#888;
  background-color: #D3D3D3;
  border-top: 5px solid #09C;
  border-left: 5px solid #9C0;
  border-right: 5px solid #C00;
  border-bottom: 5px solid #FC0;
}
.s_cart_info .sysContent {
  height: 66px;
  background-color: #FEEEED;
  color: #888;
}*/
.sysConfirmInfo {
  position: relative;
}
li.mdl-menu__item {
  border-bottom: 1px dotted #ddd;
}
/*合計金額をスライドインするUI(トリガー部分)*/
.mdl-layout__header-row {
  color: #ddd;
}
.mdl-layout__drawer-button i.material-icons { color: #ddd; }
/*confirmページのアイコン(色反転)*/
.mdl-list__item-avatar, .mdl-list__item-avatar.material-icons {
  background-color: #FFF;
  color: #757575;
}
/*商品合計のところのサブコンテント*/
.mdl-list__item-secondary-content .mdl-list__item-sub-title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 18px;
  color: rgba(0,0,0,.54);
  display: block;
  padding: 0;
}
/*リスト表示した際の行間調整*/
.sysOPCartDeliveries .mdl-list__item {
  /*min-height: 20px !important;
  padding: 0 16px !important;*/
  min-height: 20px;
  padding: 0 16px;
}
.sysOPCartDeliveries .sysConfirmInfo {
  margin: 16px 0;
}
.mdl-list__item .mdl-list__item-primary-content {
  min-width: 50px;
}
/*disInputの調整*/
.opc_disInputArea {
  padding: 10px 0;
}
.opc_InputArea {
  padding: 10px 0;
}
.opc_disInputArea .mdl-textfield__label {
  color: #000;
  border-bottom: none;
}
.opc_InputEdit {
  background-color: #ddd;
  border-radius: 8px;
}
/*commitボタン,initボタンの初期表示*/
.opc-commit-address, .opc-init-address {
  display: none;
}
.opc-commit-address {
  background-color: red;
}
/*onePageConfirmのカード*/
p.mdl-card__item_description {
  margin: 0;
}
/*文字列が長いときに末尾を3点リーダーにする*/
span.mdl-list__item-sub-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*クーポンコードを入力する場合*/
.opc_coupon_dialog { display: none; }
/*ポイント利用*/
.opc_use_point {
  padding: 10px 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0.1px 1px 0.1px rgba(0,0,0,0.4);
}
/*スマホ*/
.mdl-list__item--three-line .mdl-list__item-text-body {
  width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sysOPCartSummary h2,
.sysOPCartDeliveries h2,
.sysOPCartPayment h2 {
  font-size: 1.4rem;
  font-weight: 700;
  border-bottom: 1px dotted #ccc;
  line-height: 41px;
  margin: 0;
}
.op_contents {
  width: 100%;
  border: 1px solid red;
}
p.op_left_index {
  width: 35%;
  height: 75px;
  border-bottom: 1px solid;
  float: left;
}
p.op_right_content {
  width: 65%;
  height: 75px;
  border-bottom: 1px solid;
  float: left;
  /* clear: both; */
}
span.op_content_upper {
  border: 1px solid blue;
  width: 100%;
}
span.op_content_lower {
  width: 100%;
  border: 1px solid yellow;
}
button#demo-menu-top-left {
  /*font-size: 1rem;*/
  padding: 0 54px;
}
.sysNextSubmitArea {
  /* border: 1px solid; */
}
.sysNextSubmitArea.fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 67px;
  margin-left: -10px;
  background-color: #FFF;
  z-index: 9999;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
.sysOPCartSummary.mgt58 {
  margin-top: 68px;
}

/*
.s_cart_info .sysContent dl {
  width: 29%;
  float: left;
}
*/
/*OnePageConfirmのprimaryコンテンツの文字*/
span.mdl-list__item-primary-content span {
  font-size: 1rem !important;
}
span.mdl-list__item-secondary-content span {
  font-size: 1rem !important;
}
/*決済方法のリスト表示*/
.mdl-radio {
  width: 100%;
}
.opc_line_through {
  text-decoration: line-through;
  color: #ddd !important;
}
/*タブレット*/
ul.demo-list-two.mdl-list {
  width: 100%;
}
li.mdl-list__item {
  width: 535px;
}
/*PC*/
.mdl-layout__tab-bar-button {
  display: none;
}
/*スマホ*/
@media screen and (max-width:767px){
  .opc_coupon__label {
  margin-bottom: 45px;
  }
}

/* ソーシャルプラス
---------------------------------------------------- */
/* マイページ > 他サイトIDとの連携 */
@media screen and (max-width:767px){
  .sysSPTable table {
    width: 100%;
  }
}
@media screen and (min-width:768px) and (max-width:768px){
  .sysSPTable table {
    width: 100%;
  }
}
@media screen and (min-width:769px){
  .sysSPTable table {
    width: 50%;
  }
}

/* マイページ > ログイン */
#sysMypageLogin .sysSPButton {
  margin: 10px 0;
}

/* 新規会員登録 */
#sysMemberRegisterIndex .sysSPButton {
  margin: 10px 0;
}

/* カート > ログイン */
#sysPurchaseAuthMember .sysSPButton {
  margin: 10px 0;
}
/* #END_OF_RESOURCE_FILE */