@charset "utf-8";

* {margin:0; padding:0;}
ol, ul {list-style-type:none;}
a {outline:none;}
i,span {color: inherit;}

/* cf */
.cf:before, .cf:after {content:""; display:block;	overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

.fixed {
	position: fixed;
}

.anime,
.anime2 {
	opacity: 0;
	transform: translate3d(0, 100%, 0);
  transition: all 1s ease;
	/*display: flex;*/
}
.left {
   transform: translate3d(-50%, 0, 0);
 }
.right {
   transform: translate3d(50%, 0, 0);
}
.top {
   transform: translate3d(0, -50%, 0);
 }
.btm {
   transform: translate3d(0, 10%, 0);
 }
.slow {
   transition: all 1.3s ease;
}
.fast {
   transition: all 0.6s ease;
}
.anime.active,
.anime2.active {
	opacity: 1;
 transform: translate3d(0, 0, 0);
}
.display {
	display:block !important;
}

#topMain section {
    padding: 0;
}


/*********************************

 〜760

 *********************************/

body {
	overflow-x:hidden;
}


table#vlsp_in {
	position:relative;
	width:100% !important;
	margin:0 auto;
	background:#fff;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
	color:#131e41;
	font-size:16px;
	text-align: left;
	-webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-weight: 400;
}


.pc {
	display:none !important;
}
.sp {
	display:block !important;
}
table#vlsp_in img {
	width:100%;
	height:auto !important;
}

/* vlsp_bg */
.vlsp_bg {
	background:url(../images/bg_stripe.png);
}


/* vlsp_nav_sp */
#vlsp_nav_sp {
	position:fixed;
	width:100%;
	height:19vw;
	top:-19vw;
	left:0;
	background:#fff;
	z-index:200;
}
#vlsp_nav_sp .logo {
	position:absolute;
	top:0;
	left:5.9vw;
}
#vlsp_nav_sp img {
	width:auto;
	height:19vw;
}
#vlsp_nav_sp .gnavbtn  {
	position:absolute;
	top:3vw;
	right:4vw;
	width:13vw;
	height:13vw;
	background:#131e41;
	border-radius:1.9vw;
	cursor:pointer;
}
#vlsp_nav_sp .gnavbtn span {
	position:relative;
	display:block;
	width:7.8vw;
	height:0.6vw;
	margin:0 auto;
	background:#fff;
	border-radius:0.3vw;
	transition:0.2s;
}
#vlsp_nav_sp .gnavbtn span:nth-child(1) {top:3.6vw;}
#vlsp_nav_sp .gnavbtn span:nth-child(2) {top:5.8vw;}
#vlsp_nav_sp .gnavbtn span:nth-child(3) {top:8vw;}


/* vlsp_nav_sp_bg */
#vlsp_nav_sp_bg {
	display:none !important;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:-100vw;
	background:#131e41;
	font-size:0;
	line-height:1;
	z-index:300;
	-webkit-overflow-scrolling: touch;
}
#vlsp_nav_sp_bg.open {
	display:block !important;
}
#vlsp_nav_sp_bg img {
	width:100%;
}

#vlsp_nav_sp_bg ul li {
	border-bottom:1px solid #c4c7d0;
}
#vlsp_nav_sp_bg ul li:first-child {
	border-bottom:2px solid #fff;
}
#vlsp_nav_sp_bg ul li:first-child a {
	float:left;
	display:block;
	width:86%;
}
#vlsp_nav_sp_bg ul li:first-child img.btn_close {
	width:14%;
}


/* vlsp_mainimg */
#vlsp_mainimg {
	position:relative;
	background:url(../images/mainimg_bg.png) repeat-x;
	background-size:auto 100%;
}
#vlsp_mainimg .logo {
	padding:12% 0 0 0;
	text-align:center;
}
#vlsp_mainimg .logo img {
	width:85.6%;
}

