@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 768px) {
  .spOnly {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pcOnly {
    display: none
  }
}
 
.pcOnly{
    display: block;
}
 
.spOnly{
    display: none;
}
 
 
@media only screen and (max-width: 767px) {
  .pcOnly {
    display: none !important;
  }
  .spOnly{
  display: block !important;
  }
}
 
 

.m-carousel-thumb {
  width: 300px;
}

.m-carousel-thumb__main {
  width: 300px;
  height: auto;
  overflow: hidden;
  border: 0;
  background: transparent;
}

.m-carousel-thumb__main__item {
  height: auto;
}

.m-carousel-thumb__dots {
  margin: 15px 0 0 -8px;
  overflow: hidden;
}

.m-carousel-thumb__dots li {
  width: 69px;
  height: 46px;
  margin: 0 0 10px 8px;
  background-size: cover;
  float: left;
  border: 1px solid #ccc;
}

.m-carousel-thumb__dots li button {
  opacity: 0;
}

.m-carousel-thumb__dots li.slick-active {
  border: 1px solid #000;
}

@media screen and (max-width: 767px) {
  .m-carousel-thumb {
    width: 100%;
    display: table;
    margin: 0 auto;
  }
  .m-carousel-thumb__main {
    margin: 0 auto;
    overflow: hidden;
    background: #eee;
  }
  .m-carousel-thumb__main__item img {
    width: 100%;
  }
  .m-carousel-thumb__dots {
    margin: 15px auto 0;
    overflow: hidden;
    display: table;
  }
  .m-carousel-thumb__dots li {
    width: 69px;
    height: 46px;
    margin: 0 0 10px 8px;
    background-size: cover;
    float: left;
  }
  .m-carousel-thumb__dots li button {
    opacity: 0;
  }
}
.coupon__label {
  width: 140px;
  height: 30px;
  font-size: 1.5rem;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 30px;
  position: inherit;
  top: 0;
  left: 0;
  background: #a1a1a1;
}

@media screen and (min-width: 768px) {

.sec03 .block02 .box01 .list {
	padding: 19px;
	border: 1px solid #D1D1D1;
}
.sec03 .block02 .box01 .list li {
	font-size: 90%;
	line-height: 1.2;
	text-indent: -1em;
	margin-left: 1em;
}
.sec03 .block02 .box01 .list li + li {
	margin-top: 5px;
}
.sec03 .block02 .box02 .boxInner {
	padding: 0 calc(10 / 740 * 100%);
}
.sec03 .block02 .box02 dl {
	width: calc(340 / 720 * 100%);
	max-height: 90px;
}
.sec03 .block02 .box02 dl dt {
	width: calc(230 / 340 * 100%);
	padding-top: 12px;
	float: left;
}
.sec03 .block02 .box02 dl dd {
	width: calc(90 / 340 * 100%);
	float: right;
}
.sec03 .block02 .box02 .btnPartApp {
	float: left;
}
.sec03 .block02 .box02 .btnPartGp {
	float: right;
 }
}

@media screen and (max-width: 767px) {

.sec03 .block02 .box01 .list {
	padding: 10px 2%;
	border: 1px solid #D1D1D1;
}
.sec03 .block02 .box01 .list li {
	font-size: 90%;
	line-height: 1.2;
	text-indent: -1em;
	margin-left: 1em;
}
.sec03 .block02 .box01 .list li + li {
	margin-top: 5px;
}
.sec03 .block02 .box02 {
	margin-top: 20px;
}
.sec03 .block02 .box02 .boxInner {
	padding: 0 4%;
}
.sec03 .block02 .box02 dl + dl {
	margin-top: 20px;
 }
}