.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
@media screen and (max-width: 767px){
	.pc-only{
	display: none;
}
.sp-only{
	display: block
}
}
.wrapper {
  line-height: 1.5;
}
.wrapper .inner {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .wrapper .inner {
    width: calc(700 / 750 * 100%);
  }
}
.wrapper .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .wrapper .sp {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .pc {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .wrapper img {
    width: 100%;
  }
}
.wrapper .box {
  background-color: #fff;
  width: 100%;
}
.wrapper .red {
  color: #cc1033;
}
.wrapper .header-top {
  position: relative;
}
.wrapper .header-top .header-ballon {
  position: absolute;
}
.wrapper .header-top .header-ballon-L {
  left: 50%;
  top: 20px;
  transform: translateX(-520px);
}

.wrapper .header-top .header-ballon-R {
  left: 50%;
  top: 30px;
  transform: translateX(396px);
}
.wrapper .header-top .header-ballon.sp-only{
	display: none;
}
.wrapper .header-top .header-ballon.pc-only{
	display: block;
}
@media screen and (max-width: 767px) {
  .wrapper .header-top .header-ballon-L {
    left: 8px;
    top: 5px;
    transform: translateX(0);
    width: 49px;
  }
	.wrapper .header-top .header-ballon-R {
    right: 8px;
		left: auto;
    top: 5px;
    transform: translateX(0);
    width: 44px;
  }
	.wrapper .header-top .header-ballon.sp-only{
		display: block;
	}
	.wrapper .header-top .header-ballon.pc-only{
		display: none;
	}
  
}
.wrapper .header .header-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #cf0f33;
  padding: 27px 0 18px;
  color: #fff;
  text-align: center;
  z-index: 9998;
}
.wrapper .header .header-top .week {
  font-size: 20px;
  width: 280px;
  margin: 0 auto;
  border: 2px solid #fff;
  border-radius: 18px;
}
@media screen and (max-width: 767px) {
	
	.wrapper .header .header-top {
  width: 100vw;
}
  .wrapper .header .header-top .week {
    font-size: 14px;
	  width: 176px;
        height: 27px;
        line-height: 27px;
  }
}
.wrapper .header .header-top .date {
  font-size: 57px;
  font-weight: bold;
}
.wrapper .header .header-top .date span.date-dot {
  margin: 0 -18px;
}
.wrapper .header .header-top .date span.date-small {
  font-size: 42px;
}
.wrapper .header .header-top .text {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .wrapper .header .header-top .date {
    font-size: 25px;
  }
	.wrapper .header .header-top .date span.date-dot {
  margin: 0 -5px;
}
  .wrapper .header .header-top .date span {
    font-size: 21px;
  }
	.wrapper .header .header-top .date span.date-small {
      font-size: 19px;
    line-height: 4px;
    display: block;
}
	.wrapper .header .header-top .text {
  font-size:14.5px;
		padding-top: 14px;
		padding-bottom: 5px;
}
}