#vlsp_mainimg .logo svg {
	width:85.6%;
}

#vlsp_mainimg p {
	padding:10% 0 12% 0;
	color:#131e41 !important;
	font-size:3.947vw;
	font-weight: 400;
	line-height:2;
	text-align:center;
}
#vlsp_mainimg .gnavbtn  {
	position:absolute;
	top:3vw;
	right:4vw;
	width:13vw;
	height:13vw;
	background:#131e41;
	border-radius:1.9vw;
	cursor:pointer;
	z-index:100;
}
#vlsp_mainimg .gnavbtn span {
	position:relative;
	display:block;
	width:7.8vw;
	height:0.6vw;
	margin:0 auto;
	background:#fff;
	border-radius:0.3vw;
	transition:0.2s;
}
#vlsp_mainimg .gnavbtn span:nth-child(1) {top:3.6vw;}
#vlsp_mainimg .gnavbtn span:nth-child(2) {top:5.8vw;}
#vlsp_mainimg .gnavbtn span:nth-child(3) {top:8vw;}


/* vlsp_pickup */
#vlsp_pickup {
	padding:0 0 7% 0;
	background:#131e41;
}
#vlsp_pickup .vlsp_pickup_ttl {
	position:relative;
	margin:0 auto;
	padding:9% 0 0 0;
	text-align:center;
}
#vlsp_pickup .vlsp_pickup_ttl img {
	width:24%;
}
#vlsp_pickup .vlsp_pickup_ttl .ttl {
	color:#fff !important;
	font-size:4.3vw;
	font-weight:700;
	line-height:1;
}
#vlsp_pickup .vlsp_pickup_ttl .ttl span {
	display:inline-block;
	padding:0 0 0.5em 0;
	border-bottom:2px solid #fff;
	color:#fff !important;
}

/* 2カラム */
#vlsp_pickup .vlsp_pickup_in {
	width:92%;
	margin:0 auto;
	padding:2% 0 0 0;
}
#vlsp_pickup .vlsp_pickup_in .box {
	position:relative;
	margin:8% 0 0 0;
}

/*
#vlsp_pickup .vlsp_pickup_in .box:nth-child(even) {
	float:right;
}
*/

#vlsp_pickup .vlsp_pickup_in .box a {
	display:block;
	background:#faf7f1;
	border-radius:15px;
	color:#131e41;
	text-decoration:none;
	transition:0.25s;
}
#vlsp_pickup .vlsp_pickup_in .box a:active {
	opacity:0.8;
}
#vlsp_pickup .vlsp_pickup_in .box .img_in {
	position:relative;
	display:table-cell;
	overflow:hidden;
	width:92vw;
	height:42vw;
	background:#fff;
	border-radius:15px 15px 0 0;
	text-align:center;
	vertical-align:middle;
	font-size:0;
	line-height:1;
}
#vlsp_pickup .vlsp_pickup_in .box .img_in .new {
	position:absolute;
	width:15%;
	top:5%;
	left:3%;
}

