@charset "UTF-8";
/**
 *
 *  ページ名.css
 *
 */
/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
  	Content
---------------------------------------------------------------------------*/
/*============================
#stamp
============================*/
#stamp {
  background: url("../images/index/bg_gogokids.png") center top no-repeat, url("../../images/ptn_gogokids.gif") center top repeat;
  /*============================
	#stampArea
	============================*/
  /*============================
	#stamp_step
	============================*/
  /*============================
	#presentArea
	============================*/
}

#stamp .pc {
  /*display: block;*/
}

#stamp .sp {
  display: none;
}

#stamp img {
  max-width: 100%;
  height: auto;
}

#stamp #heading {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-top: 120px;
  text-align: center;
}

#stamp #heading h3 {
  margin: 0 auto 20px;
  width: 240px;
}

#stamp #heading h4 {
  margin: 0 auto 15px;
  width: 520px;
}

#stamp #heading h4 img {
  width: 100%;
  height: auto;
}

#stamp #heading p {
  padding-bottom: 25px;
  font-size: 15px;
  line-height: 1.85;
  letter-spacing: 0.12em;
  font-weight: bold;
}

#stamp ul.bnr_link {
  overflow: hidden;
  *zoom: 1;
}

#stamp ul.bnr_link li {
  float: left;
  width: 50%;
}

#stamp ul.bnr_link li a img {
  width: 100%;
  height: auto;
}

#stamp #stampArea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  /*		background-color : #FFF;
				@include kadomaru(20);
				text-align       : center;
				width            : 680px;
				margin           : 0 auto 30px;
				padding          : 30px 30px;*/
  position: relative;
}

#stamp #stampArea .stamp_step {
  display: inline-block;
}

#stamp #stampArea .movie {
  text-align: center;
}

#stamp #stampArea .movie iframe {
  max-width: 680px;
  width: 100%;
  height: 382px;
  margin-bottom: 10px;
  border-radius: 20px;
}

#stamp #stampArea h4 {
  /*margin-bottom : 20px;*/
  text-align: center;
}

#stamp #stampArea h4 img {
  margin: auto;
}

#stamp #stampArea figure.maguro {
  position: absolute;
  top: 440px;
  right: -40px;
}

#stamp #stampArea .notes {
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  margin-left: 40px;
}

#stamp #stampArea ul {
  margin-top: 40px;
  margin-bottom: 20px;
  background: url(../images/index/bg_star.png) center top no-repeat;
  height: 594px;
  position: relative;
}

#stamp #stampArea ul li {
  position: absolute;
}

#stamp #stampArea ul li:nth-of-type(1) {
  left: 13px;
  top: -5px;
}

#stamp #stampArea ul li:nth-of-type(2) {
  left: 285px;
  top: -31px;
}

#stamp #stampArea ul li:nth-of-type(3) {
  left: 410px;
  top: -26px;
}

#stamp #stampArea ul li:nth-of-type(4) {
  left: 50px;
  top: 202px;
}

#stamp #stampArea ul li:nth-of-type(5) {
  left: 235px;
  top: 203px;
}

#stamp #stampArea ul li:nth-of-type(6) {
  left: 34px;
  top: 409px;
}

#stamp #stampArea .stamp03 a {
  width: 100%;
  margin: 0 auto;
  display: block;
}

#stamp #stampArea .stamp04 {
  margin-bottom: 0px;
}

#stamp #stamp_step {
  border: solid 4px #fd000c;
  padding: 20px 10px;
  border-radius: 20px;
  margin: 20px 14px 0;
}

#stamp #stamp_step ol {
  display: table;
  width: 100%;
  margin: 10px;
}

#stamp #stamp_step ol li {
  vertical-align: top;
  display: table-cell;
  width: 30%;
}

#stamp #stamp_step ol li:nth-of-type(2n) {
  width: 5%;
  vertical-align: middle;
}

#stamp #stamp_step ol li figure {
  width: 100%;
}

#stamp #stamp_step ol li figure figcaption {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 20px;
  text-indent: -20px;
}

#stamp #stamp_step ol li figure figcaption img {
  width: 20px;
  height: auto;
}

#stamp #stamp_step ol li figure figcaption strong {
  color: #fd000c;
}

#stamp #stamp_step ol li figure img {
  max-width: 100%;
  width: 156px;
  height: auto;
}

#stamp #stamp_step .txt_stamp_01 img {
  max-width: 100%;
  height: auto;
}

