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

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

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

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

/* カート内複数配送先選択ページ
**********************************************************************/
.sysUseDeliveries{
    cursor:pointer;
    text-decoration:underline;
    font-weight:bold;
    font-size:16px;
}

/* 商品詳細ページ、商品画像モーダル表示 */
.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;
    cursor:default;
}
.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;
}
.sysRentalSchedulesCalendar td.sysRentalSchedulesValid{
    cursor:pointer;
}
.sysRentalSchedulesCalendar td.sysRentalSchedulesInvalid{
    text-decoration:line-through;
    opacity:0.3;
}
.sysRentalSchedulesCalendar td.sysRentalSchedulesReserved{
    text-decoration:line-through;
    opacity:0.3;
    background-color:lightgray;
}
.sysRentalSchedulesCalendar td.sysRentalSchedulesSelected{
    background-color:hotpink;
}
.sysRentalSchedulesCalendar td.sysRentalSchedulesDays{
    background-color:pink;
}
.sysRentalSchedulesCalendar .sysRentalSchedulesInvalid.sysRentalSchedulesDays,
.sysRentalSchedulesCalendar .sysRentalSchedulesReserved.sysRentalSchedulesDays{
    background-color:pink;
    opacity:1;
}
.sysRentalScheduleNotice{
    color:red;
}


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

.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:"×";