#vlsp_pickup .vlsp_pickup_in .box .txt_in .cate {
	margin:0 !important;
}
#vlsp_pickup .vlsp_pickup_in .box .txt_in .cate span {
	display:inline-block;
	min-width:28%;
	margin:0 !important;
	padding:0.4em;
	background:#bc9e54;
	color:#fff;
	font-size:3.5vw;
	font-weight:700;
	line-height:1;
	white-space:nowrap;
	text-align:center;
	vertical-align: top;
}
#vlsp_pickup .vlsp_pickup_in .box .txt_in .txt {
	padding:5% 8% 0 8%;
	color:#131e41 !important;
	font-size:3.5vw;
	line-height:1.8;
}
#vlsp_pickup .vlsp_pickup_in .box .txt_in .txt span {
	display:inline-block;
	padding:0 0 0.3em 0;
	font-size:4.2vw;
	font-weight:700;
	color: #131e41;
}
#vlsp_pickup .vlsp_pickup_in .box .option_in {
	display:table-cell;
	width:92vw;
	padding:1em 8% 8% 8%;
	box-sizing:border-box;
	font-size:3.6vw;
	text-align:right;
	vertical-align:bottom;
}
#vlsp_pickup .vlsp_pickup_in .box .option_in .option {
	color:#bc9e54;
	font-weight:700;
	line-height: 1.4;
}
#vlsp_pickup .vlsp_pickup_in .box .option_in .option .cline {
	color:#a7aab7;
	font-size:3.6vw;
	text-decoration:line-through;
}
#vlsp_pickup .vlsp_pickup_in .box .option_in .option .fs120 {
	color:#bc9e54 !important;
	font-size:5.4vw;
}
#vlsp_pickup .vlsp_pickup_in .box .option_in .special {
	margin:0.8em 0 0 0;
	color:#131e41;
	font-size:3.2vw;
	font-weight:700;
}
#vlsp_pickup .vlsp_pickup_in .box .option_in .special span {
	display:inline-block;
	padding:0.6em 0.7em;
	border:1px solid #131e41;
	border-radius:3vw;
	color: #131e41;
	font-size:3.5vw;
}

/* slide内 */
#vlsp_pickup .vlsp_pickup_slider {
	width:85vw;
	margin:0 auto;
	padding:0 0 3vw 0;
}
#vlsp_pickup .vlsp_pickup_slider .box {
	float:left;
	width:40vw;
	margin:7vw 5vw 0 0;
	background:#faf7f1;
	border-radius:15px;
	position: relative;
}
#vlsp_pickup .vlsp_pickup_slider .box a {
	display:block;
	background:#faf7f1;
	border-radius:3vw;
	color:#131e41;
	text-decoration:none;
}
#vlsp_pickup .vlsp_pickup_slider .box .img_in {
	position:relative;
	display:table-cell;
	width:41vw;
	height:22vw;
	background:#fff;
	border-radius:3vw 3vw 0 0;
	text-align:center;
	vertical-align:middle;
	line-height:1;
}
#vlsp_pickup .vlsp_pickup_slider .box .img_in img {
	width:100%;
	max-width:41vw;
	max-height:22vw;
	margin:0 auto;
	border-radius: 3vw 3vw 0vw 0vw;
	overflow: hidden;
}

#vlsp_pickup .vlsp_pickup_slider .box .txt_in .cate span {
	display:inline-block;
	padding:0.4em 0.5em;
	background:#bc9e54;
	color:#fff;
	font-size:2.4vw;
	font-weight:700;
	line-height:1;
	vertical-align: top;
}
#vlsp_pickup .vlsp_pickup_slider .box .txt_in .txt {
	padding:1vw 3vw 3vw;
	color:#131e41 !important;
	font-size:3vw;
	font-weight:700;
	line-height:1.4;
}
#vlsp_pickup .vlsp_pickup_slider .box .option_in {
	display:table-cell;
	width:40vw;
	padding:0vw 3vw 3vw;
	box-sizing:border-box;
	font-size:3vw;
	text-align:right;
	vertical-align:bottom;
	line-height:1.4;
}
#vlsp_pickup .vlsp_pickup_slider .box .option_in .option {
	color:#bc9e54;
	font-size:3vw;
	font-weight:700;
	line-height: 1.4;
}

#vlsp_pickup .vlsp_pickup_slider .box .option_in .special {
	margin:0.8em 0 0 0;
	color:#131e41;
	font-size:2.6vw;
	font-weight:700;
}

#vlsp_pickup .vlsp_pickup_slider .box .option_in .special span {
	display:inline-block;
	padding:0.4em 0.6em;
	border:1px solid #131e41;
	border-radius:2vw;
	color: #131e41;
	font-size:2.6vw;
}

