<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* PCとスマホでの出し分け用クラス */
.sp {
  display: inherit;
}

span.sp {
  display: inline;
}

.pc {
  display: none;
}

@media only screen and (min-width: 640px) {
  .sp {
    display: none;
  }

  .pc {
    display: inherit;
  }

  span.pc {
    display: inline;
  }
}
/* PCサイズ時の幅設定 */
@media only screen and (min-width: 640px) {
  #POINTSERVICE {
    width: 700px;
  }
}
@media print {
  #POINTSERVICE {
    width: 700px;
  }
}
#POINTSERVICE h2.sp-title.menu {
  padding: 15px;
  background-color: #E5E5E5;
  position: relative;
}
#POINTSERVICE h2.sp-title.menu::after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background: url("/shared/img/bg/icon-open-close.png") 0 0 no-repeat;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#POINTSERVICE h2.sp-title.menu.open::after {
  background-position: 0 -16px;
}
@media only screen and (min-width: 640px) {
  #POINTSERVICE h2.sp-title {
    display: inline-block;
    font-size: 2.2rem;
    border-left: solid 6px #55936B;
    line-height: 1.3;
    margin-bottom: 20px;
    padding: 3px 0 0 10px;
    background-color: transparent;
  }
}
#POINTSERVICE h3.sp-title.menu {
  padding: 15px;
  background-color: #E5E5E5;
  position: relative;
}
#POINTSERVICE h3.sp-title.menu::after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background: url("/shared/img/bg/icon-open-close.png") 0 0 no-repeat;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#POINTSERVICE h3.sp-title.menu.open::after {
  background-position: 0 -16px;
}
@media only screen and (min-width: 640px) {
  #POINTSERVICE h3.sp-title {
    display: inline-block;
    font-size: 2rem;
    border-left: solid 3px #78B28C;
    line-height: 1.3;
    margin-bottom: 20px;
    padding: 2px 0 0 12px;
  }
}
#POINTSERVICE .only-a-part::after {
  display: inline-block;
  content: "一部のカードのみ";
  font-size: 14px;
  padding: 3px;
  background-color: #FFD6D9;
  color: #F00;
  margin-left: 0.5em;
}

