@charset "utf-8";

#main_container *{ box-sizing: border-box;}

.quick{ position: absolute; top: 0; right: 20px; width: 100px; z-index: 99;}
.quick li{ position: relative; height: 100px; outline: solid 10px rgba(255,240,0,0.3); background: #fff000;  border-radius: 50%; box-shadow: 0 0 3px rgba(0,0,0,0.2); margin: 30px 0; text-align: center;}
.quick li a{display: inline-block; width:80%; font-size: 16px; line-height: 1.2em; font-weight: 500; letter-spacing: -0.04em; color: #000; word-break: keep-all;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.quick li a.popup{padding-top: 30px; background: url("/resource/dino/images/jewelry/main/icon_popup.png") center top no-repeat;}

@media all and (max-width :480px) {
	.quick{ right: 20px; width: 70px; }
	.quick li{ height: 70px;outline: solid 8px rgba(255,240,0,0.3);margin: 25px 0;}
	.quick li a{display: inline-block; width:80%; font-size: 15px; line-height: 1.2em;}
	.quick li a.popup{padding-top: 14px;  background-size:20px;}
}

/* mainbox_area01 **************************************************************************************************/
.mainbox_area01{ position:relative; text-align:center;}
.mainbox_area01 .slideWrap{position:relative; width:100%; margin:0px auto;}
.mainbox_area01 .slideWrap .slide{}
.mainbox_area01 .slideWrap .slide .main_img{width:100%; height:700px; background-position: center top; background-repeat: no-repeat; background-size: cover; text-align: center; }
.mainbox_area01 .slideWrap .slide .main_img01{background:url("/resource/dino/images/dinosaur/main/main_txtimg01_eng.jpg") center top no-repeat;}
.mainbox_area01 .slideWrap .slide .main_img02{ background:url("/resource/dino/images/dinosaur/main/main_txtimg02_eng.jpg")center top no-repeat;}
.mainbox_area01 .slideWrap .slide .txt_guide { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:flex; flex-flow:column; font-family:"SCDream"; text-shadow:-2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; }
.mainbox_area01 .slideWrap .slide .txt_guide .small		{ font-size:2rem; font-weight:bold; }
.mainbox_area01 .slideWrap .slide .txt_guide strong		{ font-size:4.8rem; font-weight:900; color:#5f8b00}
.mainbox_area01 .slideWrap .slide .txt_guide .text		{ font-size:3.6rem; font-weight:500; color:#ff6000}

.mainbox_area01 .slideWrap .slick-list{ overflow:visible;}
.mainbox_area01 .slideWrap .slide .slick-slide{overflow:hidden; position:relative;}
.mainbox_area01 .slideWrap .slick-navi{ position:absolute; z-index:56; left:50%; bottom:136px; vertical-align:top; text-align:center; transform: translateX(-50%);}
.mainbox_area01 .slideWrap .slick-dots{ display:inline-block; text-align:center; vertical-align:top;}
.mainbox_area01 .slideWrap .slick-dots li{ display:inline-block;margin:0 3px; overflow:hidden; font:0/0 a; vertical-align:top;}
.mainbox_area01 .slideWrap .slick-dots li button[type="button"]{ width:30px; height:30px;  border:none; font:0/0 a; border-radius:15px; }
.mainbox_area01 .slideWrap .slick-dots .slick-active{}
.mainbox_area01 .slideWrap .slick-dots .slick-active button[type="button"]{width:60px; height:30px; background:#c53438;}

.mainbox_area01 .slick-arrow{ position:absolute; z-index:555; top:50%;transform:translateY(-50%); display:block; width:70px; height:70px;background-color:rgba(255,255,255,0.0); background-position:center; background-repeat:no-repeat; font:0/0 a;}
.mainbox_area01 .slick-arrow.slick-prev{ left:10px;background-image:url(/resource/dino/images/jewelry/main/visual_btn_prev.png);}
.mainbox_area01 .slick-arrow.slick-next{ right:10px;background-image:url(/resource/dino/images/jewelry/main/visual_btn_next.png);}
.mainbox_area01 .slideWrap .slick-play{display:inline-block; width:30px; height:30px; margin:0 3px; border:none; background:transparent url('/resource/dino/images/jewelry/main/visual_nav_stop.png') no-repeat; font:0/0 a;  vertical-align:top;}
.mainbox_area01 .slideWrap .slick-play.pause{background:url('/resource/dino/images/jewelry/main/visual_nav_play.png') no-repeat}



@media all and (max-width :1260px) {
	.mainbox_area01 .slideWrap .slick-navi{ bottom:163px;}
}

@media all and (max-width :1024px) {

	.mainbox_area01 .slideWrap .slick-navi{ display:none;}

	.mainbox_area01 .slideWrap .slide .main_img{height:700px;}
	.mainbox_area01 .slideWrap .slide .main_img01{background:url("/resource/dino/images/dinosaur/main/main_txtimg01_01_eng.jpg") center no-repeat;background-size: cover;}
	.mainbox_area01 .slideWrap .slide .main_img02{ background:url("/resource/dino/images/dinosaur/main/main_txtimg02_01_eng.jpg") center no-repeat;background-size: cover;}

	.mainbox_area01 .slick-arrow{top:60%;transform:translateY(00%); }
}

@media all and (max-width :870px) {
	.mainbox_area01:after{background: url("/resource/dino/images/dinosaur/main/main_wave.png"); height: 30px; }
	/*.mainbox_area01:after{background: url("/resource/dino/images/dinosaur/main/main_wave_eng.png") top center repeat-x;} */
	.mainbox_area01 .slick-arrow{ width:50px; height:50px;}
	.mainbox_area01 .slick-arrow.slick-prev{left:2%;}
	.mainbox_area01 .slick-arrow.slick-next{right:2%;}


}


@media all and (max-width :620px) {
	.mainbox_area01 .slideWrap .slide .main_img{height:420px;}
	.mainbox_area01 .slideWrap .slide .txt_guide{padding:50px 0 0 20px ;}
	.mainbox_area01:after{background-size: 200%;}

}




/*infor*/
.infor{position: absolute; bottom: 0; width: 100%;}
.infor:after{background: url("/resource/dino/images/dinosaur/main/main_wave_eng.png") top center no-repeat;position:absolute; top:50%; display:block; content:''; width: 100%;height: 48px;}
.infor ul{position: relative; z-index: 11; width: 1300px; margin: 0 auto; display: flex;justify-content: space-between;padding: 30px 80px; background: #fff;border: solid 4px #ffb400;border-radius: 50px;}
.infor li{text-align: center;}
.infor li span{font-size: 16px; border-radius: 20px; border: #ccc solid 1px; background: #fff; padding: 5px 20px;text-align: center;margin-right: 10px;}
.infor li p{ display: inline-block;font-size: 20px; letter-spacing: -0.05em; }




@media all and (max-width :1320px) {
	.infor:after{height: 62px;}
	.infor ul{width: 94%; padding: 20px 50px;border-radius: 70px;}
	.infor li span{display: block;width: 120px; margin: 0 auto;}
	.infor li p{display:block;margin-top: 10px; text-align: center;}
}


@media all and (max-width :1024px) {
	.infor ul{padding: 20px 30px;}
	.infor li span{font-size: 15px; }
	.infor li p{font-size: 17px;}

}

@media all and (max-width :767px) {
	.infor{position: relative; background:#1b162e ; padding-top: 30px; }
	.infor:after{top:-25px;background-size: 300%;}
	.infor ul{width: 90%; flex-direction: column;border-radius: 30px;border: solid 3px #ffb400;}
	.infor li{width: 100%;margin-top: 20px;}
	.infor li:nth-of-type(1){margin-top: 0;}
	
	.mainbox_area01 .slideWrap .slide .txt_guide .small		{ font-size:1.5rem; line-height:1.3 }
	.mainbox_area01 .slideWrap .slide .txt_guide strong		{ font-size:3.8rem; line-height:1.3}
	.mainbox_area01 .slideWrap .slide .txt_guide .text		{ font-size:2.6rem; line-height:1.3}
}

 @media all and (max-width :568px) {
	
	.mainbox_area01 .slideWrap .slide .txt_guide .small		{ font-size:1.2rem; }
	.mainbox_area01 .slideWrap .slide .txt_guide strong		{ font-size:2.8rem; }
	.mainbox_area01 .slideWrap .slide .txt_guide .text		{ font-size:1.6rem; }
}