#vlsp_pickup .slider {
	position:relative;
}
#vlsp_pickup .prev-arrow {
	position:absolute;
	top:50%;
	width:5vw;
	left:-5vw;
}
#vlsp_pickup .next-arrow {
	position:absolute;
	top:50%;
	width:5vw;
	right:-5vw;
}
.slick-dots {
	position:absolute;
	left:0;
	bottom:-1vw !important;
	font-size:2.4vw;
}
.slick-dots li {
	margin:0 0.5vw !important;
}
.slick-dots li button:before {
	color:#fff !important;
	font-size:2.4vw !important;
}
.slick-dots li.slick-active button:before {
	color:#bc9e54 !important;
}
#vlsp_pickup .btn {
	width:79%;
	margin:8vw auto 0 auto;
}


/* vlsp_magazine */
#vlsp_magazine {
	color:#fff !important;
}
#vlsp_magazine .ttl {
	padding:12.5% 0 0 0;
	color:#131e41;
	font-size:4.3vw;
	font-weight:700;
	line-height:1;
	text-align:center;
}
#vlsp_magazine .ttl img {
	width:36.6%;
}

#vlsp_magazine .vlsp_magazine_in {
	width:92vw;
	margin:36px auto 0 auto;
	padding:8vw;
	background:#131e41;
	border-radius:18px;
	box-sizing:border-box;
}
#vlsp_magazine .vlsp_magazine_in dl {
	width:100%;
}

img.vlsp_magazine_in_img {
  margin: 3.947vw auto;
}

#vlsp_magazine .vlsp_magazine_in dl dt {
	display:block;
	padding:0 0 4vw 0;
	box-sizing:border-box;
	color:#fff;
	font-size:5.2vw;
	font-weight:700;
	text-align:center;
}

#vlsp_magazine .vlsp_magazine_in dl dt img {
    width: 100%;
}

#vlsp_magazine .vlsp_magazine_in dl dd {
	display:block;
	text-align:center;
}

#vlsp_magazine .vlsp_magazine_in p {
	margin:2em 0 0 0;
	color:#fff;
	font-size:3.947vw;
	line-height:2;
}

#vlsp_magazine .vlsp_magazine_in p a {
	color:#bc9e54 !important;
	font-size:3.947vw;
	line-height:2;
}

.coming_soon {
  display: block;
  width: 50vw;
  height: 20vw;
  background: url(../images/coming_soon.svg) no-repeat;
  background-size: contain;
  margin: 5vw auto;
}


#vlsp_magazine .special_box {
width:100%;
margin:30px auto 0 auto;
border-radius:3vw;
box-sizing:border-box;
background-color: #fff;
}
#vlsp_magazine .special_box dl {
	display:table;
}
#vlsp_magazine .special_box dl dt {
 display:block;
 padding:4vw 6vw 0 6vw;
 font-size:3.947vw;
 text-align:left;
 color: #131e41;
}
#vlsp_magazine .special_box dl dd {
 display:block;
 padding:3vw 6vw 4vw 6vw;
 font-size:3.4vw;
 text-align:right;
 color: #131e41;
}
#vlsp_magazine .special_box dl dd .ttl {
  margin:0;
  padding:0 !important;
  font-size:4.5vw;
  text-align:left;
  line-height:1.2;
  color: #131e41;
}
#vlsp_magazine .special_box dl dd .price {
	margin:1.1em 0 0 0;
	padding:0;
	color:#bc9e54 !important;
	font-size:3.6vw;
	font-weight:700;
	line-height:1.2;
}
#vlsp_magazine .special_box dl dd .price .cline {
	color:#a7aab7;
	font-size:3.947vw !important;
	text-decoration:line-through;
}
#vlsp_magazine .special_box dl dd .price .fs130 {
	font-size:6vw;
	color: #bc9e54;
}
#vlsp_magazine .vlsp_magazine_in .btn {
	margin:7vw 0 0 0;
}
#vlsp_magazine .vlsp_magazine_in .btn a {
	display:block;
	padding:0.8em 0;
	background:#bc9e54 url(../images/magazine_icn.png) 95% center no-repeat;
	border-radius:2vw;
	text-align:center;
	color:#fff;
	font-size:4.2vw;
	font-weight:700;
	line-height:1;
	letter-spacing:0.1em;
	text-decoration:none;
}