#POINTSERVICE .header h1 {
  margin-bottom: 0;
}
#POINTSERVICE .navi {
  display: none;
}
@media only screen and (min-width: 640px) {
  #POINTSERVICE .navi {
    display: block;
  }
  #POINTSERVICE .navi ul li {
    width: 215px;
    float: left;
    margin-right: 27px;
  }
  #POINTSERVICE .navi ul li:last-child {
    margin-right: 0;
  }
  #POINTSERVICE .navi ul li a {
    display: block;
    text-align: center;
    border: 4px solid #D4CFBD;
    padding: 15px 10px;
    color: #92805C;
    text-decoration: none;
    position: relative;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
  }
  #POINTSERVICE .navi ul li a:hover {
    opacity: 0.6;
  }
  #POINTSERVICE .navi ul li a::before {
    content: "▼";
    margin-right: 1em;
  }
}
#POINTSERVICE .list {
  padding: 15px 0;
}
#POINTSERVICE .list .fig {
  margin: 15px auto;
  text-align: center;
}
#POINTSERVICE .list .fig .caption {
  background-color: #D4CFBD;
  padding: 5px 10px;
  font-weight: bold;
  text-align: left;
}
#POINTSERVICE .list .caution {
  font-size: 12px;
}
#POINTSERVICE .list .caution p {
  margin-bottom: 0;
}
#POINTSERVICE .list .addPoint li {
  margin-bottom: 1em;
}
@media only screen and (min-width: 640px) {
  #POINTSERVICE .list {
    padding: 0;
  }
}
#POINTSERVICE #point01 .list p strong {
  font-size: 18px;
  color: #D80B18;
}
#POINTSERVICE #point01 .list ul.ex li {
  margin-bottom: 20px;
}
#POINTSERVICE #point01 .list ul.ex li .block {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
#POINTSERVICE #point01 .list ul.ex li .icon {
  display: table-cell;
  vertical-align: top;
  width: 100px;
}
#POINTSERVICE #point01 .list ul.ex li .icon img {
  width: 100%;
  height: auto;
}
#POINTSERVICE #point01 .list ul.ex li .text {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}
#POINTSERVICE #point01 .list ul.ex li p {
  font-size: 12px;
}
#POINTSERVICE #point01 .list ul.ex li a,#btn-red {
  display: block;
  background-color: #D80B18;
  color: #FFF;
  text-decoration: none;
  font-size: 12px;
  padding: 5px 10px;
}
#POINTSERVICE #point01 .list ul.ex li a::before {
  content: "&gt;";
  margin-right: 0.5em;
}
#POINTSERVICE #point01 .list ul.accumulate li .title .inner {
  display: block;
  padding: 5px 10px;
  background-color: #C9AD72;
  color: #FFF;
  font-size: 14px;
  white-space: nowrap;
}
#POINTSERVICE #point01 .list ul.accumulate li .text {
  padding: 15px;
}
@media only screen and (min-width: 640px) {
  #POINTSERVICE #point01 .list p strong {
    font-size: 18px;
    color: #D80B18;
  }
  #POINTSERVICE #point01 .list ul.ex li {
    width: 150px;
    float: left;
    margin-bottom: auto;
    margin-right: 33px;
  }
  #POINTSERVICE #point01 .list ul.ex li:last-child {
    margin-right: 0;
  }
  #POINTSERVICE #point01 .list ul.ex li .block {
    display: block;
  }
  #POINTSERVICE #point01 .list ul.ex li .icon {
    display: block;
    margin-bottom: 10px;
  }
  #POINTSERVICE #point01 .list ul.ex li .icon img {
    width: auto;
    height: auto;
  }
  #POINTSERVICE #point01 .list ul.ex li .text {
    display: block;
  }
  #POINTSERVICE #point01 .list ul.accumulate {
    display: table;
    border-collapse: separate;
    border-spacing: 10px;
  }
  #POINTSERVICE #point01 .list ul.accumulate li {
    display: table-row;
  }
  #POINTSERVICE #point01 .list ul.accumulate li .title {
    display: table-cell;
  }
  #POINTSERVICE #point01 .list ul.accumulate li .title .inner {
    display: inline-block;
    width: calc(100% - 20px);
    padding: 5px 10px;
    background-color: #C9AD72;
    color: #FFF;
    font-size: 14px;
    white-space: nowrap;
  }
  #POINTSERVICE #point01 .list ul.accumulate li .text {
    display: table-cell;
    padding: 0;
  }
}
#POINTSERVICE #point03 .exchange {
  padding: 30px 0 0;
}
#POINTSERVICE #point03 .exchange h4 {
  font-size: 18px;
  margin-bottom: 0.5em;
}
#POINTSERVICE #point03 ol.circle {
  counter-reset: number;
  /*数字をリセット*/
  list-style-type: none !important;
  /*数字を一旦消す*/
}
#POINTSERVICE #point03 ol.circle li {
  position: relative;
  line-height: 1.5em;
  padding: 0.2em 0.2em 0.2em 30px;
  margin-bottom: 0.2em;
}
#POINTSERVICE #point03 ol.circle li::before {
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display: inline-block;
  background: #000;
  color: white;
  font-weight: bold;
  font-size: 12px;
  left: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  text-align: center;
}
#POINTSERVICE #point03 .entry {
  padding: 20px 15px;
  background-color: #FFEAEA;
}
#POINTSERVICE #point03 .entry h4.free {
  position: relative;
  margin-bottom: 0.5em;
}
#POINTSERVICE #point03 .entry h4.free::before {
  display: inline-block;
  content: '登録無料';
  padding: 5px;
  background-color: #D80B18;
  color: #FFF;
  margin-right: 0.5em;
}
@media only screen and (min-width: 640px) {
  #POINTSERVICE #point03 .entry {
    padding: 20px 0;
    background-color: transparent;
  }
}

.sub-menu {
  display: block;
  padding: 10px 40px 10px 10px;
  position: relative;
}
.sub-menu::after {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background: url("/shared/img/bg/icon-open-close.png") 0 0 no-repeat;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
.sub-menu.open::after {
  background-position: 0 -16px;
}
.sub-menu.aplus {
  border: 2px solid #2497FF;
  background-color: #E3F8FF;
}
.sub-menu.gold {
  border: 2px solid #92805C;
  background-color: #FFFFED;
}

.sub-list {
  padding: 15px;
}
.sub-list ul.disc {
  margin-left: 1.5em;
}
.sub-list ul.disc li {
  list-style-type: disc;
}
.sub-list.aplus {
  border-left: 2px solid #2497FF;
  border-right: 2px solid #2497FF;
  border-bottom: 2px solid #2497FF;
  background-color: #E3F8FF;
}
.sub-list.aplus p strong {
  color: #2497FF !important;
}
.sub-list.gold {
  border-left: 2px solid #92805C;
  border-right: 2px solid #92805C;
  border-bottom: 2px solid #92805C;
  background-color: #FFFFED;
}
.sub-list.gold p strong {
  color: #92805C !important;
}

hr.solid {
  padding: 0 0 15px;
  height: 2px;
  border-top: 0 !important;
  border-top: 1px solid #b2b3b3 !important;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}
.point-service-fig02 a{
width:25%;
margin-right:10%;
display:inline-block;
}
.point-service-fig02 a:last-child{
margin-right:0;
}

</pre></body></html>