@charset "UTF-8";

/* main-title pict */
.mv-pict-text {
	left: -42px;
	top: -23px;
}
.mv-pict1 {
	left: -23px;
	top: 114px;
}
.mv-pict3 {
	right: -23px;
	top: 87px;
}
/* カモメ */
.mv-pict2 {
	left: 95px;
	top: -14px;
}
.mv-pict4-1 {
	right: 33px;
	top: 0px;
}
.mv-pict4-2 {
	right: 70px;
	top: 42px;
}
.mv-pict-star-lt1 {
	left: -58px;
	top: 157px;
}
.mv-pict-star-lt1 {
	left: -58px;
	top: 157px;
}
.mv-pict-star-lt2 {
	left: -33px;
	top: 181px;
}
.mv-pict-star-rt1 {
	right: -5px;
	top: 29px;
}
.mv-pict-star-rt2 {
	right: -20px;
	top: 60px;
}

/* mv bottom pict */
.mv-pict-wrap-btm-lt {
	left: calc(89 / 1920 * 100vw);
	bottom: -1px;
	width: 388px;
	height: 181px;
}
.mv-pict5 {
	left: 126px;
	bottom: 68px;
}
.mv-pict6 {
	left: 121px;
	bottom: 28px;
}
.mv-pict-star-btm-lt1 {
	left: 8px;
	bottom: 151px;
}
.mv-pict-star-btm-lt2 {
	left: 182px;
	bottom: 10px;
}
.mv-pict-star-btm-lt3 {
	left: 208px;
	bottom: 35px;
}
.mv-pict-wrap-btm-rt {
	right: 218px;
	bottom: -1px;
	width: 420px;
	height: 242px;
}
.mv-pict7 {
	left: 144px;
	bottom: -9px;
}
.mv-pict8 {
	left: 97px;
	bottom: 24px;
}
.mv-pict-star-btm-rt1 {
	left: 142px;
	bottom: 120px;
}
.mv-pict-star-btm-rt2 {
	left: 250px;
	bottom: 170px;
}
@media (min-width: 1237px) and (max-width: 1600px) {
  .mv-pict-text {
		left: calc(-42 / 1600 * 100vw);
		top: calc(-23 / 1600 * 100vw);
		width: calc(152 / 1600 * 100vw);
	}
	.mv-pict1 {
		left: calc(-23 / 1600 * 100vw);
		top: calc(114 / 1600 * 100vw);
		width: calc(108 / 1600 * 100vw);
	}
	.mv-pict3 {
		right: calc(-23 / 1600 * 100vw);
		top: calc(87 / 1600 * 100vw);
		width: calc(109 / 1600 * 100vw);
	}
	.mv-pict2 {
		left: calc(95 / 1600 * 100vw);
		top: calc(-14 / 1600 * 100vw);
		width: calc(59 / 1600 * 100vw);
	}
	/* カモメ */
	.mv-pict4-1 {
		right: calc(33 / 1600 * 100vw);
		top: calc(0 / 1600 * 100vw);
		width: calc(70 / 1600 * 100vw);
	}
	.mv-pict4-2 {
		right: calc(70 / 1600 * 100vw);
		top: calc(42 / 1600 * 100vw);
		width: calc(40 / 1600 * 100vw);
	}
	.mv-pict-star-lt1 {
		left: calc(-58 / 1600 * 100vw);
		top: calc(157 / 1600 * 100vw);
	}
	.mv-pict-star-lt2 {
		left: calc(-33 / 1600 * 100vw);
		top: calc(181 / 1600 * 100vw);
	}
	.mv-pict-star-rt1 {
		right: calc(-5 / 1600 * 100vw);
		top: calc(29 / 1600 * 100vw);
	}
	.mv-pict-star-rt2 {
		right: calc(-20 / 1600 * 100vw);
		top: calc(60 / 1600 * 100vw);
	}

	.mv-pict-wrap-btm-lt {
		width: calc(388 / 1700 * 100vw);
		height: calc(181 / 1700 * 100vw);
	}
	.mv-pict5 {
		left: calc(126 / 1700 * 100vw);
		bottom: calc(68 / 1700 * 100vw);
	}
	.mv-pict6 {
		left: calc(121 / 1700 * 100vw);
		bottom: calc(28 / 1700 * 100vw);
	}
	.mv-pict-star-btm-lt1 {
		left: calc(8 / 1700 * 100vw);
		bottom: calc(151 / 1700 * 100vw);
	}
	.mv-pict-star-btm-lt2 {
		left: calc(182 / 1700 * 100vw);
		bottom: calc(10 / 1700 * 100vw);
	}
	.mv-pict-star-btm-lt3 {
		left: calc(208 / 1700 * 100vw);
		bottom: calc(35 / 1700 * 100vw);
	}
	.mv-pict-wrap-btm-rt {
		width: calc(420 / 1700 * 100vw);
		height: calc(242 / 1700 * 100vw);
	}
	.mv-pict7 {
		left: calc(144 / 1700 * 100vw);
		bottom: calc(-9 / 1700 * 100vw);
	}
	.mv-pict8 {
		left: calc(97 / 1700 * 100vw);
		bottom: calc(24 / 1700 * 100vw);
	}
	.mv-pict-star-btm-rt1 {
		left: calc(142 / 1700 * 100vw);
		bottom: calc(120 / 1700 * 100vw);
	}
	.mv-pict-star-btm-rt2 {
		left: calc(250 / 1700 * 100vw);
		bottom: calc(170 / 1700 * 100vw);
	}
}
@media (min-width: 769px) and (max-width: 1236px) {
  .mv-pict-text {
		left: -32px;
		top: -18px;
		width: 119px;
	}
	.mv-pict1 {
		left: -18px;
		top: 89px;
		width: 84px;
	}
	.mv-pict3 {
		right: -18px;
		top: 68px;
		width: 85px;
	}
	.mv-pict2 {
		left: 74px;
		top: -11px;
		width: 46px;
	}
	.mv-pict4-1 {
		right: 26px;
		top: 0px;
		width: 55px;
	}
	.mv-pict4-2 {
		right: 55px;
		top: 33px;
		width: 31px;
	}
	.mv-pict-star-lt1 {
		left: -45px;
		top: 123px;
	}
	.mv-pict-star-lt2 {
		left: -26px;
		top: 141px;
	}
	.mv-pict-star-rt1 {
		right: -4px;
		top: 23px;
	}
	.mv-pict-star-rt2 {
		right: -16px;
		top: 47px;
	}
}
@media (max-width: 768px) {
  .mv-pict-text {
		left: calc(-60 / 750 * 100vw);
		top: calc(-54 / 750 * 100vw);
		width: calc(132 / 750 * 100vw);
	}
	.mv-pict1 {
		left: calc(-39 / 750 * 100vw);
		top: calc(67 / 750 * 100vw);
		width: calc(83 / 750 * 100vw);
	}
	.mv-pict3 {
		right: calc(-35 / 750 * 100vw);
		top: calc(75 / 750 * 100vw);
		width: calc(83 / 750 * 100vw);
	}
	.mv-pict2 {
		left: calc(70 / 750 * 100vw);
		top: calc(-26 / 750 * 100vw);
		width: calc(45 / 750 * 100vw);
	}
	.mv-pict4-1 {
		right: calc(-2 / 750 * 100vw);
		top: calc(-7 / 750 * 100vw);
		width: calc(59 / 750 * 100vw);
	}
	.mv-pict4-2 {
		right: calc(32 / 750 * 100vw);
		top: calc(30 / 750 * 100vw);
		width: calc(28 / 750 * 100vw);
	}

	.mv-pict-wrap-btm-lt {
		left: calc(69 / 750 * 100vw);
		width: calc(217 / 750 * 100vw);
		height: calc(101 / 750 * 100vw);
	}
	.mv-pict5 {
		left: calc(73 / 750 * 100vw);
		top: calc(41 / 750 * 100vw);
		width: calc(36 / 750 * 100vw);
	}
	.mv-pict6 {
		left: calc(74 / 750 * 100vw);
		top: calc(69 / 750 * 100vw);
		width: calc(25 / 750 * 100vw);
	}

	.mv-pict-wrap-btm-rt {
		right: calc(-41 / 750 * 100vw);
		width: calc(251 / 750 * 100vw);
		height: calc(145 / 750 * 100vw);
	}
	.mv-pict7 {
		left: calc(86 / 750 * 100vw);
		top: calc(84 / 750 * 100vw);
		width: calc(50 / 750 * 100vw);
	}
	.mv-pict8 {
		left: calc(52 / 750 * 100vw);
		top: calc(102 / 750 * 100vw);
		width: calc(22 / 750 * 100vw);
	}
}