#stamp #presentArea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*		width      : 680px;
				margin     : 0 auto 30px;
				background : url("../images/index/bg_present2.png") center top no-repeat;
				padding    : 20px;*/
  position: relative;
  margin: 50px auto;
  margin-top: 70px;
  width: 680px;
}

#stamp #presentArea .txt_fukidasi {
  position: absolute;
  top: -50px;
  left: 30px;
  text-align: left;
}

#stamp #presentArea img {
  max-width: 100%;
  height: auto;
}

#stamp #presentArea .inner_box {
  display: table;
  width: 100%;
}

#stamp #presentArea .f_left {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*display        : table-cell;
			vertical-align : top;*/
  position: relative;
  /*padding-right : 10px;*/
}

#stamp #presentArea .f_left h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  /*width         : 420px;*/
  text-align: center;
}

#stamp #presentArea .f_left h4 img {
  margin: auto;
}

#stamp #presentArea .f_left p {
  text-align: center;
  width: 280px;
  margin: 0 auto;
}

#stamp #presentArea #w_chance {
  position: absolute;
  top: -50px;
  left: 50px;
  text-align: left;
}

#stamp #presentArea #w_chance img {
  width: 110px;
  height: auto;
}

#stamp #presentArea figure {
  width: 250px;
  position: absolute;
  top: 10px;
  right: 0;
}

#stamp #presentArea .btn_detail {
  text-align: left;
  position: relative;
  top: 0;
  left: 80px;
}

#stamp #presentArea .notes {
  text-align: right;
  margin-top: -5px;
  font-size: 10px;
  position: relative;
  top: -5px;
  font-weight: bold;
}

#stamp .bnr_inner {
  width: 680px;
  margin: 25px auto 0;
  position: relative;
  padding-bottom: 70px;
}

#stamp .bnr_inner .txt_fukidasi {
  position: absolute;
  top: -50px;
  left: 30px;
  text-align: left;
}

#stamp .bnr_inner#appArea .txt_fukidasi {
  top: -20px;
}

#stamp .bnr_inner#presentArea {
  margin-top: 70px;
}

#stamp .bnr_inner.bnr_photocp {
  width: auto;
  margin: auto;
}

#stamp .bnr_c_book {
  width: 690px;
  margin-top: 20px;
}

