@charset "utf-8";

@media print,
screen and (min-width: 768px) {
  .dirpath {
    margin-bottom: unset;
  }
}

h1 {
  max-width: 1104px;
  width: 100%;
  margin: 0 auto;
}

.content01 {
  background: #EDEDED;
}

main .mainInner {
  padding-bottom: 0;
}

a {
  color: rgb(0, 0, 0);
}

.contentBox {
  padding: 40px 30px 80px;
  background-image: url(/system/files/club/point/img/silver_bg.png);
}

.contentBox>p:nth-child(2) {
  margin-top: 20px;
}

h2 {
  margin-top: 100px;
}

.flexbox {
  display: flex;
}

.containerBox {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
  padding: 30px 24px;
  border: 5px solid #000000;
  background-color: #F8F0E0;
}

.contentBoxList {
  margin-top: 40px;
}

.contentBoxItem {
  position: relative;
  padding: 130px 30px 40px;
  background-color: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.contentBoxItem h3 {
  position: absolute;
  top: 0;
  left: 0;
}

.contentBoxItem:not(:first-child) {
  margin-top: 40PX;
}

.contentBoxItem01 {
  border: 3px solid #AD6D3D;
}

.contentBoxItem02 {
  border: 3px solid #60646F;
}

.contentBoxItem03 {
  border: 3px solid #4E4E18;
}

.contentBoxItem04 {
  border: 3px solid #272523;
}

.contentBoxItem05 {
  border: 3px solid #4f5258;
}

.contentBoxItem b {
  color: #E61B4A;
}

.bannerBox {
  margin-top: 20px;
}

.bannerBox>p {
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
}

.bannerBox.flexbox {
  max-width: 890px;
  justify-content: space-between;
  margin: 20px auto 0;
}

.bannerBox.flexbox p {
  font-weight: bold;
  color: #AD6D3D;
  text-align: center;
  margin-top: 10px;
}

.bannerBox img {
  margin: 0 auto;
}

.bannerBox.flexbox .icnBox {
  margin-top: 71px;
}

.underline {
  text-decoration: underline;
}

.annotationList {
  margin-top: 20px;
}

.annotation {
  position: relative;
  padding-left: 18px;
  font-weight: normal;
  font-size: 13px;
}

.annotation:not(:first-child) {
  margin-top: 10px;
}

.annotation::before {
  display: block;
  position: absolute;
  left: 0;
  content: "※";
}

.annotationList_counting {
  counter-reset: item;
}

.annotationList_counting .annotation {
  padding-left: 30px;
}

.annotationList_counting .annotation::before {
  content: "※ "counter(item) "";
  counter-increment: item;
}

@media print,
screen and (max-width: 767px) {
  h2 {
    margin-top: 50px;
  }

  .flexbox {
    display: block;
  }

  .mainInner {
    padding: unset;
  }

  .contentBox {
    padding: 40px 14px 55px;
    background-image: url(/system/files/club/point/img/silver_bg_sp.png);
    background-size: contain;
  }

  .contentBoxItem {
    padding: 80px 20px 30px;
    background-color: #fff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  }

  .contentBoxItem h3 {
    width: 100px;
  }

  .contentBoxItem03 .bannerBox {
    padding: 0 38px;
  }

  .bannerBox.flexbox {
    width: 90%;
  }

  .bannerBox.flexbox .icnBox {
    margin: 15px auto;
    width: 25px;
  }
}

*{
	word-break: normal;
}

/*contentBoxItem05*/

.contentBoxItem05{
  padding: 105px 27px 55px;
}

.contentBoxItem05 h3{
  width: 100%;
  color: #ffffff;
  background-color: #6b6f78;
  height: 67px;
  line-height: 67px;
  font-size: 187.5%;
  text-align: center;
}

.Item05_bannerBox{
  margin-top: 50px;
  margin-bottom: 50px;
}

.Item05_bannerBox+p{
  color: #01a400;
  font-size: 162.5%;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-align: center;
}

.Item05_bannerBox+p+p{
  margin-top: 30px !important;
}

.c-btnBG-toto.bgGreen a {
  background: #00a000;
  border: 1px solid #00a000;
  color: #ffffff;
}

.c-btnBG-toto.bgGreen a:hover {
  background: #fff !important;
  color: #212121 !important;
}

.c-btnBG-toto.bgGreen a:after {
  background: url(/system/files/common/img/ico_arrowRight05.png) 0 0 no-repeat !important;
  background-size: contain !important;
}

.c-btnBG-toto.bgGreen a:hover:after {
  background: url(/system/files/common/img/ico_arrowRight02.png) 0 0 no-repeat !important;
  background-size: contain !important;
}

.c-btnLink-moderate{
  margin-top: 50px;
}

.annotation.txt-indent::before {
  display: block;
  position: absolute;
  left: 0;
  content: "＊";
}

@media print,
screen and (max-width: 767px) {
  .contentBoxItem05{
    padding: 65px 20px 35px;
  }
  .contentBoxItem05 img{
    width: 100%;
  }
  .contentBoxItem05 h3{
    height: 40px;
    line-height: 40px;
    font-size: 114.29%;
  }
  .c-btnLink-moderate{
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .c-btnLink-moderate+p{
    font-size: 92.86%;
  }
  .c-btnLink-moderate a {
      width: 100%;
      padding: 17px 28px 17px 13px;
      font-size: 1.5rem;
      line-height: 1;
  }
  .Item05_bannerBox{
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .Item05_bannerBox+p{
    font-size: 100%;
  }
  .Item05_bannerBox+p+p{
    font-size: 92.86%;
    margin-top: 10px;
    word-wrap: break-word;
    word-break: keep-all;
  }
}