/* pickup */
.pickup-item-pict-star{
	left: 0;
	top: 0;
}
.pickup-title-pict-lt{
	left: -50px;
	top: 50%;
	transform: translateY(-50%);
	width: 45px;
	height: 100px;
}
.pickup-title-pict-rt{
	right: -50px;
	top: 50%;
	transform: translateY(-50%);
	width: 45px;
	height: 100px;
}
.pickup-title-pict1 {
	top: 0;
	right: 5px;
}
.pickup-title-pict2 {
	top: 25px;
	left: 0;
}
.pickup-title-pict3 {
	top: 60px;
	left: 0;
}
.pickup-title-pict4 {
	bottom: 0;
	right: 0;
}
.pickup-title-pict5 {
	top: 0;
	left: 5px;
}
.pickup-title-pict6 {
	top: 25px;
	right: 0;
}
.pickup-title-pict7 {
	top: 60px;
	right: 0;
}
.pickup-title-pict8 {
	bottom: 0;
	left: 0;
}
@media (max-width: 768px){
	.pickup-title-pict-lt, .pickup-title-pict-rt{
		transform: translateY(-50%) scale(0.8);
	}
}

/* update */
.update-title-pict1 {
	top: -35px;
	left: -20px;
}
.update-title-pict2 {
	top: -10px;
	left: -45px;
}
.update-title-pict3 {
	top: 45px;
	left: -45px;
}
.update-title-pict4 {
	top: 70px;
	left: -20px;
}
.update-title-pict5 {
	top: -35px;
	right: -20px;
}
.update-title-pict6 {
	top: -10px;
	right: -45px;
}
.update-title-pict7 {
	top: 45px;
	right: -45px;
}
.update-title-pict8 {
	top: 70px;
	right: -20px;
}

