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

body { 	padding:0;margin: 0; text-shadow:1px 1px 2px #f0f0f0; }
.black { background: #000; color: #fff; }
body{
width:16000px;
}

p {
	padding:0;
	margin:0;
}
body {
background:#fff;

}
.page {
float: left;
display: block;
}

.content img {
width: auto;
height:60vh;
margin-top:5vh;
margin-bottom:11vh;
}

#page1 .content img {/* 1枚目 */
margin-left:8vh;
margin-right:5vh;
}
.caption_1,
.caption_2,
.caption_3,
.caption_4,
.caption_5,
.caption_6,
.caption_7 {
position: absolute;
font-size:x-large;
font-weight:bold;
top: 76vh;
font-family: 'Varela Round', sans-serif;
font-family: "M PLUS 1p";
font-family: Fredoka One;
font-weight: 400;
}
#page2 .content img,
#page3 .content img,
#page4 .content img,
#page5 .content img,
#page6 .content img,
#page7 .content img,
#page8 .content img,
#page9 .content img,
#page10 .content img,
#page11 .content img,
#page12 .content img,
#page13 .content img,
#page14 .content img {
margin-left:20vh;
margin-right:20vh;
}
.caption_2 {/* Face */
left: 92vh;
}
.caption_3 {/* Escape */
left: 171vh;
}
.caption_4 {/* Sing */
left: 255vh;
}
.caption_5 {/* Jumping */
left: 334vh;
}
.caption_6 {/* Fishing */
left: 417vh;
}
.caption_7 {/* Caterpilar */
left: 500vh;
}
.yoko_yajirushi {
position: absolute;
top: 76vh;
left: 22vh;
}
.yoko_yajirushi_gotoTOP1 {
position: absolute;
top: 76vh;
left: 540vh;
}
.yoko_yajirushi_gotoTOP2 {
position: absolute;
top: 76vh;
left: 1082vh;
}
/* ──────────────────────768px以下 */
@media screen and (max-width: 767px){
.yoko_yajirushi {
top: 82vh;
}
.yoko_yajirushi img {
width:70%;
}
}

/*@media screen and (max-width: 767px){
}
@media screen and (max-width: 600px){

}
@media screen and (min-width: 430px){	
.br-pc { display:block; }
.br-sp { display:none; }
}



/*.box3 {position:relative;}*/
/*
h2 {
max-width: 920px;
margin: 0 auto;
padding-top:0.5em;
padding-bottom:0px;
    font-family: "Rounded Mplus 1c";
    font-size: 60px;
    font-weight: bold;
    color: #00a0e9;
}

.digi_h2_hosoku,
.digi_h4_hosoku {
    text-align: center;
    font-family: "Rounded Mplus 1c";
    font-size: 24px;
    font-weight: bold;
    color: #00a0e9;
			line-height:1.7em;
			margin-top:1em;
}
.digi_h4 {
    text-align: center;
    font-family: "Rounded Mplus 1c";
    font-size: 30px;
    font-weight: bold;
    color: #999;
	line-height:1.7em;
	margin-top:1%;
}
.color_gray {
color: #999;
}
.digi_h4_hosoku {
margin-top:0em;
}

.romaji {
    text-align: center;
    font-family: "Rounded Mplus 1c";
    font-size: 18px;
    font-weight: bold;
    color: #00a0e9;
			line-height:1.4em;
}
.img_digichara01 img {
max-width: 90%;
height: auto;
vertical-align:bottom;
margin-top:2em;
margin-bottom:1em;
margin-left: auto;
margin-right:auto;
}
.img_digichara01_box2 img {
max-width: 96%;
height: auto;
vertical-align:bottom;
margin-top:2%;
margin-bottom:1em;
margin-left: auto;
margin-right:auto;
}
.img_digichara03 img {
max-width: 70%;
height: auto;
vertical-align:bottom;
position:relative;
top:-2em;
}
h3 {
margin:0;
padding:0;

}
h3 img {
max-width: 90%;
height: auto;
vertical-align:bottom;
position:relative;
top:-2em;
text-align:center;
margin-bottom:2%;
}
.sigoto_title {
    text-align: center;
    font-family: "Rounded Mplus 1c";
    font-size: 30px;
    font-weight: bold;
    color: #00a0e9;
}
.sigoto_text {
    text-align: center;
    font-family: "Rounded Mplus 1c";
    font-size: 20px;
    font-weight: bold;
			line-height:1.4em;
			margin-top:1em;
}
.border_character {
padding-top: 25px;
margin-bottom: 50px;

 height: 2px;
border-bottom:solid 2px #0099CC;
margin-left:5%;
margin-right:5%;
text-align:center;
}
.digi_illustlation {
max-width: 100%;
height: auto;
vertical-align:bottom;
text-align:center;
}
.digi_illustlation img {
max-width:30%;
height: auto;
}

.img_chara_cg img {
width: 31.33%;
height:auto;
float: left;
margin:2% 1%;
}
.box4 {
position: relative;
max-width: 920px;
padding-top:1.5%;
}
.circle-content img {
position:absolute;
top:40%;
right: 10%;
max-width:22%;
height:auto;
}

*/

/* ──────────────────────768px以下 
@media screen and (max-width: 767px){
}
@media screen and (max-width: 600px){

}
@media screen and (min-width: 430px){	
.br-pc { display:block; }
.br-sp { display:none; }
}

@media screen and (max-width: 430px){
h2 {
    font-size: 40px;
}
.digi_h2_hosoku {
    font-size:18px;
}
.romaji {
    font-size: 16px;
}
.img_digichara01 img {
margin-top:1em;
margin-bottom:1em;
}
.img_digichara03 img {
top:-2em;
}
.img_digichara03 img {
max-width: 90%;
}
h3 img {
max-width: 100%;
}
.sigoto_title {
    font-size: 20px;
}
.sigoto_text {
    font-size: 13px;
	padding-left:0%;
	padding-right:0%;
	line-height:1.6em;
}
.box2 {
width:85%;
}
.border_character {
padding-top: 0.5em;
margin-bottom: 2em;
margin-left:0%;
margin-right:0%;
}
.digi_h4 {
font-size: 16px;
}
.br-pc {display:none;}
.br-sp {display:block;}
.box4 {
width:90%;
}
.circle-content img {
max-width:100%;
width:30%;
height:auto;
top:35%;
right: 6%;
}
}
*/