/* vlsp_help */

#vlsp_help .ttl {
	padding:15% 0 0 0;
	color:#131e41;
	font-size:4.3vw;
	font-weight:700;
	line-height:1;
	text-align:center;
}
#vlsp_help .ttl img {
	width:32%;
}
#vlsp_help .ttl span {
	display:inline-block;
	padding:0 0 0.5em 0;
	border-bottom:2px solid #131e41;
}
#vlsp_help .vlsp_help_in {
	width:92vw;
	margin:0 auto;
	padding:3vw 0 0 0;
}

#vlsp_help .vlsp_help_in ul li {
	float:left;
	width:44vw;
	margin:4.5vw 0 0 0;
	line-height:1;
}
#vlsp_help .vlsp_help_in ul li:nth-child(even) {
	float:right;
}


/* vlsp_news */
#vlsp_news {
	padding:0 0 26% 0;
}
#vlsp_news .ttl {
	padding:14% 0 0 0;
	color:#131e41;
	font-size:4.3vw;
	font-weight:700;
	line-height:1;
	text-align:center;
}
#vlsp_news .ttl img {
	width:34.7%;
}
#vlsp_news .ttl span {
	display:inline-block;
	padding:0 0 0.5em 0;
	border-bottom:2px solid #131e41;
}
#vlsp_news .vlsp_news_in {
	width:92vw;
	margin:6vw auto 0 auto;
	padding:10vw 2em 0;
	background:#fff;
	border-radius:6vw;
	box-sizing:border-box;
}



#vlsp_news .bar::-webkit-scrollbar {
	width:5px;
	height:auto;
}
#vlsp_news .bar::-webkit-scrollbar-track {
	background:#e6f4ff;
	box-shadow:inset 0 0 6px rgba(0,0,0,0.1);
}
#vlsp_news .bar::-webkit-scrollbar-thumb {
	background:#131e41;
}
#vlsp_news .vlsp_news_in dl {
	width:100%;
	font-size:3vw;
	-webkit-overflow-scrolling: touch;
}
#vlsp_news .vlsp_news_in dl a {
	color:#131e41;
	text-decoration:none !important;
	font-size: 3.947vw;
}
#vlsp_news .vlsp_news_in dl dt {
	display:block;
	padding:1.4em 0 0.8em 0;
	font-size:3.947vw;
	font-weight:700;
	color: #131e41;
}
#vlsp_news .vlsp_news_in dl dt.new {
	background:url(../images/news_icn.png) 7em 1.4em no-repeat;
	background-size:auto 1.4em;
}
#vlsp_news .vlsp_news_in dl dd {
	display:block;
	padding:0 0 1.4em 0;
	border-bottom:1px solid #131e41;
	font-size:3.947vw;
    color: #131e41;
	line-height:2;
}
#vlsp_news .vlsp_news_in dl dd:last-child {
	border-bottom:0;
}

#vlsp_news .modal_news {
	display:none;
	position:fixed;
	width:88vw;
	top:0;
	left:0;
	margin:0;
	z-index:201;
}
#vlsp_news .modal_news .vlsp_news_in {
	width:100%;
	margin:0 auto;
	padding:4vw 7vw 7vw 7vw;
}
#vlsp_news .modal_news .vlsp_news_in dl {
	border-bottom:1px solid #131e41;
}
#vlsp_news .modal_news .vlsp_news_in dl dt {
	padding:1.4em 0 0.8em 0;
	color: #131e41;
}
#vlsp_news .modal_news .vlsp_news_in dl dd {
	padding:0 0 1.4em 0;
	color: #131e41;
}
#vlsp_news .modal_news .vlsp_news_in p {
	margin:1.8em 0 0 0;
	font-size:3vw;
	line-height:2;
	color: #131e41;
}
#modal_bg {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.7);
	z-index:200;
}