/* movie */
.movie-pict-lt{
	left: -75px;
	top: -80px;
	width: 315px;
}
.movie-pict1-1 {
	left: 102px;
	top: 36px;
}
.movie-pict1-2 {
	left: 157px;
  top: 142px;
}
.movie-pict2 {
	left: 35px;
	top: 193px;
}
/* サンダル */
.movie-pict3 {
		left: 121px;
	top: 557px;
}
/* のみもの */
.movie-pict4 {
	left: 176px;
	top: 407px;
}
/* サングラス */
.movie-pict5 {
	left: 60px;
	top: 372px;
}

.movie-pict-star-lt1 {
	right: 0;
	top: 0;
}
.movie-pict-star-lt2 {
	left: 280px;
	top: 30px;
}
.movie-pict-star-lt3 {
	left: 27px;
	top: 197px;
}
.movie-pict-star-lt4 {
	left: 0;
	top: 438px;
}
.movie-pict-star-lt5 {
	left: 27px;
	top: 477px;
}
.movie-pict-star-lt6 {
	left: 267px;
	top: 635px;
}
/* ここから白 */
.movie-pict-star-lt7 {
	left: 252px;
	top: 107px;
}
.movie-pict-star-lt8 {
	left: 240px;
	top: 142px;
}
.movie-pict-star-lt9 {
	left: 163px;
	top: 323px;
}
.movie-pict-star-lt10 {
	left: 185px;
	top: 356px;
}
.movie-pict-star-lt11 {
	left: 110px;
	top: 506px;
}
.movie-pict-star-lt12 {
	left: 223px;
	top: 540px;
}

