@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:481px){
  #sysAll{
    max-width:960px;
  }

  
    div#sysMain{
      width:70%;
      min-height:400px;
      height:auto !important;
      height:400px;
    }

    div#sysAside{
      width:30%;
    }

    div#sysMain,div#sysAside{
      float:right;
    }

    div#sysFooter{
      clear:both;
    }

  }

@media screen and (max-width:480px){
    .sysDisplayMobileNone{
        display:none;
    }
}
@media screen and (max-width:480px){
    div.sysMemberAgreement{
        overflow: auto;
        -webkit-overflow-scrolling:touch;
    }
}
@media screen and (min-width:481px) and (max-width:800px){
    .sysDisplayTabletNone{
        display:none;
    }
}
@media screen and (min-width:801px){
    .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 {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #b9b9b9;
    width: 100%;
}
.sysRepeatOrderInfo th,.sysRepeatOrderStatus th,.sysRepeatOrderSchedule 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;
}
/* 機能パーツ
**********************************************************************/

/* アコーディオン */
.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:none;
    }

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

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

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

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

#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;
}

/* 会員規約の見出し */
.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;
}
.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:'］';
}


/* モーダルウィンドウ
**********************************************************************/
#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;*/
}
.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:480px){
    .opc_coupon__label {
    margin-bottom: 45px;
    }
}