ul.bar.msr_newslist04 {
	border-top: 1.5px solid #131e41;
}

.msr_newslist04 li .news {
  font-size: 3.6vw;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #be965d;
  text-decoration: none;
  transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  width: 100%;
  border-bottom: 1.5px solid #131e41;
  position: relative;
}

.msr_newslist04 li p {
	color: #131e41;
	font-weight: 600;
	display: block;
  font-size: 3.6vw;
  padding: 0 0.6em 0.6em;
}

.msr_newslist04 li p a{
  font-size: 3.6vw;
  color: #131e41;
	font-weight: 600;
}

.msr_newslist04 li .new::after {
  content: "NEW";
  display: inline-block;
  font-size: 3.6vw;
  padding: 0.25em 0.5em;
  border: solid 1.5px;
  position: absolute;
  right: 0.6em;
  top: 0.6em;
	color: #fff;
	background-color: #ff9c7b;
}

/* 時間の設定 */
.msr_newslist04 li time {
  font-size: 3.6vw;
  padding: 1.1em 0.6em;
  display: block;
	color: #131e41;
}

.pagination-container ul {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 2em 0;
}

.pagination-container ul li {
  display: flex;
  justify-content: center;
  align-items: stretch;
  align-content: center;
}

.pagination-container a {
  padding: 0.5em 1em;
  display: block;
  color: #131e41;
  border: 1px solid #131e41;
  text-decoration: none;
  transition: 0.4s;
  margin:0 0.5em 0.5em;
  font-size: 3.6vw;
}

.pagination-container .navi-active a,.pagination-container a:active {
background-color: #131e41;
color: #fff;
}

/* vlsp_profile */
#vlsp_profile {
	padding:0 0 8% 0;
	background:#131e41;
}
#vlsp_profile .ttl {
	padding:9% 0 0 0;
	color:#fff !important;
	font-size:4.3vw;
	font-weight:700;
	line-height:1;
	text-align:center;
}
#vlsp_profile .ttl img {
	width:15%;
}
#vlsp_profile .ttl span {
	display:inline-block;
	padding:0 0 0.5em 0;
	border-bottom:2px solid #fff;
	color:#fff !important;
}
.vlsp_profile_in {
	width:92vw;
	margin:8% auto 0 auto;
	padding:6vw;
	background:#fff;
	border-radius:3vw;
	box-sizing:border-box;
}
.vlsp_profile_in dl {
	width:100%;
	margin:5vw 0 0 0;
}
.vlsp_profile_in dl dt {
	display:block;
	color:#131e41 !important;
	font-size:3.947vw !important;
	line-height:2;
}
.vlsp_profile_in dl dd {
	display:block;
	padding:0 0 5vw 0;
	box-sizing:border-box;
	text-align:center;
}
.vlsp_profile_in dl dd img {
	width:50% !important;
}


/* vlsp_message */
#vlsp_message {
	padding:0 0 9vw 0;
}
#vlsp_message .ttl {
	padding:13.4% 0 0 0;
	color:#131e41;
	font-size:4.3vw;
	font-weight:700;
	line-height:1;
	text-align:center;
}
#vlsp_message .ttl img {
	width:38.4%;
}
#vlsp_message .ttl span {
	display:inline-block;
	padding:0 0 0.5em 0;
	border-bottom:2px solid #131e41;
}
#vlsp_message .lead {
	margin:7vw 0 0 0;
	color:#131e41 !important;
	font-size:3.947vw;
	text-align:center;
	line-height:2.1;
}
#vlsp_message .btn {
	width:79%;
	margin:9vw auto 0 auto;
}