.movie-pict-rt{
	width: 323px;
	right: -45px;
	top: -100px;
}
.movie-pict6 {
	left: 50px;
	top: 68px;
}
.movie-pict7 {
	left: 120px;
	top: 124px;
}
/* 花 */
.movie-pict8-2 {
	left: 162px;
	top: 240px;
}
/* ボール */
.movie-pict8-1 {
	left: 210px;
	top: 260px;
}
/* ヒトデ 貝*/
.movie-pict9 {
	left: 138px;
	top: 360px;
}
/* イルカ */
.movie-pict10 {
	left: 145px;
	top: 486px;
}
/* サンゴ */
.movie-pict11 {
	left: 27px;
	top: 561px;
}
.movie-pict-star-rt1 {
	left: 0;
	top: 0;
}
.movie-pict-star-rt2 {
	left: 43px;
	top: 33px;
}
.movie-pict-star-rt3 {
	left: 302px;
	top: 220px;
}
.movie-pict-star-rt4 {
	left: 298px;
	top: 528px;
}
.movie-pict-star-rt5 {
	left: 287px;
	top: 566px;
}
.movie-pict-star-rt6 {
	left: 82px;
	top: 648px;
}
/* ここから白 */
.movie-pict-star-rt7 {
	left: 73px;
	top: 157px;
}
.movie-pict-star-rt8 {
	left: 220px;
	top: 173px;
}
.movie-pict-star-rt9 {
	left: 146px;
	top: 228px;
}
.movie-pict-star-rt10 {
	left: 130px;
	top: 335px;
}
.movie-pict-star-rt11 {
	left: 242px;
	top: 460px;
}
.movie-pict-star-rt12 {
	left: 73px;
	top: 489px;
}
.movie-pict-star-rt13 {
	left: 104px;
	top: 520px;
}
@media (min-width: 769px) and (max-width: 1785px) {
	.movie-pict11 {
		top: 580px;
		right: 140px;
	}
}
@media (min-width: 769px) and (max-width: 1536px){
	.movie-pict-lt {
		left: -15px;
	}
	.movie-pict-rt{
		right: -17px;
	}
}
@media (min-width: 769px) and (max-width: 1475px){
	.movie-pict1-1 {
		top: -24px;
	}
	.movie-pict1-2 {
    top: 82px;
	}
	.movie-pict4 {
    left: 50px;
    top: 438px;
	}
}
@media (min-width: 769px) and (max-width: 1366px){
	.movie-pict5 {
    left: 4px;
	}
	.movie-pict7 {
    top: 37px;
	}
	.movie-pict8-2 {
		left: 180px;
	}
	.movie-pict9 {
		left: 214px;
	}
	.movie-pict10 {
		left: 184px;
		top: 552px;
	}
}
@media (max-width: 768px){
	.movie-pict-lt {
		transform: scale(.5);
    left: -21%;
    top: -5%;
	}
	.movie-pict-rt {
		transform: scale(.5);
    right: -21%;
    top: -5%;
	}
	.movie-pict1-1 {
    left: 102px;
    top: -64px;
	}
	.movie-pict1-2 {
    left: 157px;
    top: 40px;
	}
	.movie-pict6 {
		top: 47px;
	}
}
@media (max-width: 490px){
.movie-pict2 {
    left: 10px;
    top: 42px;
	}
	.movie-pict4 {
		display: none;
	}
	.movie-pict5 {
		left: 38px;
    top: 566px;
	}
	.movie-pict7 {
    top: -14px;
	}
	.movie-pict9 {
    left: 215px;
		top: 58px;
	}
	.movie-pict10 {
		left: 166px;
		top: 572px;
	}
}

