@charset "UTF-8";


header *, main * {
  margin: 0;
  padding: 0
}

/* title */
.container.titlebase {
  position: relative;
  height: 790px;
  background:
  url("../images/titleimage_2.jpg") no-repeat calc(50% + 375px) top,
  url("../images/titleimage_1.jpg") no-repeat calc(50% - 375px) top,
  url("../images/bg_01.png") repeat-x center top;
}
.inner.titlebase {
  position: relative;
  height: 790px;
}
.title {
  position: absolute;
  left: 108px;
  top: 45px;
}

/* cnt1 */
.container.cnt1 {
  position: relative;
  height: 2675px;
  background:
  url("../images/bg_02.png") no-repeat center top;
}
.inner.cnt1 {
  position: relative;
  height: 2675px;
}
.maincopy {
  position: absolute;
  left: 53px;
  top: 58px;
}
.btn-01 {
  position: absolute;
  left: 45px;
  top: 394px;
}
.point-01 {
  position: absolute;
  left: 31px;
  top: 575px;
}
.howtouse-1 {
  position: absolute;
  left: 33px;
  top: 995px;
}
.howtouse-2 {
  position: absolute;
  left: 503px;
  top: 995px;
}
.btn-02 {
  position: absolute;
  left: 145px;
  top: 1618px;
}
.stamprally {
  position: absolute;
  left: 170px;
  top: 1744px;
}
.btn-04 {
  position: absolute;
  left: 145px;
  top: 2061px;
}
.point-02 {
  position: absolute;
  left: 31px;
  top: 2190px;
}

/* cnt2 */
.container.cnt2 {
  position: relative;
  height: auto;
  padding-bottom: 90px;
  background-color: #00ad00;
}

/* accordion */
.accordion-area{
  list-style: none;
  width: 100%;
  background:
  url("../images/bg_acd_01.png") no-repeat center top;
}
.acdtitle {
  position: relative;
  cursor: pointer;
  width: 990px;
  height: 150px;
  margin: 0 auto;
  transition: all .5s ease;
}
.acdtitle::before,
.acdtitle::after {
  position: absolute;
  content:'';
  width: 30px;
  height: 4px;
  background-color: #333;
  transition: .5s ease;
}
.acdtitle::before {
  top:49%;
  right: 40px;
  transform: rotate(0deg);  
}
.acdtitle::after {    
  top:49%;
  right: 40px;
  transform: rotate(90deg);
}
.acdtitle.close::before {
	transform: rotate(180deg);
}
.acdtitle.close::after {
	transform: rotate(0deg);
}
.acdbox {
  display: none;
  background:
  url("../images/bg_acd_02.png") repeat-y center top;
}
.acdbox-inner1 {
  position: relative;
  width: 980px;
  height: 1820px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
}
.acdbox-inner2 {
  position: relative;
  width: 960px;
  height: 725px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 55px;
}

.exp-box-l {
  display: inline-block;
  position: relative;
  width: 450px;
  height: 540px;
  margin: 20px;
  border: 1px solid #000;
  float: left;
}
.exp-copy-l {
  position: absolute;
  left: 0px;
  top: 324px;
}
.exp-more-l {
  position: absolute;
  left: 0px;
  top: 489px;
}
.exp-illust-l {
  display: inline-block;
  position: relative;
  width: 450px;
  height: 540px;
  margin: 20px;
  float: left;
}
.exp-box-s {
  display: inline-block;
  position: relative;
  width: 300px;
  height: 600px;
  margin: 10px;
  border: 1px solid #000;
  float: left;
}
.exp-copy-s {
  position: absolute;
  left: 0px;
  top: 314px;
}
.exp-more-s {
  position: absolute;
  left: 0px;
  top: 549px;
}

/* cnt3 */
.container.cnt3 {
  position: relative;
  height: 210px;
}
.inner.cnt3 {
  position: relative;
  height: 210px;
}
.btn-03 {
  position: absolute;
  left: 45px;
  top: 55px;
}
.hirokuma {
  position: absolute;
  left: 442px;
  top: 187px;
}

#top {
	position: fixed;
	bottom: 80px;
	right: -81px;
	z-index: 1000;
}