@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

#content a {
  font-family: Arial, Helvetica, "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}
#content a {
  color: inherit;
}
@media screen and (min-width: 641px){
  #content a:hover {
    text-decoration: none;
    color: #00ABFF;
  }
}


.pane-contents > .container {
  width: 100%;
}

.pane-left-menu,
.pane-right-menu {
  width: 1200px;
  margin: 0 auto;
}
.pane-contents .pane-main {
  color: #231815;
  background-color: #f6f4ee;
  padding-top: 0;
  padding-bottom: 40px;
}
.pane-globalnav + .pane-contents {
  margin-top: -24px;
}
.block-event-page--goods.goodslistpage-frame {
  margin: 0;
}

/*******************************
Default Mixin
*******************************/
/*----------------------
Clearfix
----------------------*/
/*----------------------
Opacity
----------------------*/
/*----------------------
天地中央
----------------------*/
/*----------------------
box-shadow
----------------------*/
 /*----------------------
フォントサイズ「rem」の使用
----------------------*/
/*--------------- ------
aタグマウスオーバーデフォルトアクションの打ち消し
----------------------*/
/*----------------------
マウスオーバーでふわっと色が反転するボタン
margin,font-size,padding-topは適宜調整
----------------------*/
/*******************************
Customized Mixin
*******************************/
#careluxe #content {
  width: 732px;
  margin: 0 auto;
  background-color: #fff;
}
#careluxe #content #pageNav {
  background-color: #e4e8ed;
  margin: 20px 20px 50px;
}
#careluxe #content #pageNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#careluxe #content #pageNav ul li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
#careluxe #content #pageNav ul li:last-of-type a {
  background-image: none;
}
#careluxe #content #pageNav ul a {
  display: block;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 20px;
  position: relative;
}
#careluxe #content #pageNav ul a::before {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 1px;
  background-color: #b7babe;
}
#careluxe #content #pageNav ul a::after {
  content: url(../../img/usr/event/r30t10/arrow01.png);
  position: absolute;
  right: 15px;
}
#careluxe #content #pageNav li:last-child a::before {
  display:  none;
}
#careluxe #content section {
  padding-top: 30px;
  padding-right: 20px;
  padding-left: 20px;
}
#careluxe #content .border {
  border-bottom: 1px dashed #000;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
#careluxe #content .border:last-of-type {
  margin-bottom: 10px;
}
#careluxe #content .ttlStyle01 {
  text-align: center;
  margin-bottom: 35px;
}
#careluxe #content .itemWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; */
}
#careluxe #content .itemWrap:not(:only-of-type):first-of-type {
  margin-bottom: 30px;
}
#careluxe #content .itemWrap .image {
  margin-right: 25px;
}
#careluxe #content .itemWrap.wide .image {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  margin-right: 0;
}
#careluxe #content .itemWrap.wide .items {
  width: 100%;
  max-width: 480px;
}
#careluxe #content .itemWrap.wide .items.wide {
  max-width: none;
}
#careluxe #content .itemWrap.wide .items.half {
  width: 48%;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
#careluxe #content .itemWrap.wide .items.half li {
  max-width: 48%;
}
#careluxe #content .itemWrap.wide ul.itemList {
  max-width: none;
}
#careluxe #content .itemWrap .end {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-right: 0;
  margin-left: 25px;
}
#careluxe #content ul.itemList {
  width: 100%;
  max-width: 318px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#careluxe #content ul.itemList.pt20 {
  padding-top: 40px;
  padding-bottom: 20px;
}

#careluxe #content ul.itemList.pt20 .wide {
  padding-top: 30px;
}
#careluxe #content ul.itemList li {
  text-align: center;
  margin-bottom: 15px;
  margin-right: 5px;
  margin-left: 5px;
}
#careluxe #content ul.itemList.middle li {
  margin-left: 10px;
  margin-right: 10px;
}

#careluxe #content ul.itemList.middle-s {
  margin-bottom: 20px;
}

#careluxe #content ul.itemList.middle-s li {
  margin-left: 8px;
  margin-right: 8px;
  
}
#careluxe #content ul.itemList.wide li {
  margin-left: 20px;
  margin-right: 20px;
}
#careluxe #content ul.itemList li.wide {
  width: 100%;
}
#careluxe #content ul.itemList li img {
  max-width: 100%;
  height: auto;
}
#careluxe #content ul.itemList.narrow li {
  margin-right: 0;
  margin-left: 0;
}
#careluxe #content ul.itemList.center {
  padding-top: 20px;
}

#careluxe #content ul.itemList.center li:first-child {
  margin-bottom: 35px;
}