/* about */
.about-pict-wrap-pc {
	top: -35px;
	right: 75px;
	width: 390px;
	height: 230px;
}
.about-pict-text {
	top: 2px;
	left: 0;
}
.about-pict {
	top: 0;
	right: 0;
}
.about-pict-star-lt1 {
	top: 64px;
	left: -36px;
}
.about-pict-star-lt2 {
	top: 88px;
	left: -70px;
}
.about-pict-star-lt3 {
	top: 118px;
	left: -41px;
}
.about-pict-star-rt1 {
	top: 74px;
	right: 0;
}
.about-pict-star-rt2 {
	top: 140px;
	right: -36px;
}
.about-pict-star-rt3 {
	top: 167px;
	right: -18px;
}
.about-pict-star-btm-lt{
	width: 100px;
	height: 110px;
	top: -340px;
	left: 2.5%;
}
.about-pict-star-btm-lt1 {
	top: 0;
	left: 25px;
}
.about-pict-star-btm-lt2 {
	top: 45px;
	left: 0;
}
.about-pict-star-btm-lt3 {
	bottom: 0;
	right: 0;
}
.about-pict-star-btm-rt{
	width: 100px;
	height: 110px;
	top: -340px;
	right: 7%;
}
.about-pict-star-btm-rt1 {
	top: 0;
	right: 35px;
}
.about-pict-star-btm-rt2 {
	top: 42px;
	right: 0;
}
.about-pict-star-btm-rt3 {
	bottom: 0;
	left: 0;
}
@media (min-width: 769px) and (max-width: 1536px) {
	.about-pict-wrap-pc {
		width: calc(390 / 1536 * 100vw);
		min-width: 314px;
		right: 2vw
	}
	.about-pict {
		width: calc(194 / 1536 * 100vw);
		min-width: 169px;
	}
	.about-pict-text {
		width: calc(214 / 1536 * 100vw);
		min-width: 187px;
	}
}
@media (max-width: 1366px) {
	.about-pict-star-btm-lt1 {
		display: none;
	}
	.about-pict-star-btm-lt3 {
		left: 60px;
	}
	.about-pict-star-btm-rt1 {
		display: none;
	}
	.about-pict-star-btm-rt3 {
		right: 100px;
	}
}
@media (max-width: 1236px) {
	.about-pict-wrap-pc {
		right: 23px
	}
}
@media (max-width: 768px) {
	.about-pict-wrap-rt-sp {
		top: 15px;
		left: auto;
		right: 9px;
		width: 150px;
	}
	.about-pict-wrap-lt-sp {
		top: 240px;
		right: auto;
		bottom: 0;
		left: 40px;
		width: 125px;
		height: 125px;
	}
	.about-pict-text {
		width: 125px;
	}
	.about-pict-star-btm-lt,
	.about-pict-star-btm-rt{
		display: none;
	}
}

/* features */
.features-pict1 {
	top: 125px;
	left: 100px;
}
.features-pict2 {
	top: 85px;
	left: 187px;
}
.features-pict3 {
	top: 100px;
	right: 190px;
}
.features-pict4 {
	top: 125px;
	right: 130px;
}
.features-pict5 {
	top: 457px;
	left: 35px;
}
.features-pict6 {
	bottom: 322px;
	left: 22px
}
.features-pict7 {
	bottom: 283px;
	left: 52px;
}
.features-pict8 {
	top: 967px;
	right: 96px;
}
.features-pict9 {
	top: 1057px;
	right: 74px;
}
.features-pict10 {
	bottom: 40px;
	right: 100px;
}
.features-pict11 {
	top: 460px;
	right: 140px;
}