.wrapper .header .header-top .span {
  width: 100%;
  height: 60px;
  padding: 5px;
  margin-top: 25px;
  border-radius: 9px;
  background: #fff;
  color: #000;
}
.wrapper .header .header-top .span p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border: 1px solid #000;
  font-size: 26px;
  border-radius: 9px;
}
@media screen and (max-width: 1000px) {
  .wrapper .header .header-top .span p {
    font-size: 20px;
  }
}
@media screen and (max-width: 840px) {
  .wrapper .header .header-top .span p {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .header .header-top .span {
    width: 100%;
        height: 25px;
        padding: 2px;
        border-radius: 4.5px;
        margin: 0 auto;
  }
  .wrapper .header .header-top .span p {
    font-size: 15px;
    border-radius: 4.5px;
  }
}
@media screen and (max-width: 485px) {
  .wrapper .header .header-top .span-text {
    display: grid;
    padding: 5px 0;
  }

  .wrapper .header .header-top .span-text span {
    line-height: initial;
    margin-left: -9px;
  }
}




.wrapper .header .g-nav {
  margin-top: 276px;
  background-color: #84041c;
}
.wrapper .header .g-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 65px;
  padding: 12px 0;
}
.wrapper .header .g-nav ul li {
  width: calc(996px / 5);
  height: 100%;
}
.wrapper .header .g-nav ul li + li {
  border-left: 1px solid #fff;
}
.wrapper .header .g-nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-size: 18px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .wrapper main {
    margin-top: 177px;
  }
}
.wrapper .sec-kv .kv {
  position: relative;
  background-color: #ffef39;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.wrapper .sec-kv .kv .btn-wrap {
  position: absolute;
  right: 0;
  bottom: 57px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-kv .kv {
    padding-bottom: 50px;
  }
  .wrapper .sec-kv .kv .btn-wrap {
    width: calc(620 / 750 * 100%);
    margin: 0 auto;
    bottom: 22px;
  }
}
.wrapper .sec-kv .cp-span {
  position: relative;
  background-color: #ff950b;
  height: 160px;
  padding: 56px 0 0;
}
.wrapper .sec-kv .cp-span::before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 33px solid #ffef39;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}
.wrapper .sec-kv .cp-span p {
  text-align: center;
  font-size: 22px;
  color: #fff;
}
.wrapper .sec-kv .cp-span p + p {
  margin-top: 5px;
  font-size: 31px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-kv .cp-span {
    height: initial;
    padding: 28px 0 21px;
  }
  .wrapper .sec-kv .cp-span::before {
    border-top: 15px solid #ffef39;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
  }
  .wrapper .sec-kv .cp-span p {
    font-size: 11px;
  }
  .wrapper .sec-kv .cp-span p + p {
    font-size: 15.5px;
  }
}
.wrapper .sec-freebie {
  background: url("../img/pc/bg_freebie.png") no-repeat;
  height: 1075px;
  background-size: cover;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie {
    background-image: none;
    background-color: #cc1033;
  }
}
.wrapper .sec-freebie .inner {
  padding-top: 95px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .inner {
    padding-top: 37px;
  }
}
.wrapper .sec-freebie .freebie-box {
  width: 1000px;
  top: 95px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box {
    width: 100%;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner {
  position: relative;
  padding: 60px 65px 45px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner {
    padding: 33px 15px 23px;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner h2 {
  position: absolute;
  top: -45px;
  right: 0;
  left: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner h2 {
    top: -20px;
  }
  .wrapper .sec-freebie .freebie-box .box-inner h2 img {
    width: calc(535 / 700 * 100%);
  }
}
.wrapper .sec-freebie .freebie-box .box-inner .text {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
}
.wrapper .sec-freebie .freebie-box .box-inner .text .red {
  font-size: 55px;
  font-weight: bold;
  color: #cc1033;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner .text {
    font-size: 16px;
  }
  .wrapper .sec-freebie .freebie-box .box-inner .text span.sp {
    display: inline !important;
  }
  .wrapper .sec-freebie .freebie-box .box-inner .text .red {
    font-size: 27px;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block-01 {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block-01 {
    margin-bottom: 20px;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block-inner {
  padding: 20px 24px 24px;
  border: 3px solid #000;
  border-top: 0;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block-inner {
    padding: 15px 14px;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  background-color: #000;
  font-size: 25px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block h3 {
    font-size: 14px;
    height: 28px;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list {
    display: block;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item {
  position: relative;
  width: 260px;
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item:nth-child(n + 2):nth-child(3n - 1) {
  margin-left: 18px;
  margin-right: 18px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item:nth-child(n + 2):nth-child(3n - 1) {
    margin-right: 0;
    margin-left: 0;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item:nth-child(n + 4) {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item {
    width: 100%;
  }
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item:nth-child(n + 2) {
    margin-top: 18px;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .circle {
  position: absolute;
  top: -13px;
  left: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 73px;
  height: 73px;
  color: #fff;
  font-size: 21px;
  border-radius: 50px;
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .circle.red {
  background-color: #cc1033;
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .circle.orange {
  background-color: #fd9b00;
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .circle.green {
  background-color: #009844;
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .circle .num {
  font-weight: bold;
  font-size: 36px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .circle {
    width: 55px;
    height: 55px;
    font-size: 14px;
    top: -11px;
    left: -5px;
  }
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .circle .num {
    font-size: 27px;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .item-name {
  padding: 13px 0 11px;
  text-align: center;
  font-size: 25px;
  color: #fff;
  line-height: 1;
  border-radius: 0 0 10px 10px;
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .item-name span {
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .item-name {
    padding: 7px 0 6px;
    font-size: 14px;
    border-radius: 0 0 5px 5px;
  }
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item .item-name span {
    font-size: 14px;
  }
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item-red .item-name {
  background-color: #cc1033;
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item-orange .item-name {
  background-color: #fd9b00;
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item-green .item-name {
  background-color: #009844;
}
/*.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .text-wrap {
  margin-top: 19px;
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .text-wrap p {
  text-align: center;
  font-size: 18px;
}
.wrapper .sec-freebie .freebie-box .box-inner .freebie-block .text-wrap p + p {
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .text-wrap p {
    font-size: 14px;
  }
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .text-wrap p + p {
    font-size: 14px;
  }
}*/
.wrapper .point-flex {
  display: flex;
  justify-content: center;
  align-items: flex-end
}
.wrapper .point-img img {
  margin-right: 15px;
  transform: translateY(-10px)
}
@media screen and (max-width: 1000px){
	.wrapper .point-img img {
  width: 200px;
}
}
.wrapper .point-txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.wrapper .point-txt-lavel {
  margin-bottom: 5px;
  display: flex;
  align-items: center
}
.wrapper .point-txt-lavel .point-txt-head {
  background: #cc1033;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  z-index: 10
}
.wrapper .point-txt-lavel-2 .point-txt-head {
  background: #fd9b00;
}
.wrapper .point-txt-lavel-3 .point-txt-head {
  background: #009844;
}
.wrapper .point-txt-lavel .point-txt-head p {
  color: #FFFFFF;
  font-size: 22px;
  text-align: center;
  font-weight: bold
}
.wrapper .point-txt-lavel .point-txt-head p span {
  font-size: 46px;
  transform: translateY(-10px)
}
.wrapper .point-txt-lavel .point-txt-body {
  font-size: 24px;
  line-height: 60px;
  background: #f7dbe1;
  border-radius: 50px;
  height: 60px;
  width: 555px;
  margin-left: -50px;
  font-weight: bold
}
@media screen and (max-width: 1000px){
	.wrapper .point-txt-lavel .point-txt-body {
    font-size: 21px;
    width: 365px;
}
}


.wrapper .point-txt-lavel-2 .point-txt-body {
  background: #fff0d9;
}
.wrapper .point-txt-lavel-3 .point-txt-body {
  background: #d9f0e3;
}
.wrapper .point-txt-lavel .point-txt-body span {
  padding-left: 64px;
}
.wrapper .point-bottom {
  font-size: 20px;
  font-weight: bold;
  padding-top: 20px;
}

@media screen and (max-width: 767px){
	.wrapper .point-txt{
		    margin: 0 auto;
    transform: translateX(5%);
	}
	.wrapper .point-txt-lavel .point-txt-body {
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    width: 275px;
    margin-left: -50px;
}
	.wrapper .point-txt-lavel .point-txt-head{
		width: 40px;
		height: 40px;
		transform: translateX(-30px);
	}
	.wrapper .point-txt-lavel .point-txt-body span{
		padding-left: 30px;
	}
	.wrapper .point-txt-lavel .point-txt-head p{
		font-size: 15px
	}
	.wrapper .point-txt-lavel .point-txt-head p span{
		font-size: 24px
	}
	.wrapper .point-flex {
    flex-direction: column-reverse;
}
	.point-bottom{
		display: flex;
		align-items: center;
		justify-content: center
	}
	.point-bottom img{
		width: 96px;
		
		margin-right: 10px;
	}
	.point-bottom span{
		font-size: 10px;
		text-align: center
	}
}

.wrapper .sec-howto {
  position: relative;
  background-color: #fdd500;
}
.wrapper .sec-howto::before {
  content: url("../img/pc/bg_repeat_yellow.png");
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto {
    padding-top: 164px;
  }
  .wrapper .sec-howto::before {
    content: '';
  }
}
.wrapper .sec-howto .inner {
  /*height: 2556px;*/
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner {
    width: 100%;
    height: auto;
  }
}
.wrapper .sec-howto .inner .flow-wrap {
  width: 1000px;
  margin: 0 auto;
  position: absolute;
  background-color: #fff1a4;
  top: 223px;
  right: 0;
  left: 0;
  padding: 88px 0 36px;
}
.wrapper .sec-howto .inner .flow-wrap::before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 21px;
  height: 1945px;
  background-color: #fdd500;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .flow-wrap {
    width: 100%;
    padding: 45px 0 20px;
    position: static;
  }
  .wrapper .sec-howto .inner .flow-wrap::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .flow-wrap-hagaki h2 {
    top: 1930px;
  }
  .wrapper .sec-howto .inner .flow-wrap-hagaki .howto-row .howto-step .detail {
    padding-top: 10px;
  }
  .wrapper .sec-howto .inner .flow-wrap-hagaki .howto-row .howto-step.step02 .detail {
    height: 255px;
  }
  .wrapper .sec-howto .inner .flow-wrap-hagaki .howto-row .howto-step.step02 .detail img {
    width: calc(238 / 700 * 100%);
  }
  .wrapper .sec-howto .inner .flow-wrap-hagaki .howto-row .howto-step.step03 .detail {
    height: 250px;
  }
  .wrapper .sec-howto .inner .flow-wrap-hagaki .howto-row .howto-step.step03 .detail img {
    width: calc(250 / 700 * 100%);
  }
}
.wrapper .sec-howto .inner h2 {
  position: absolute;
  top: -50px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner h2 {
    width: calc(535 / 750 * 100%);
    margin: 0 auto;
    top: -40px;
    right: 0;
    left: 0;
  }
}
.wrapper .sec-howto .inner h2.hd01 {
  left: 28px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner h2.hd01 {
    top: 125px;
    left: 0;
  }
}
.wrapper .sec-howto .inner h2.hd02 {
  right: 28px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner h2.hd02 {
    right: 0;
  }
}
.wrapper .sec-howto .inner .howto-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 949px;
  margin: 0 auto;
}
.wrapper .sec-howto .inner .howto-row + .howto-row {
  position: relative;
  margin-top: 60px;
}
.wrapper .sec-howto .inner .howto-row + .howto-row:not(.annotation)::before {
  content: '';
  position: absolute;
  top: -45px;
  left: 19.5%;
  display: inline-block;
  border-top: 36px solid #ec8408;
  border-right: 35px solid transparent;
  border-left: 35px solid transparent;
}
.wrapper .sec-howto .inner .howto-row + .howto-row:not(.annotation)::after {
  content: '';
  position: absolute;
  top: -45px;
  right: 19.5%;
  display: inline-block;
  border-top: 36px solid #ec8408;
  border-right: 35px solid transparent;
  border-left: 35px solid transparent;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .howto-row + .howto-row:not(.annotation)::before {
    content: '';
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    border-top: 28.5px solid #ec8408;
    border-right: 23px solid transparent;
    border-left: 23px solid transparent;
  }
  .wrapper .sec-howto .inner .howto-row + .howto-row:not(.annotation)::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .howto-row {
    width: calc(690 / 750 * 100%);
  }
  .wrapper .sec-howto .inner .howto-row + .howto-row {
    margin-top: 36px;
  }
}
.wrapper .sec-howto .inner .howto-row .howto-step {
  text-align: center;
  width: 440px;
  z-index: 1;
}
.wrapper .sec-howto .inner .howto-row .howto-step-long {
  width: 100%;
  margin: 0 auto;
}
.wrapper .sec-howto .inner .howto-row .howto-step .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 34px;
  background-color: #cc1033;
  color: #fff;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
}
.wrapper .sec-howto .inner .howto-row .howto-step .detail {
  background-color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 24px 0 0;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .howto-row .howto-step .detail {
    font-size: 14px;
  }
}
.wrapper .sec-howto .inner .howto-row .howto-step .detail .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 95%;
  margin: 0 auto;
}
.wrapper .sec-howto .inner .howto-row .howto-step .detail .flex .detail-text div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: left;
  font-size: 18px;
}
.wrapper .sec-howto .inner .howto-row .howto-step .detail .flex .detail-text div.require dd {
  width: 40%;
}
.wrapper .sec-howto .inner .howto-row .howto-step .detail .flex .detail-text div dt {
  width: 100%;
}
.wrapper .sec-howto .inner .howto-row .howto-step .detail .flex .detail-text div dd {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .howto-row .howto-step .detail .flex img {
    margin-right: 10px;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step .detail .flex .detail-text div {
    font-size: 12.5px;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step .detail .flex .detail-text div.require dd {
    width: 40%;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step .detail .flex .detail-text div dt {
    width: 100%;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step .detail .flex .detail-text div dd {
    width: 100%;
  }
}
.wrapper .sec-howto .inner .howto-row .howto-step .detail .mg {
  margin-top: 10px;
}
.wrapper .sec-howto .inner .howto-row .howto-step .detail .black {
  color: #000;
}
.wrapper .sec-howto .inner .howto-row .howto-step .detail.acsb {
  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;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrapper .sec-howto .inner .howto-row .howto-step.step01 .detail {
  padding-top: 24px;
  height: 304px;
  background-color: #fff;
  background-image: url("../img/pc/img_step01.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .howto-row .howto-step.step01 .detail {
    background-image: url("../img/sp/img_step01.png");
    background-size: contain;
    height: 226px;
  }
}
.wrapper .sec-howto .inner .howto-row .howto-step.step02 .detail {
  height: 395px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .howto-row .howto-step.step02 .detail {
    height: 255px;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step.step02 .detail .step-img {
    width: calc(495 / 700 * 100%);
  }
}
.wrapper .sec-howto .inner .howto-row .howto-step.step03 .detail {
  height: 347px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .howto-row .howto-step.step03 .detail {
    height: 250px;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step.step03 .detail .step-img {
    width: calc(375 / 700 * 100%);
  }
}
.wrapper .sec-howto .inner .howto-row .howto-step.step04 .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 140px;
  padding-top: 0;
}
.wrapper .sec-howto .inner .howto-row .howto-step.step04 .detail .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 100px;
}
.wrapper .sec-howto .inner .howto-row .howto-step.step04 .detail .row p {
  margin-right: 50px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .howto-row .howto-step.step04 .detail {
    height: 100px;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step.step04 .detail .row {
    margin-left: 50px;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step.step04 .detail .row p {
    margin-right: 10px;
    text-align: left;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step.step04 .detail .row img {
    width: 82px;
  }
}
.wrapper .sec-howto .inner .howto-row.annotation {
  margin-top: 27px;
}
.wrapper .sec-howto .inner .howto-row.annotation .howto-step {
  text-align: left;
}
.wrapper .sec-howto .inner .howto-row.annotation .howto-step .ttl-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 64px;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 31px;
}
.wrapper .sec-howto .inner .howto-row.annotation .howto-step .ttl-round .icon-danger {
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .howto-row.annotation .howto-step .ttl-round {
    height: 32px;
  }
  .wrapper .sec-howto .inner .howto-row.annotation .howto-step .ttl-round .icon-danger {
    width: 18px;
  }
}
.wrapper .sec-howto .inner .howto-row.annotation .howto-step ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.wrapper .sec-howto .inner .howto-row.annotation .howto-step dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}
.wrapper .sec-howto .inner .howto-row.annotation .howto-step dl dt {
  font-weight: normal;
}
.wrapper .sec-howto .inner .howto-row.annotation .howto-step dl .ios {
  margin-right: 50px;
}
.wrapper .sec-howto .inner .btn-wrap {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 210px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .inner .btn-wrap {
    width: calc(620 / 750 * 100%);
    margin: 22px auto;
    position: static;
  }
}
.wrapper .sec-howto .cp-span {
  position: absolute;
  background-color: #ff950b;
  height: 160px;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 56px 0 0;
}
.wrapper .sec-howto .cp-span::before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 33px solid #fdd500;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .cp-span {
    position: relative;
    padding: 28px 0 22px;
    margin-bottom: 45px;
    height: initial;
  }
  .wrapper .sec-howto .cp-span::before {
    border-top: 16px solid #fdd500;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
  }
}
.wrapper .sec-howto .cp-span p {
  text-align: center;
  font-size: 22px;
  color: #fff;
}
.wrapper .sec-howto .cp-span p + p {
  margin-top: 5px;
  font-size: 31px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-howto .cp-span p {
    font-size: 11px;
  }
  .wrapper .sec-howto .cp-span p + p {
    font-size: 15.5px;
  }
}
.wrapper .sec-require {
  background-image: url("../img/pc/bg_repeat_require01.png"), url("../img/pc/bg_repeat_require02.png");
  background-color: #fdd500;
  background-repeat: no-repeat;
  background-position: top right, bottom left;
  height: 1910px;
  position: relative;
  padding: 110px 0 0;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-require {
    background-image: none;
    height: 870px;
	  padding: 10px 0;
  }
}
.wrapper .sec-require .require-box {
  width: 1000px;
  z-index: 1;
	position: relative
}
@media screen and (max-width: 767px) {
  .wrapper .sec-require .require-box {
    position: relative;
    width: 100%;
  }
}
.wrapper .sec-require .require-box .box-inner {
  position: relative;
  padding: 60px 42px 30px;
  height: 680px;
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-require .require-box .box-inner {
    padding: 30px 10px 13px;
	  height: 360px;
  }
}
.wrapper .sec-require .require-box .box-inner h2 {
  position: absolute;
  top: -45px;
  right: 0;
  left: 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-require .require-box .box-inner h2 {
    width: calc(535 / 700 * 100%);
    margin: 0 auto;
    top: -25px;
  }
}
.wrapper .sec-require .require-box .box-inner dl dt {
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-require .require-box .box-inner dl dt {
    font-size: 12.5px;
  }
}
.wrapper .sec-require .require-box .box-inner dl dd {
  font-size: 18px;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-require .require-box .box-inner dl dd {
    font-size: 11.5px;
  }
}
.wrapper .sec-require .require-box .box-inner dl dd.indent {
  padding-left: 1em;
  text-indent: -1em;
}
.wrapper .sec-require .require-box .box-inner dl dd.pl {
  padding-left: 1em;
}
.wrapper .sec-require .require-box .box-inner dl + dl {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-require .require-box .box-inner dl + dl {
    font-size: 12.5px;
    margin-top: 10px;
    padding-top: 10px;
  }
}
.wrapper .sec-shoplist {
  background-color: #cc1033;
  padding: 118px 0 214px;
  background-image: url("../img/pc/bg_repeat_shoplist.png");
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-shoplist {
    background-image: none;
    padding: 50px 0;
  }
}
.wrapper .sec-shoplist .inner {
  position: relative;
}
.wrapper .sec-shoplist .shoplist-box {
  width: 1000px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-shoplist .shoplist-box {
    width: 100%;
  }
}
.wrapper .sec-shoplist .shoplist-box .box-inner {
  position: relative;
  padding: 100px 42px 70px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-shoplist .shoplist-box .box-inner {
    padding: 38px 10px 15px;
  }
}
.wrapper .sec-shoplist .shoplist-box .box-inner .top {
  position: absolute;
  top: -45px;
  right: 0;
  left: 0;
  text-align: center;
}
.wrapper .sec-shoplist .shoplist-box .box-inner h2 {
  text-align: center;
}
.wrapper .sec-shoplist .shoplist-box .box-inner .store {
  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;
}
.wrapper .sec-shoplist .shoplist-box .box-inner .store li {
  margin: 0 10px 30px;
}
.wrapper .sec-shoplist .shoplist-box .box-inner .store li:nth-last-child(1) {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-shoplist .shoplist-box .box-inner .store li {
    width: 29%;
    margin: 0 6px 30px;
  }
  .wrapper .sec-shoplist .shoplist-box .box-inner .store li:nth-last-child(1) {
    margin-bottom: 40px;
  }
}
.wrapper .sec-shoplist .shoplist-box .box-inner .shop {
  width: 616px;
  margin: 0 auto;
  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;
}
.wrapper .sec-shoplist .shoplist-box .box-inner .shop li {
  width: 110px;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-shoplist .shoplist-box .box-inner .shop {
    width: 95%;
    margin: 8.5px auto 0;
  }
  .wrapper .sec-shoplist .shoplist-box .box-inner .shop li {
    width: 47px;
  }
}
.wrapper .sec-shoplist .btn-wrap {
  text-align: center;
  margin: 42px 0 0;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-shoplist .btn-wrap {
    width: calc(620 / 750 * 100%);
    margin: 31.5px auto 20px;
  }
}
.wrapper .sec-shoplist .cp-span {
  position: relative;
  background-color: #ff950b;
  width: 100%;
  text-align: center;
  height: 160px;
  margin-top: 42px;
  padding: 56px 0 0;
}
.wrapper .sec-shoplist .cp-span::before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 33px solid #cc1033;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-shoplist .cp-span::before {
    border-top: 15px solid #cc1033;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
  }
}
.wrapper .sec-shoplist .cp-span p {
  text-align: center;
  font-size: 22px;
  color: #fff;
}
.wrapper .sec-shoplist .cp-span p + p {
  margin-top: 5px;
  font-size: 31px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .wrapper .sec-shoplist .cp-span {
    padding: 28px 0 21.5px;
    height: initial;
  }
  .wrapper .sec-shoplist .cp-span p {
    font-size: 11px;
  }
  .wrapper .sec-shoplist .cp-span p + p {
    font-size: 15.5px;
  }
}
.wrapper .footer {
  position: relative;
  height: 500px;
  padding-top: 100px;
  text-align: center;
  background: url("../img/pc/footer_repeat.png") no-repeat bottom;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .wrapper .footer {
    height: initial;
    padding: 37px 0 10px;
  }
}
.wrapper .footer h2 {
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .wrapper .footer h2 {
    width: calc(635 / 750 * 100%);
    margin: 0 auto;
    top: -25px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper .footer .footer-logo {
    width: calc(173 / 750 * 100%);
  }
}
.wrapper .footer p {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .wrapper .footer p {
    font-size: 10px;
  }
}
.wrapper .footer .ttl {
  font-size: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .wrapper .footer .ttl {
    font-size: 14px;
  }
}
.wrapper .footer .tel {
  font-size: 26px;
  line-height: 1;
}
.wrapper .footer .tel span {
  font-size: 42px;
  font-weight: bold;
  color: #cc1033;
}
@media screen and (max-width: 767px) {
  .wrapper .footer .tel {
    font-size: 13px;
  }
  .wrapper .footer .tel span {
    font-size: 26px;
  }
}
.wrapper .footer .time {
  margin-top: 10px;
}
.wrapper .footer .sns-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 136px;
  margin: 28px auto 40px;
}
@media screen and (max-width: 767px) {
  .wrapper .footer .sns-wrap {
    width: calc(217 / 750 * 100%);
  }
  .wrapper .footer .sns-wrap a {
    width: calc(60 / 217 * 100%);
  }
}
.wrapper .footer .copy {
  font-size: 17px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .wrapper .footer .copy {
    font-size: 10px;
  }
}
.wrapper.grayout .header .header-top {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
.wrapper.grayout main {
  margin-top: 218px;
}
@media screen and (max-width: 767px) {
  .wrapper.grayout main {
    margin-top: 188px;
  }
}
.wrapper.grayout .kv {
  padding: 20px 0 65px;
}
@media screen and (max-width: 767px) {
  .wrapper.grayout .kv {
    padding: 14px 0;
  }
}
.wrapper.grayout .kv .detail-box {
  width: 1000px;
  margin: 10px auto 0;
  border: 4px solid #000;
  background-color: #fff;
  padding: 30px 23px;
}
@media screen and (max-width: 767px) {
  .wrapper.grayout .kv .detail-box {
    width: calc(700 / 750 * 100%);
    padding: 18px 14px;
    border: 2px solid #000;
  }
}
.wrapper.grayout .kv .detail-box .label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 53px;
  background-color: #f0f0f0;
  overflow: hidden;
  font-size: 18px;
}
.wrapper.grayout .kv .detail-box .label.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .wrapper.grayout .kv .detail-box .label {
    overflow: initial;
    font-size: 14px;
    padding: 30px 13px 10px;
    height: initial;
  }
  .wrapper.grayout .kv .detail-box .label.pc {
    display: none;
  }
  .wrapper.grayout .kv .detail-box .label.sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.wrapper.grayout .kv .detail-box .label .label-title {
  margin-left: -5px;
  -webkit-transform: skewX(12deg);
  -ms-transform: skewX(12deg);
  transform: skewX(12deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #cc1033;
  color: #fff;
  width: 200px;
}
.wrapper.grayout .kv .detail-box .label .label-title span {
  -webkit-transform: skewX(-12deg);
  -ms-transform: skewX(-12deg);
  transform: skewX(-12deg);
}
.wrapper.grayout .kv .detail-box .label > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .wrapper.grayout .kv .detail-box .label > p {
    margin: 0;
    font-size: 14px;
  }
}
.wrapper.grayout .kv .detail-box .label img {
  position: absolute;
  top: -10px;
  left: 0;
  width: calc(257 / 700 * 100%);
}
.wrapper.grayout .kv .detail-box p {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .wrapper.grayout .kv .detail-box p {
    font-size: 10px;
    margin-top: 5px;
  }
}
.wrapper.grayout .kv .detail-box .labelb {
  margin-top: 30px;
}
.wrapper.grayout main {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.wrapper.grayout .sec-freebie {
  background-image: none;
  background-color: #cc1033;
  height: 1102px;
  z-index: 1;
}
.wrapper.grayout .sec-require {
  background-image: none;
  background-color: #fdd500;
  height: initial;
  padding: 241px 0 113px;
}
@media screen and (max-width: 767px) {
  .wrapper.grayout .sec-require {
    padding: 160px 0 60px;
  }
}
.wrapper.grayout .sec-require .require-box {
  position: static;
}
.wrapper.grayout .sec-require .require-box ul li {
  font-size: 18px;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .wrapper.grayout .sec-require .require-box ul li {
    font-size: 11.5px;
  }
}
.wrapper.grayout .sec-require .require-box ul + ul {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .wrapper.grayout .sec-require .require-box ul + ul {
    font-size: 12.5px;
    margin-top: 10px;
    padding-top: 10px;
  }
}
.wrapper.grayout .sec-require .require-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrapper.grayout .sec-require .require-box dl div {
  width: 260px;
}
.wrapper.grayout .sec-require .require-box dl dt {
  font-weight: normal;
}
.wrapper.grayout .sec-require .require-box .not-shop {
  width: 520px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wrapper.grayout .sec-require .require-box .not-shop li {
  width: 260px;
}
@media screen and (max-width: 767px) {
  .wrapper.grayout .sec-require .require-box .not-shop {
    width: 100%;
  }
  .wrapper.grayout .sec-require .require-box .not-shop li {
    width: 50%;
  }
}
.wrapper.grayout .footer {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.wrapper .btn-burger {
  position: fixed;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 10000;
}
.wrapper .g-nav-wrap {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #84041c;
  z-index: 9999;
}
.wrapper .g-nav-wrap img {
  display: block;
  width: 50%;
  margin: 22px auto 15px;
}
.wrapper .g-nav-wrap .g-nav-sp {
  width: 95%;
  margin: 0 auto;
}
.wrapper .g-nav-wrap .g-nav-sp ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  color: #fff;
  font-size: 14px;
  padding: 10px 25px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.wrapper .g-nav-wrap .g-nav-sp ul li a::after {
  content: url("../img/sp/arrow_r.png");
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}
.wrapper.outside-period .sec-kv {
  height: 870px;
}
@media screen and (max-width: 767px) {
  .wrapper.outside-period .sec-kv {
    height: initial;
  }
  .wrapper.outside-period .sec-kv .kv {
    padding-bottom: 20px;
  }
}
.wrapper.outside-period .sec-kv .btn-wrap {
  display: none;
}
.wrapper.outside-period .sec-howto .inner {
  height: 2410px;
}
@media screen and (max-width: 767px) {
  .wrapper.outside-period .sec-howto .inner {
    height: auto;
  }
}
.wrapper.outside-period .sec-howto .btn-wrap {
  display: none;
}
@media screen and (max-width: 767px) {
  .wrapper.outside-period .sec-howto .cp-span {
    margin-top: 50px;
  }
}
.wrapper.outside-period .sec-shoplist .btn-wrap {
  display: none;
}
/* fixed */
.sec-kv .kv img.switch {
  max-width: 90%;
	    display: block;
    margin: 0 auto;
}
.wrapper .sec-howto .inner .flow-wrap, .wrapper .sec-shoplist .shoplist-box .box-inner .shop, .wrapper .sec-shoplist .shoplist-box, .wrapper .sec-shoplist .inner, .wrapper .inner, .wrapper .sec-require .require-box, .wrapper .sec-freebie .freebie-box, .wrapper .sec-howto .inner .howto-row, .howto-step .detail {
  max-width: 100%;
}
#howto02 .howto-row .step03 .detail .jj {
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .wrapper .sec-kv .kv {
    padding-bottom: 50px;
  }
}
@media(max-width: 1023px) {
  .wrapper a.btn-cv img {
    max-width: 300px;
  }
}
@media(min-width: 426px) and (max-width: 767px) {
  .wrapper .sec-howto .inner .howto-row, .wrapper .sec-howto .inner .howto-row .howto-step, .wrapper .sec-howto .inner .howto-row .howto-step .detail {
    width: 100%;
    height: auto !important;
    border-radius: 10px;
  }
  .wrapper .sec-howto .inner .howto-row {
    width: 95%;
  }
  .wrapper .sec-howto .inner .howto-row .step01, .wrapper .sec-howto .inner .howto-row .step01 .detail {
    height: 352px !important;
  }
  .wrapper .sec-howto .inner .howto-row .step01 {
    margin-top: 45px;
    margin-bottom: 33px;
  }
  .wrapper .sec-howto .inner .howto-row .step04 img {
    margin-bottom: 6px;
  }
  #howto02 .howto-row .step01 {
    margin-top: 20px;
  }
  #howto02 .howto-row .step03 .detail img {
    padding-bottom: 8px;
  }
  #howto02 .hd02 {
    position: static;
    margin-top: -10px;
  }
  #howto02 .hd02 img {
    margin-top: -62px;
  }
  .wrapper .sec-freebie .freebie-box {
    margin-top: 34px;
  }
  .wrapper .sec-freebie .freebie-box .box-inner h2, .wrapper .sec-require .require-box .box-inner h2 {
    position: static;
    margin-top: -62px;
  }
  .wrapper .sec-shoplist .shoplist-box .box-inner {
    padding-top: 72px;
  }
  .wrapper .sec-require {
    padding-bottom: 31px;
    height: auto;
  }
  .wrapper .sec-shoplist {
    padding-top: 71px;
  }
  .shop {
    padding-top: 5px;
  }
  footer {
    padding-top: 79px !important;
  }
  #howto01 .hd01 {
    margin-top: -26px;
  }
  #howto01 .step02 .detail img {
    padding-bottom: 4px;
  }
  #howto02 .hd02 img {
    margin-top: -77px;
  }
  #howto02 .step03 .detail {
    text-align: center;
  }
  #howto02 .step03 .detail .jj {
    margin: 0 auto;
    padding: 0 auto;
  }
}
@media(max-width: 425px) {
  #howto02 h2 {
    z-index: 10;
    margin-top: -177px;
  }
  #howto01 .howto-row .step02 .detail, #howto01 .howto-row .step03 .detail {
    height: auto;
  }
  #howto02 .howto-row .step01 {
    margin-top: 11px;
  }
  #howto02 .howto-row .step02 .detail, #howto02 .howto-row .step03 .detail {
    height: auto;
    padding-bottom: 7px;
  }
  .wrapper .sec-freebie .freebie-box .box-inner {
    margin-bottom: 30px;
  }
  .wrapper .sec-shoplist .shoplist-box .box-inner .top {
    position: static;
    margin-top: -61px;
  }
  .wrapper .sec-shoplist .shoplist-box .box-inner .store {
    padding-top: 21px;
  }
  .howto-step, .howto-step .detail {
    border-radius: 10px;
  }
}
@media(max-width:375px) {
  .wrapper .header .header-top .span p {
    font-size: 12px;
    height: 18px;
  }
  .shoplist-box {
    margin-top: 33px;
  }
  .shoplist-box {
    margin-top: 70px;
    padding-top: 33px;
  }
  #howto02 .hd02 img {
    margin-top: -27px;
  }
}
@media(min-width: 768px) and (max-width: 1023px) {
  .wrapper .header .header-top .span p {
    font-size: 22px;
  }
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block-01 .item-list, .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block-01 .item-list .item, .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list .item {
    width: 46%;
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .wrapper .sec-freebie .freebie-box .box-inner .freebie-block-01 .item-list .item img, .wrapper .sec-freebie .freebie-box .box-inner .freebie-block .item-list img {
    width: 100%;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step.step01 .detail {
    background-size: 95% auto;
    padding: 15px 20px 0 6px;
  }
  .sec-howto #howto .flow-wrap .hd01 img, .sec-howto #howto .flow-wrap .hd02 img {
    width: 48%;
    height: 100px;
  }
  .annotation .howto-step {
    padding: 8px;
  }
  .wrapper .sec-howto .inner .flow-wrap {
    padding-bottom: 0;
  }
  .wrapper .sec-howto .inner .howto-row.annotation .howto-step {
    padding: 14px;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step {
    width: 48%;
    margin-left: 20px;
    margin-right: 20px;
  }
  .wrapper .sec-howto .inner .howto-row {
    height: 100%;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step img {
    max-width: 370px;
  }
  .wrapper .sec-howto .inner .howto-row .step01, .wrapper .sec-howto .inner .howto-row .step04 {
    width: 100%;
  }
  .wrapper .sec-howto .inner .howto-row .step03 .detail img {
    padding-bottom: 20px;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step.step03 .detail {
    height: 385px !important;
  }
  .wrapper .sec-howto .inner .flow-wrap::before {
    height: 2200px;
  }
  .wrapper .sec-shoplist {
    padding-top: 300px;
  }
  .qq {
    display: flex;
  }
  #oo, #pp {
    position: static;
    width: 50%;
    text-align: center;
    margin-top: -126px;
  }
  #oo img, #pp img {
    width: 90% !important;
  }
}
@media(max-width: 333px) {
  .shoplist-box {
    margin-top: 180px !important;
  }
  .wrapper .header .header-top .span {
    height: 30px;
  }
}
@media(max-width:768px) and (min-width: 768px) {
  .wrapper .sec-kv .kv {
    padding-bottom: 100px;
  }
  .wrapper .sec-kv .kv .btn-wrap {
    bottom: 80px;
  }
  .apple .step02, .apple .step03 {
    height: 448px;
  }
  .wrapper .sec-howto .inner .howto-row .howto-step img {
    max-width: 300px;
  }
  .wrapper .header .g-nav {
    margin-top: 303px !important;
  }
}
.wrapper .require-box {
  position: relative
}
.wrapper .require-box {
  position: relative
}
.wrapper .slider-parent {
  width: 1000px;
  position: relative;
  background: #fff1a4;
  height: 758px;
  margin: 120px 0;
}

@media(max-width: 1000px)and (min-width: 768px){
	.wrapper .slider-parent{
	width: 720px;
	    height: 628px;
		margin: 0 auto;
}
	.wrapper .slide{
		width: 680px;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
	}
	.wrapper .slide img{
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	.wrapper .slider-line-btn img{
		width: 80%;
		display: block;
		margin: 0 auto;
	}
	.wrapper .sec-require .require-box{
		width: 720px;
		margin: 0 auto;
		margin-top: 100px;
	}
	.move_controler {
    bottom: -26px;
}
	.wrapper .sec-require{
		padding-top: 200px;
	}
}

.wrapper .box-headding {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 10
}
.wrapper .slider-line-btn {
  position: absolute;
  left: 50%;
  bottom: 60px;
  transform: translateX(-50%);
	width: 750px;
}
@media(max-width: 767px){
	.wrapper .slider-line-btn {
	width: 350px;
}
}
.carousel {
  display: flex;
  justify-content: center;
}
.contains {
  width: 820px;
  height: 390px;
  position: relative;
  list-style: none;
  padding-top: 94px;
}
.slide_select {
  display: none;
}
.slide {
  width: 820px;
  height: 390px;
  position: absolute;
  opacity: 0;
}
.scroll_button {
  position: absolute;
  top: 50%;
  z-index: 10;
  border-top: 34px solid transparent;
  border-bottom: 34px solid transparent;
  border-left: 34px solid #e1e1e1;
}
.scroll_button:hover {
  border-left: 34px solid #cc1033;
}
.scroll_prev {
  left: 15px;
  transform: rotate(180deg) translateX(30px) translateY(24px);
}
.scroll_next {
  right: 15px;
  transform: rotate(0deg) translateX(30px) translateY(-24px);
}
.move_controler {
  position: absolute;
  bottom: -156px;
  width: 100%;
  text-align: center;
}
.button_move {
  display: inline-block;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  border-radius: 100%;
  cursor: pointer;
  z-index: 2;
}
.button_move {
  background-color: #ffffff;
}
.slide_select:nth-of-type(1):checked ~ .slide:nth-of-type(1) {
  opacity: 1;
}
.slide_select:nth-of-type(1):checked ~ .move_controler .button_move:nth-of-type(1) {
  opacity: 1;
  background-color: #cf0f33;
}
.slide_select:nth-of-type(2):checked ~ .slide:nth-of-type(2) {
  opacity: 1;
}
.slide_select:nth-of-type(2):checked ~ .move_controler .button_move:nth-of-type(2) {
  opacity: 1;
  background-color: #cf0f33;
}
.slide_select:nth-of-type(3):checked ~ .slide:nth-of-type(3) {
  opacity: 1;
}
.slide_select:nth-of-type(3):checked ~ .move_controler .button_move:nth-of-type(3) {
  opacity: 1;
  background-color: #cf0f33;
}
.slide_select:nth-of-type(4):checked ~ .slide:nth-of-type(4) {
  opacity: 1;
}
.slide_select:nth-of-type(4):checked ~ .move_controler .button_move:nth-of-type(4) {
  opacity: 1;
  background-color: #cf0f33;
}
.slide_select:nth-of-type(5):checked ~ .slide:nth-of-type(5) {
  opacity: 1;
}
.slide_select:nth-of-type(5):checked ~ .move_controler .button_move:nth-of-type(5) {
  opacity: 1;
  background-color: #cf0f33;
}
.slide_select:nth-of-type(6):checked ~ .slide:nth-of-type(6) {
  opacity: 1;
}
.slide_select:nth-of-type(6):checked ~ .move_controler .button_move:nth-of-type(6) {
  opacity: 1;
  background-color: #cf0f33;
}



@media screen and (max-width: 767px){
	.wrapper .sec-freebie{
		height: 500px!important;
	}
	.wrapper .box-headding{
		width: 265px;
	}
	.wrapper .slider-parent{
		width: 100vw;
		height: 360px;
		transform: translateX(-13px);
		margin: 50px 0;
	}
	.slide{
		width: 90%;
        height: auto;
        left: 5vw;
	}
	.contains{
		    padding-top: 50px;
	}
	.scroll_button{
		border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 16px solid #e1e1e1;
	}
	.scroll_prev {
  transform: rotate(180deg) translateX(20px) translateY(12px);
}
	.scroll_next {
  transform: rotate(0deg) translateX(20px) translateY(-12px);
}
	.move_controler {
  bottom: 144px;
}
	.button_move {
  height: 7px;
  width: 7px;
  margin: 0 1px;
}
	.wrapper .slider-line-btn{
		bottom: 35px
	}
	.wrapper .sec-shoplist .shoplist-box .box-inner .top {
    position: absolute;
		top: 0;
		transform: translateY(-50%);
    width: 280px;
    margin: 0 auto;
  }
}