#careluxe #content .btnWrap {
  width: 100%;
  max-width: 350px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#careluxe #content .btnWrap a {
  display: block;
  min-width: 190px;
  max-width: 250px;
  padding: 15px 50px 15px 20px;
  background-color: #e5e5e5;
  background-image: url(../../img/usr/event/r30t10/arrow.png);
  background-position: 95% center;
  background-repeat: no-repeat;
  margin-bottom: 15px;
}
#careluxe #content .btnWrap a.pd-r{
  padding-right: 35px;
}
#careluxe #content .itemWrap .image.mar-l {
  margin-right: 10px;
}

#careluxe #content .btnWrap a.wide {
  min-width: 280px;
}
#careluxe #content .btnWrap a.middle {
  min-width: 280px;
}
#careluxe #content .btnWrap .itemName {
  font-size: 15px;
}
#careluxe #content .btnWrap .itemInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#careluxe #content .btnWrap .itemInfo .price {
  text-align: right;
}
#careluxe #content .label {
  text-align: center;
  margin-bottom: 20px;
}

#careluxe #content .label.pp {
  margin-bottom: 35px;
  padding-top: 15px;
}
#careluxe #content .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 67px;
  padding-right: 20px;
  background-image: url(../../img/usr/event/r30t10/icon_luxe.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: #d3d3d3;
}
#careluxe #content .pR {
  padding-right: 50px;
}
#careluxe #content .pL {
  padding-left: 50px;
}
#careluxe #content ul.itemList.adjustmentL {
  margin-right: 75px;
}
#careluxe #content ul.itemList.adjustmentR {
  margin-left: 75px;
}
#careluxe #content .itemWrap .image.small {
  margin-right: 0px;
}
@media screen and (max-width: 640px) {
  #careluxe #content img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  #careluxe #content #pageNav {
    margin: 0;
  }
  #careluxe #content #pageNav ul li {
    width: 30%;
  }
  #careluxe #content #pageNav ul a {
    font-size: 12px;
  }
  #careluxe #content section {
    padding-right: 0;
    padding-left: 0;
  }
  #careluxe #content .itemWrap > * {
    width: 100%;
  }
  #careluxe #content .itemWrap .image {
    text-align: center;
    margin-bottom: 20px;
  }

  #careluxe #content .itemWrap .image.end {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  #careluxe #content .itemWrap .items {
    padding-right: 20px;
    padding-left: 20px;
  }
  #careluxe #content .itemWrap.wide .items.half {
    width: 100%;
  }
  #careluxe #content .itemWrap.wide .items.half:nth-of-type(2) {
    margin-bottom: 30px;
  }
  #careluxe #content ul.itemList li {
    width: auto;
    max-width: 45%;
  }
  #careluxe #content ul.itemList.middle li {
    margin-left: 6px;
    margin-right: 6px;
  }

  #careluxe #content ul.itemList.wide li {
        margin-left: 7px;
    margin-right: 7px;
  }
  #careluxe #content .btnWrap a.middle {
    min-width: 225px;
  }
  #careluxe #content .btnWrap a {
    width: 100%;
  }
  #careluxe #content .itemWrap.wide .items.half li {
    max-width: 46%;
  }

  #careluxe #content .btnWrap a.wide {
    min-width: 225px;
  }

  #careluxe #content .itemWrap .end {
  margin-left: 0px;
  }
  #careluxe #content .itemWrap .image {
    margin-right: 0px;
  }
  .spnone {
    display: none;
  }
  #careluxe #content ul.itemList.adjustmentL {
  margin-right: 0px;
  }
  #careluxe #content ul.itemList.adjustmentR {
    margin-left: 0px;
  }
}
#careluxe #content #seriesUnderBanner {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#careluxe #content #seriesUnderBanner::before, #careluxe #content #seriesUnderBanner::after {
  display: none;
}
#careluxe #content #seriesUnderBanner li {
  float: none;
  width: 48%;
  height: auto;
  text-align: center;
  margin: 0 0 10px;
}



@media screen and (max-width: 640px){
  
  #careluxe #content ul.itemList.checkpoint-image li {
    max-width: 100%;
  }
  
  #careluxe #content ul.itemList.checkpoint-image2 {
	-webkit-box-align: start;
	-ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0px;
      max-width: 360px;
  }
  
  #careluxe #content ul.itemList.checkpoint-image2 li:first-child {
    max-width: 100%;
    width: 47%;
    margin-bottom: 0px;
  }
  
  #careluxe #content ul.itemList.checkpoint-image2 li:nth-child(2) {
    max-width: 100%;
    width: 44%;
  }
}



/*# sourceMappingURL=style.css.map */