.no_link {
	pointer-events: none;
}

/* SOLD OUT */
img.soldout {
	position: absolute;
	top: 30%;
	left: 0;
	width: 92vw !important;
	opacity: .9;
}

#vlsp_pickup .vlsp_pickup_slider .box .soldout {
    width: 40vw !important;
}

.bikou {
  font-size: 3.2vw !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

svg .svg-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 0.8s;
          transition: fill 0.5s ease-in 0.8s;
}

svg.active .svg-elem-1 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 0.9s;
          transition: fill 0.5s ease-in 0.9s;
}

svg.active .svg-elem-2 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 1s;
          transition: fill 0.5s ease-in 1s;
}

svg.active .svg-elem-3 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 1.1s;
          transition: fill 0.5s ease-in 1.1s;
}

svg.active .svg-elem-4 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 1.2000000000000002s;
          transition: fill 0.5s ease-in 1.2000000000000002s;
}

svg.active .svg-elem-5 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 1.3s;
          transition: fill 0.5s ease-in 1.3s;
}

svg.active .svg-elem-6 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 1.4000000000000001s;
          transition: fill 0.5s ease-in 1.4000000000000001s;
}

svg.active .svg-elem-7 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 1.5s;
          transition: fill 0.5s ease-in 1.5s;
}

svg.active .svg-elem-8 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 1.6s;
          transition: fill 0.5s ease-in 1.6s;
}

svg.active .svg-elem-9 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 1.7000000000000002s;
          transition: fill 0.5s ease-in 1.7000000000000002s;
}

svg.active .svg-elem-10 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 1.8s;
          transition: fill 0.5s ease-in 1.8s;
}

svg.active .svg-elem-11 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-12 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 1.9000000000000001s;
          transition: fill 0.5s ease-in 1.9000000000000001s;
}

svg.active .svg-elem-12 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-13 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 2s;
          transition: fill 0.5s ease-in 2s;
}

svg.active .svg-elem-13 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-14 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 2.1s;
          transition: fill 0.5s ease-in 2.1s;
}

svg.active .svg-elem-14 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-15 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 2.2s;
          transition: fill 0.5s ease-in 2.2s;
}

svg.active .svg-elem-15 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-16 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 2.3s;
          transition: fill 0.5s ease-in 2.3s;
}

svg.active .svg-elem-16 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-17 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 2.4000000000000004s;
          transition: fill 0.5s ease-in 2.4000000000000004s;
}

svg.active .svg-elem-17 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-18 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 2.5s;
          transition: fill 0.5s ease-in 2.5s;
}

svg.active .svg-elem-18 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-19 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 2.6s;
          transition: fill 0.5s ease-in 2.6s;
}

svg.active .svg-elem-19 {
  fill: rgb(255, 156, 123);
}

svg .svg-elem-20 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 2.7s;
          transition: fill 0.5s ease-in 2.7s;
}

svg.active .svg-elem-20 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-21 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 2.8s;
          transition: fill 0.5s ease-in 2.8s;
}

svg.active .svg-elem-21 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-22 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 2.9000000000000004s;
          transition: fill 0.5s ease-in 2.9000000000000004s;
}

svg.active .svg-elem-22 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-23 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 3s;
          transition: fill 0.5s ease-in 3s;
}

svg.active .svg-elem-23 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-24 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 3.1000000000000005s;
          transition: fill 0.5s ease-in 3.1000000000000005s;
}

svg.active .svg-elem-24 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-25 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 3.2s;
          transition: fill 0.5s ease-in 3.2s;
}

svg.active .svg-elem-25 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-26 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 3.3s;
          transition: fill 0.5s ease-in 3.3s;
}

svg.active .svg-elem-26 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-27 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 3.4000000000000004s;
          transition: fill 0.5s ease-in 3.4000000000000004s;
}

