@charset "UTF-8";

.pr_content {
	height: 596px;
}

.scene_00, .scene_01, .scene_02, .scene_03, .scene_04, .scene_05, .scene_06 {
	position: relative;
}

.scene_00 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 150px;
	right: 72px;
}

.scene_00 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 210px;
	right: 70px;
}

.scene_00 .balloon_03 {
	position: absolute;
	z-index: 5;
	top: 270px;
	right: 145px;
}

.scene_01 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 20px;
}

.scene_01 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 325px;
}

.scene_01 .balloon_03 {
	position: absolute;
	z-index: 5;
	top: 60px;
	right: 220px;
}

.scene_02 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 335px;
}

.scene_02 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 30px;
	right: 220px;
}

.scene_02 .balloon_03 {
	position: absolute;
	z-index: 5;
	top: 80px;
	right: 455px;
}

.scene_03 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 168px;
}

.scene_03 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 190px;
	right: 10px;
}

.scene_04 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: -20px;
}

.scene_04 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 320px;
}

.scene_04 .balloon_03 {
	position: absolute;
	z-index: 5;
	top: 30px;
	right: 215px;
}

.scene_05 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: -8px;
	right: -10px;
}

.scene_05 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 250px;
	right: 320px;
}

.scene_05 .balloon_03 {
	position: absolute;
	z-index: 5;
	top: 185px;
	right: 365px;
}

.scene_06 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 193px;
	right: 188px;
}

.scene_06 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 135px;
	right: 190px;
}


/* アニメーション */

.bln_anime01{
	opacity: 0;
    filter: alpha(opacity=0);
}


.on .bln_anime01{
    opacity:1;
    filter: alpha(opacity=100);
}


/* delay*/

.on .bln_delay1000{
-moz-transition-delay:1s !important;
-webkit-transition-delay:1s !important;
-o-transition-delay:1s !important;
-ms-transition-delay:1s !important;
}

.on .bln_delay2000{
-moz-transition-delay:2s !important;
-webkit-transition-delay:2s !important;
-o-transition-delay:2s !important;
-ms-transition-delay:2s !important;
}

.on .bln_delay4000{
-moz-transition-delay:4s !important;
-webkit-transition-delay:4s !important;
-o-transition-delay:4s !important;
-ms-transition-delay:4s !important;
}

.on .bln_delay6000{
-moz-transition-delay:6s !important;
-webkit-transition-delay:6s !important;
-o-transition-delay:6s !important;
-ms-transition-delay:6s !important;
}

/* .speed */

.on .bln_speed0{
  -moz-transition-duration:0s !important;
  -webkit-transition-duration:0s !important;
  -o-transition-duration:0s !important;
  -ms-transition-duration:0s !important;
}

.on .bln_speed1000{
  -moz-transition-duration: 1s !important;
  -webkit-transition-duration: 1s !important;
  -o-transition-duration: 1s !important;
  -ms-transition-duration: 1s !important;
}

.on .bln_speed1500{
  -moz-transition-duration: 1.5s !important;
  -webkit-transition-duration: 1.5s !important;
  -o-transition-duration: 1.5s !important;
  -ms-transition-duration: 1.5s !important;
}


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


.main, .container > header {
	margin: 0 -30px;
    padding: 0 0 2em;
}

.bb-custom-wrapper {
	margin: 0 auto;
    width: 320px;
}

.bb-bookblock {
    width: 310px;
    height: 217px;
}

.bb-custom-wrapper .bb-bookblock:after {
    height: 217px;
    width: 155px;
}

.pr_content {
    height: 100%;
}

.scene_00 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 65px;
	right: 31px;
	width: 87px;
}

.scene_00 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 92px;
	right: 31px;
	width: 89px;
}

.scene_00 .balloon_03 {
	position: absolute;
	z-index: 5;
	top: 118px;
	right: 63px;
	width: 25px;
}

.scene_01 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 9px;
	width: 62px;
}

.scene_01 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 142px;
	width: 80px;
}

.scene_01 .balloon_03 {
	position: absolute;
	z-index: 5;
	top: 26px;
	right: 96px;
	width: 62px;
}

.scene_02 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 146px;
	width: 80px;
}

.scene_02 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 13px;
	right: 96px;
	width: 62px;
}

.scene_02 .balloon_03 {
	position: absolute;
	z-index: 5;
	top: 35px;
	right: 199px;
	width: 28px;
}

.scene_03 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 73px;
	width: 145px;
}

.scene_03 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 83px;
	right: 4px;
	width: 141px;
}

.scene_04 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: -9px;
	width: 63px;
}

.scene_04 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 140px;
	width: 110px;
}

.scene_04 .balloon_03 {
	position: absolute;
	z-index: 5;
	top: 13px;
	right: 92px;
	width: 63px;
}

.scene_05 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: -3px;
	right: -4px;
	width: 164px;
}

.scene_05 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 109px;
	right: 140px;
	width: 112px;
}

.scene_05 .balloon_03 {
	position: absolute;
	z-index: 5;
	top: 81px;
	right: 159px;
	width: 98px;
}

.scene_06 .balloon_01 {
	position: absolute;
	z-index: 5;
	top: 84px;
	right: 82px;
	width: 148px;
}

.scene_06 .balloon_02 {
	position: absolute;
	z-index: 5;
	top: 59px;
	right: 83px;
	width: 169px;
}


}