.features-pict-star-lt1 {
	top: 235px;
	left: 195px;
}
.features-pict-star-lt2 {
	top: 289px;
	left: 170px;
}
.features-pict-star-lt3 {
	top: 368px;
	left: 22px;
}
.features-pict-star-lt4 {
	top: 406px;
	left: 38px;
}
.features-pict-star-lt5 {
	bottom: 386px;
	left: 19px;
}
.features-pict-star-lt6 {
	bottom: 364px;
	left: 49px;
}
.features-pict-star-lt7 {
	bottom: 139px;
	left: 32px;
}
.features-pict-star-lt8 {
	bottom: 115px;
	left: 66px;
}
.features-pict-star-rt1 {
	top: 116px;
	right: 101px;
}
.features-pict-star-rt2 {
	top: 165px;
	right: 79px;
}
.features-pict-star-rt3 {
	top: 857px;
	right: 79px;
}
.features-pict-star-rt4 {
	top: 905px;
	right: 105px;
}
.features-pict-star-rt5 {
	bottom: 125px;
	right: 105px;
}
.features-pict-star-rt6 {
	bottom: 105px;
	right: 83px;
}
@media (min-width: 769px) and (max-width: 1750px) {
	.features-pict6 {
		bottom: 110px;
		left: 132px
	}
	.features-pict7 {
		bottom: 80px;
		left: 162px;
	}
}
@media (max-width: 1536px) {
	.features-pict1 {
		top: 50px;
		left: 100px;
	}
	.features-pict2 {
		top: 65px;
		left: 187px;
	}
	.features-pict3 {
		top: 40px;
		right: 190px;
	}
	.features-pict4 {
		top: 65px;
		right: 130px;
	}
	.features-pict5 {
		top: 325px;
	}
	.features-pict9 {
		bottom: 383px;
	}

	.features-pict-star-lt1 {
		top: 11px;
		left: 53px;
	}
	.features-pict-star-lt2 {
		top: 54px;
		left: 36px;
	}
	.features-pict-star-rt1 {
		top: 50px;
	}
	.features-pict-star-rt2 {
		top: 100px;
	}
}
@media (max-width: 1430px) {
	.features-pict8, .features-pict9 {
		display: none;
	}
	.features-pict-star-rt5 {
		bottom: 68px;
		right: 64px;
	}
}
@media (max-width: 1245px) {
	.features-pict5 {
		top: 371px;
		left: 75px;
	}
}
@media (max-width: 768px) {
	.features-pict1 {
		top: 0.8%;
		left: 3%;
		width: calc(64 / 750 * 100vw);
	}
	.features-pict2 {
		top: 0.5%;
		left: 11%;
		width: calc(59 / 750 * 100vw);
	}
	.features-pict3 {
		top: 0.4%;
		right: 10%;
		width: calc(73 / 750 * 100vw);
	}
	.features-pict4 {
		top: 1.5%;
		right: 3%;
		width: calc(55 / 750 * 100vw);
	}
	.features-pict5, .features-pict6, .features-pict7, .features-pict8, .features-pict10 {
		display: none;
	}
	[class*="features-pict-star"] {
		display: none;
	}
}

/* cabins */
.cassette-pict-star1 {
	bottom: calc(15 / 1920 * 100vw);
	left: 27px;
}
.cassette-pict-star2 {
	bottom: 5px;
	left: 53px;
	width: 2.5%;
}
.cassette-pict-star3 {
	bottom: 6px;
	right: 50px;
	width: 2.5%;
}
@media (max-width: 1366px) {
	.cassette-pict-star1 {
		bottom: calc(24 / 1920 * 100vw);
	}
}
@media (max-width: 768px) {
	.cassette-pict-star1 {
		bottom: calc(19 / 750 * 100vw);
	}
}

/* pricing */
.pricing-pict-lt{
	top: 60px;
	left: 7%;
	width: 108px;
}
.pricing-pict1-1 {
	left: 12px;
	top: 92px;
}
.pricing-pict2 {
	left: 0;
	top: 28px;
}
.pricing-pict-star-lt1 {
	left: 71px;
	top: 0px;
}
.pricing-pict-star-lt2 {
	top: 36px;
	right: 0;
}
.pricing-pict-star-lt3 {
	left: 76px;
	top: 62px;
}
.pricing-pict-rt{
	top: 55px;
	right: 10%;
	width: 120px;
}
.pricing-pict3-1 {
	left: 63px;
	top: 36px;
}
.pricing-pict3-2 {
	left: 59px;
	top: 24px;
}
.pricing-pict4 {
	top: 93px;
	right: 0;
}
.pricing-pict-star-rt1 {
	left: 31px;
	top: 0px;
}
.pricing-pict-star-rt2 {
	left: 0;
	top: 35px;
}
.pricing-pict-star-rt3 {
	left: 25px;
	top: 69px;
}
@media (max-width: 768px) {
	.pricing-pict-lt{
		transform: scale(0.8);
	}
	.pricing-pict-rt{
		transform: scale(0.8);
	}
}
@media (max-width: 540px) {
	.pricing-pict-lt{
		transform: scale(0.5);
		left: 1%;
		top: 3%;
	}
	.pricing-pict-rt{
		transform: scale(0.5);
		right: 1%;
		top: 2.5%;
	}
}