svg.active .svg-elem-27 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-28 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 3.5s;
          transition: fill 0.5s ease-in 3.5s;
}

svg.active .svg-elem-28 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-29 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 3.6000000000000005s;
          transition: fill 0.5s ease-in 3.6000000000000005s;
}

svg.active .svg-elem-29 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-30 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 3.7s;
          transition: fill 0.5s ease-in 3.7s;
}

svg.active .svg-elem-30 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-31 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 3.8s;
          transition: fill 0.5s ease-in 3.8s;
}

svg.active .svg-elem-31 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-32 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 3.9000000000000004s;
          transition: fill 0.5s ease-in 3.9000000000000004s;
}

svg.active .svg-elem-32 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-33 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 4s;
          transition: fill 0.5s ease-in 4s;
}

svg.active .svg-elem-33 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-34 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 4.1000000000000005s;
          transition: fill 0.5s ease-in 4.1000000000000005s;
}

svg.active .svg-elem-34 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-35 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 4.2s;
          transition: fill 0.5s ease-in 4.2s;
}

svg.active .svg-elem-35 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-36 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 4.3s;
          transition: fill 0.5s ease-in 4.3s;
}

svg.active .svg-elem-36 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-37 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 4.4s;
          transition: fill 0.5s ease-in 4.4s;
}

svg.active .svg-elem-37 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-38 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 4.5s;
          transition: fill 0.5s ease-in 4.5s;
}

svg.active .svg-elem-38 {
  fill: rgb(255, 255, 255);
}

svg .svg-elem-39 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 4.6000000000000005s;
          transition: fill 0.5s ease-in 4.6000000000000005s;
}

svg.active .svg-elem-39 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-40 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 4.7s;
          transition: fill 0.5s ease-in 4.7s;
}

svg.active .svg-elem-40 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-41 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 4.8s;
          transition: fill 0.5s ease-in 4.8s;
}

svg.active .svg-elem-41 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-42 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 4.9s;
          transition: fill 0.5s ease-in 4.9s;
}

svg.active .svg-elem-42 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-43 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 5s;
          transition: fill 0.5s ease-in 5s;
}

svg.active .svg-elem-43 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-44 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 5.1s;
          transition: fill 0.5s ease-in 5.1s;
}

svg.active .svg-elem-44 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-45 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 5.2s;
          transition: fill 0.5s ease-in 5.2s;
}

svg.active .svg-elem-45 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-46 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 5.3s;
          transition: fill 0.5s ease-in 5.3s;
}

svg.active .svg-elem-46 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-47 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 5.4s;
          transition: fill 0.5s ease-in 5.4s;
}

svg.active .svg-elem-47 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-48 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 5.5s;
          transition: fill 0.5s ease-in 5.5s;
}

svg.active .svg-elem-48 {
  fill: rgb(188, 158, 84);
}

svg .svg-elem-49 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 5.6000000000000005s;
          transition: fill 0.5s ease-in 5.6000000000000005s;
}

svg.active .svg-elem-49 {
  fill: rgb(19, 30, 65);
}

svg .svg-elem-50 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 5.7s;
          transition: fill 0.5s ease-in 5.7s;
}

svg.active .svg-elem-50 {
  fill: rgb(255, 156, 123);
}

svg .svg-elem-51 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 5.8s;
          transition: fill 0.5s ease-in 5.8s;
}

svg.active .svg-elem-51 {
  fill: rgb(255, 156, 123);
}

svg .svg-elem-52 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 5.9s;
          transition: fill 0.5s ease-in 5.9s;
}

svg.active .svg-elem-52 {
  fill: rgb(255, 156, 123);
}

svg .svg-elem-53 {
  fill: transparent;
  -webkit-transition: fill 0.5s ease-in 6s;
          transition: fill 0.5s ease-in 6s;
}

svg.active .svg-elem-53 {
  fill: rgb(255, 156, 123);
}