/* @SP */
@media all and (max-width: 767px) {
  /*============================
	#stamp
	============================*/
  #stamp {
    background: url("../images/index/bg_gogokids_sp.png") center top no-repeat, url("../../images/ptn_gogokids.gif") center top repeat;
    background-size: contain, auto auto;
    /*============================
		#stampArea
		============================*/
    /*============================
		#stamp_step
		============================*/
    /*============================
		#presentArea
		============================*/
  }
  #stamp .pc {
    display: none;
  }
  #stamp .sp {
    display: block;
  }
  #stamp #heading {
    width: 100%;
    padding: 15% 0 0;
    text-align: center;
    height: auto;
  }
  #stamp #heading h3 {
    width: 140px;
    margin: 0 auto 20px;
  }
  #stamp #heading h3 img {
    width: 100%;
    height: auto;
  }
  #stamp #heading h4 {
    width: 263px;
    margin: 0 auto 20px;
  }
  #stamp #heading h4 img {
    width: 100%;
    height: auto;
  }
  #stamp #heading p {
    padding-bottom: 30px;
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 0.12em;
    font-weight: bold;
  }
  #stamp #stampArea {
    width: 320px;
    /*padding       : 20px 10px 30px;
			margin-bottom : 15px;*/
    margin: 0 auto 15px;
  }
  #stamp #stampArea img {
    /*width  : 100%;
				height : auto;*/
    margin: auto;
  }
  #stamp #stampArea .movie iframe {
    max-width: 280px;
    height: 167px;
    margin-top: 5px;
    border-radius: 10px;
  }
  #stamp #stampArea figure.maguro {
    position: relative;
    top: 11px;
    right: 0;
    left: 0;
    width: 200px;
    margin: auto;
  }
  #stamp #stampArea p.notes {
    margin-left: 10px;
    margin-top: 10px;
  }
  #stamp #stampArea ul {
    background: url(../images/index/bg_star_sp.png) center top no-repeat;
    -webkit-background-size: 255px auto;
    background-size: 255px auto;
    height: 675px;
    margin-top: 10px;
    margin-bottom: 50px;
  }
  #stamp #stampArea ul li {
    position: absolute;
  }
  #stamp #stampArea ul li:nth-of-type(1) {
    left: 13px;
    top: -19px;
  }
  #stamp #stampArea ul li:nth-of-type(1) .sp {
    width: 230px;
  }
  #stamp #stampArea ul li:nth-of-type(2) {
    left: 135px;
    top: 116px;
  }
  #stamp #stampArea ul li:nth-of-type(2) .sp {
    width: 115px;
  }
  #stamp #stampArea ul li:nth-of-type(3) {
    left: -25px;
    top: 70px;
  }
  #stamp #stampArea ul li:nth-of-type(3) .sp {
    width: 165px;
  }
  #stamp #stampArea ul li:nth-of-type(4) {
    left: 53px;
    top: 310px;
  }
  #stamp #stampArea ul li:nth-of-type(4) .sp {
    width: 175px;
  }
  #stamp #stampArea ul li:nth-of-type(5) {
    left: -2px;
    top: 460px;
  }
  #stamp #stampArea ul li:nth-of-type(5) .sp {
    width: 220px;
  }
  #stamp #stampArea ul li:nth-of-type(6) {
    left: 31px;
    top: 582px;
  }
  #stamp #stampArea ul li:nth-of-type(6) .sp {
    width: 205px;
  }
  #stamp #stampArea .notes {
    text-align: center;
  }
  #stamp #stampArea .stamp03 {
    background: url("../images/index/bg_stamp_03_sp.png") top left no-repeat;
    background-size: 100% 100%;
    padding-bottom: 20px;
  }
  #stamp #stamp_step {
    margin: 0 5px;
  }
  #stamp #stamp_step ol {
    display: block;
    width: 100%;
  }
  #stamp #stamp_step ol li {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  #stamp #stamp_step ol li:nth-of-type(2n) {
    text-align: center;
    width: 20px;
    margin: 0 auto 10px;
  }
  #stamp #stamp_step ol li figure {
    width: 100%;
  }
  #stamp #stamp_step ol li figure figcaption {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 30px;
    text-indent: -30px;
  }
  #stamp #stamp_step ol li figure figcaption img {
    width: 25px;
    margin-right: 5px;
  }
  #stamp #stamp_step ol li figure figcaption strong {
    color: #fd000c;
  }
  #stamp #stamp_step ol li figure img {
    max-width: 100%;
    width: 156px;
    height: auto;
  }
  #stamp #presentArea {
    width: 280px;
    /*			background    : url("../images/index/bg_present2_sp.png") center top no-repeat;
						@include bg_size(280px, auto);
						display       : block;
						padding       : 15px 10px;
						margin-bottom : 30px;*/
    margin: 0 auto 30px;
  }
  #stamp #presentArea .txt_fukidasi {
    top: -40px;
    left: 10px;
  }
  #stamp #presentArea .txt_fukidasi img {
    width: 80%;
  }
  #stamp #presentArea .inner_box {
    display: block;
    width: 100%;
  }
  #stamp #presentArea .btn_detail {
    position: static;
    margin: 10px auto;
    text-align: center;
  }
  #stamp #presentArea .btn_detail img {
    margin: auto;
  }
  #stamp #presentArea .f_left {
    display: block;
    position: relative;
    text-align: center;
    padding-right: 0;
  }
  #stamp #presentArea .f_left h4 {
    width: 100%;
  }
  #stamp #presentArea .f_left h4 img {
    width: 100%;
    height: auto;
  }
  #stamp #presentArea .f_left p {
    width: 100%;
  }
  #stamp #presentArea figure {
    display: block;
    position: relative;
    text-align: center;
    width: 265px;
    margin: auto;
  }
  #stamp #presentArea #w_chance {
    position: absolute;
    top: -30px;
    left: -10px;
    text-align: left;
  }
  #stamp #presentArea #w_chance img {
    width: 67px;
    height: auto;
  }
  #stamp .bnr_inner {
    width: 280px;
    margin: 30px auto 0;
    padding-bottom: 30px;
  }
  #stamp .bnr_inner .txt_fukidasi {
    left: 10px;
  }
  #stamp .bnr_inner .txt_fukidasi img {
    width: 80%;
    height: auto;
  }
  #stamp .bnr_inner#presentArea {
    margin-top: 50px;
  }
  #stamp .bnr_inner#presentArea .txt_fukidasi {
    top: -40px;
  }
  #stamp .bnr_inner.bnr_photocp {
    width: 320px;
    margin: auto;
  }
  #stamp .bnr_books,
  #stamp .bnr_c_book {
    width: 320px;
  }
  /*============================
	#Side
	============================*/
  #Side {
    display: none;
  }
}

/*--------------------------------------------------------------------------
   xxx
---------------------------------------------------------------------------*/
/* xxx
-----------------------------------------------------------------*/
/* xxx */