@charset "UTF-8";
/*
Theme Name:mimosa
Template:understrap
Version: 0.9.4
*/

/*--------------------------------------------------------------
# COMMON
--------------------------------------------------------------*/
/*
a[href^="tel:"] {
    pointer-events: none;
}
*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

a,a:hover{
	color: #212529 !important;
	text-decoration:none;
}
.br-mb { display:none; } 	
.br-tb { display:none; } 	

@media only screen and (max-width:991px){ 	
.br-resp { display:none; } 	
.br-tb { display:block; } 	
} 	
@media only screen and (max-width:767px){ 	
.br-mb { display:block; } 	
.br-pc { display:none; } 	

} 
.display-tb { display: none !important; }
.display-mb { display: none !important; }

@media only screen and (max-width: 991px) {
.display-pc { display: none !important; }
.display-tb { display: block !important; }
}
@media only screen and (max-width: 767px) {
.display-mb { display: block !important; }
}

.bg-black {
    background-color: #000;
}
.bg-lightgray {
    background-color: #F2F2EE;
}
.site-header{
/*    background: rgba(255,255,255,0.8);*/
    background: #000;
    padding: 32px 0 20px;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 999;
}
 
.site-header.hide{
    transform: translateY(-100%);
}
.header-link{
	padding:32px 20px 20px 20px;
}
a:hover{
	text-decoration:none;
}
#wrapper-navbar a{
	color:#FFF !important;
	transition: all 0.6s ease 0s;
}
#wrapper-navbar a:hover{
	color:#A0A0A0 !important;
	text-decoration:none;
}
#wrapper-navbar img:hover{
/*	transform: scale(1.1, 1.1); */
}

nav ul{
	list-style: none;
}
#wrapper-navbar div {
  position: relative;
}

span.drop-btn {
  cursor: pointer;
}

ul.drop-menu {
  display: none;
  position: absolute;
	background-color:#000;
}
#wrapper-footer{
	background-color:#3F3A37;
	color:#FFF;
}
#wrapper-footer a{
	color:#FFF;
	transition: all 0.6s ease 0s;
}
#wrapper-footer a:hover{
	color:#A0A0A0 !important;
	text-decoration:none;
}
#page-recruit{
	padding:280px 5% 0 5%;
}
#wrapper-footer .footer-link{
	border-top:1px solid #FFF;
	padding-top:20px;
	width:80%;
	margin:50px auto;
}
#wrapper-footer .footer-sns{
	width:150px;
	margin:50px auto;
}
.site-footer .logo{
	margin-bottom:70px;
}
.site-footer .googlemap{
	margin:17px 0;
}
.site-footer .phone{
	margin-top:70px;
	margin-bottom:20px;
}
@media only screen and (max-width: 991px) {
	.mobile-header{
		background-color:#000;
		padding:20px;
		z-index:99;
	}
	header.display-tb {
/*	  width: 100%;*/
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: flex-end;
	  align-items: center;
	  height: 60px;
	  padding: 0 20px;
	  position: fixed;
	  top: 0;
	  right: 5%;
	  z-index: 999;
	}
	.menu-trigger {
	  display: inline-block;
	  position: absolute;
	  width: 36px;
	  height: 28px;
	  vertical-align: middle;
	  cursor: pointer;
	  right:5%;
	  top:30px;
	}
	.menu-trigger span {
	  display: inline-block;
	  box-sizing: border-box;
	  position: absolute;
	  left: 0;
	  width: 100%;
	  height: 4px;
	  background-color: #FFF;
	  transition: all .5s .2s;
	}
	.menu-trigger.active span {
	  background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  transform: translateY(12px) rotate(-45deg);
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 12px;
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  transform: translateY(-12px) rotate(45deg);
	}
	nav {
	  width: 100%;
	  background-color: rgba(0, 0, 0, 0.7);
	  color: #fff;
	  text-align: center;
	  display: none;
	  position: fixed;
	  top: 0;
	  left: 0;
	  z-index: 1;
  opacity:0;
	}
	nav ul {
	  padding: 20px 0;
	  list-style:none;
	}
	nav ul li {
	  padding: 5px 0;
	}
	nav a,nav a:hover {
		color:#FFF;
		text-decoration:none;
	}
}
/*--------------------------------------------------------------
# SVG
--------------------------------------------------------------*/

svg .svg-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-1 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-2 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-3 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-elem-4 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-elem-5 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-elem-6 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-elem-7 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-elem-8 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-elem-9 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .svg-elem-10 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-elem-11 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .svg-elem-12 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-elem-13 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .svg-elem-14 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-15 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .svg-elem-15 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-16 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .svg-elem-16 {
  fill: rgb(201, 160, 99);
}

svg .svg-elem-17 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .svg-elem-17 {
  fill: rgb(201, 160, 99);
}

/*--------------------------------------------------------------
# INDEX
--------------------------------------------------------------*/

#gnavi {
  background-color: #000;
/*  height: 100px;*/
}
#mv {
/*  height: 700px;*/
  height: 100%;
  width: 100%;
}
/*前矢印のアイコンフォント*/
.sp-next-arrow:before {
    font-family: FontAwesome !important;
    content: '\f105' !important;
}
/*後矢印のアイコンフォント*/
.sp-previous-arrow:before {
    font-family: FontAwesome !important;
  content: '\f104' !important;
}
/*ナビゲーションボタンの色*/
.sp-button {
    border:2px solid #ccc;
}
.sp-selected-button {
  background-color: #ccc;
}

#index-catch{
	margin:50px auto;
	position: relative;
}
.text{
	line-height:170%;
}
#index-fb,#index-insta{
	background-color:#F2F2EE;
	padding:100px 0;
}
#index-fb .text{
	margin-top: 50px;
	line-height: 270%;
}
#index-fb .fb{
	text-align:center;
}

@media only screen and (max-width: 991px) {
	#index-fb .fb{
		margin-top:50px;
	}
}

.absolute-bottom{
	bottom:0;
}
#index-items{
	background-color:#FFF;
	padding:100px 0;
}
.item-name{
	margin:20px auto 50px;
	width:70%;
	border-bottom:1px solid #888;
	font-weight:bold;
}
.item-name2{
	margin:20px auto;
	font-weight:bold;
}
/*--------------------------------------------------------------
# RECRUIT
--------------------------------------------------------------*/
.page-recruit{
	background-image:url(../../uploads/recruit_main_ph4.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	color:#FFF;	
	padding-bottom:10px;
	position:relative;

}
#recruit-message{
	padding-top:180px;
	margin-bottom:100px;
}
#recruit-message h3{
	margin-top: 50px;
	line-height: 250%;
}
#recruit-message .text{
	margin-top: 50px;
	line-height: 270%;
}
.table-wrapper{
	margin:20px auto 0;
	width:720px;
	padding:50px 90px;
    background: rgba(255,255,255,0.7);
	color:#212529;
	text-align:left;
}
.recruit-table{
	width:100%;
}
.recruit-table th{
	white-space: nowrap; 
	font-weight:normal;
	border-right:1px solid #3F3A37;
}
.recruit-table th,.recruit-table td{
	text-align:left;
	padding:16px;
}
@media only screen and (max-width:991px){
	#recruit-message{
		padding-top:250px;
	}

	.table-wrapper{
		width:80%;
		margin-top:50px;
		padding:40px 25px;
	}
	.recruit-table{
		width:90%;
	}
	.recruit-table th,.recruit-table td{
		display:block;
	}
	.recruit-table th{
		border:none;
		padding-bottom: 0px;
		font-weight:bold;
	}

}
#recruit-apply{
	padding:60px 0;
	color:#FFF;
}
/*--------------------------------------------------------------
# ABOUT
--------------------------------------------------------------*/
.page-about{
}
#about-header{
	background-color: #F2F2EE;
	background-image:url(../../uploads/about_main_ph.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100%;
	height:239px;
	margin-top: 222px;
}
#about-message{
	padding-top:90px;
	margin-bottom:100px;
	background-color: #F2F2EE;
}
@media(max-width: 768px){
	#about-message{
		padding-top:0px !important;
		margin-top: -30px !important;
	}
}

#about-message h3{
	margin-top: 50px;
	line-height: 250%;
}
#about-message .text{
	margin-top: 50px;
	line-height: 270%;
}
#about-message .text{
	margin-top: 50px;
	line-height: 270%;
}
@media only screen and (max-width: 991px) {
	#about-header{
		height:120px;
		margin-top: 0px;
	}
}

#about-patissier {
	padding:80px 0 80px;
	line-height:170%;
	background-color:#FFF;
}
#about-patissier h3{
	letter-spacing: 11px;
}
.yomigana{
	font-size:17px;
	letter-spacing: initial;
}
#about-patissier .sign{
	left:0;
	top:328px;
}
#about-patissier .mimosa{
	right:0;
	top:205px;
}
#about-patissier .photo{
	padding:0 70px 0 41px;
}
#about-patissier svg{
	width:278px;
}
#about-patissier .profile{
	width:500px;
	text-align:left;
	padding-left:50px;
}
#about-patissier .profile table td{
	vertical-align: top;
	padding-bottom:20px;
}
@media only screen and (max-width: 991px) {
	#about-patissier .photo {
	    padding: 0 0 104px;
	}
	#about-patissier .sign{
		right:50%;
		margin-left:120px;
		bottom:0;
	}
	#about-patissier .mimosa{
		left:50%;
		margin-left:30px;
		bottom:20px;
	}
	#about-patissier .profile{
		margin-top:80px;
		padding:0;
		width:100%;
	}
	#about-patissier .logo{
		text-align:center;
		margin-bottom:50px;
	}
}

.nowrap{
	white-space: nowrap;
}
#about-passion {
	padding:80px 0 80px;
	line-height:190%;
	background-color:#F2F2EE;
}
#about-passion .title{
	border-bottom:1px solid #3F3A37;
	margin-bottom:50px;
}
#about-passion .subtitle{
	margin-bottom:30px;
}
#about-passion .section-title{
	width:500px;
	margin-right:70px;
	margin-bottom:20px;
}
#about-passion .text{
	width:500px;
	margin-right:70px;
	margin-bottom:80px;
	line-height:190%;
}
#about-passion .dummy{
	width:338px;
}
@media only screen and (max-width: 991px) {
	#about-passion .text{
		width:100%;
		margin-right:0px;
		margin-bottom:80px;
	}
	#about-passion .section-title{
		width:100%;
		margin-right:0px;
		margin-bottom:0px;
	}

}
#about-strive {
	padding:50px 0 80px;
	line-height:170%;
	background-color:#3F3A37;
	color:#FFF;
}
#about-strive .section-title{
	width:500px;
	margin-left:70px;
	margin-bottom:20px;
}

#about-strive .title{
	border-bottom:1px solid #FFF;
	margin-bottom:50px;
}
#about-strive .subtitle{
	margin-bottom:30px;
}
#about-strive .text{
	width:500px;
	margin-left:70px;
	margin-bottom:80px;
	line-height:190%;
}
#about-strive .dummy{
	width:338px;
}
@media only screen and (max-width: 991px) {
	#about-strive .section-title{
		width:100%;
		margin-left:0;
		margin-bottom:20px;
	}
	#about-strive .text{
		width:100%;
		margin-left:0;
	}
}

#about-chocolate {
	padding:80px 0;
	line-height:170%;
	background-color:#F2F2EE;
	color:#000;
	line-height:190%;
}
#about-chocolate .container{
	background-color:#FFF;
	padding:70px 140px;
}
#about-chocolate .title{
	margin-bottom:30px;
}
@media only screen and (max-width: 991px) {
	.youtube iframe{
	  width: 100%;
	}
	#about-chocolate .container{
		padding:70px 5%;
	}
}
#about-shop {
	padding:80px 0 80px;
	line-height:170%;
	background-color:#F2F2EE;
}
#about-shop .title{
	margin-bottom:80px;
}
#about-shop .shop-info{
	text-align:left;
}
@media only screen and (max-width: 991px) {
	.gmap iframe{
	  width: 100%;
	}
	#about-shop .shop-info{
		text-align:center;
		margin-top:50px;
	}
}

.movie {
	position: relative;
	height: 0;
	padding: 0 0 56.25%;
	overflow: hidden;
}
.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	width: 100%;
	height: 100%;
/*	padding: 10%;*/
}
@media screen and (min-width: 991px) {
	.movie_wrap {
		padding: 0 10rem !important;
	}
}

/*--------------------------------------------------------------
# ITEMS
--------------------------------------------------------------*/
.page-items{
	line-height:170%;
}
#items-header{
	background-color: #F2F2EE;
	background-image:url(../../uploads/about_main_ph.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100%;
	height:239px;
	padding-top:340px;
	margin-top:222px;
	margin-bottom:100px;
}

.section-cake .thumbnail{
	width:862px;
	margin:auto auto 70px;
}
.section-cake{
	margin-bottom:200px;
}
.section-cake .text{
	margin:40px auto;
	line-height:190%;
}
.section-cake h3{
	letter-spacing:6px;
	margin:16px auto;
}
.section-cake .main-photo{
	position:relative;
}

.section-cake .cake{
	margin:10px auto 40px;
	border-bottom:1px solid #3F3A37;
	width:80%;
}
#items-decoration svg{
	position:absolute;
	bottom:0;
	left:0;
	width: 500px;
	height: 286px;
}
#items-macaroon svg{
	position:absolute;
    bottom: 0;
    right: 67px;
    width: 345px;
    height: 317px;
}
#items-madeleine svg{
	position:absolute;
    bottom: 0;
    right: 67px;
    width: 345px;
    height: 317px;
}
#items-lemoncake svg{
	position:absolute;
    bottom: 0;
    right: 67px;
    width: 345px;
    height: 317px;
}
#items-cake svg{
	position:absolute;
	bottom: 64px;
	left: 101px;
	width: 236px;
	height: 140px;
}
#items-chocolate svg{
	position:absolute;
	top: -37px;
	right: 157px;
	width: 345px;
	height: 135px;
}
#items-confiture svg{
	position:absolute;
	bottom: 32px;
	right: 48px;
	width: 345px;
	height: 145px;
}
#items-bakedsweets svg{
	position:absolute;
	bottom: 0;
	right: 34px;
	width: 637px;
	height: 244px;
}
@media only screen and (max-width: 991px) {
	#items-header{
		padding-top:100px;
		margin-bottom:-70px;
		margin-top:-30px;
	}
	.section-cake .main-photo{
		padding:30px;
	}
	.section-cake .thumbnail{
		width:100%;
		margin:auto auto 70px;
	}
	#items-decoration svg {
	    position: absolute;
	    bottom: 0;
	    left: -46px;
	    width: 403px;
	    height: 228px;
	}
	#items-macaroon svg {
	    position: absolute;
	    bottom: 0;
	    right: -20px;
	    width: 345px;
	    height: 296px;
	}
	#items-madeleine svg {
	    position: absolute;
	    bottom: 22px;
	    right: -25px;
	    width: 294px;
	    height: 173px;
	}
	#items-lemoncake svg {
	    position: absolute;
	    bottom: 66px;
	    right: -30px;
	    width: 345px;
	    height: 112px;
	}
	#items-cake svg {
	    position: absolute;
	    bottom: 38px;
	    left: -31px;
	    width: 236px;
	    height: 140px;
	}
	#items-chocolate svg {
	    position: absolute;
	    top: -37px;
	    right: 14px;
	    width: 289px;
	    height: 135px;
	}
	#items-confiture svg {
	    position: absolute;
	    bottom: 43px;
	    right: -15px;
	    width: 294px;
	    height: 145px;
	}
	#items-bakedsweets svg {
	    position: absolute;
	    bottom: 0;
	    right: -63px;
	    width: 470px;
	    height: 189px;
	}
	#items-bakedsweets svg {
	    position: absolute;
	    bottom: 0;
	    right: -11px;
	    width: 389px;
	    height: 209px;
	}
}
@media only screen and (max-width: 767px) {

	#items-decoration svg {
	    position: absolute;
	    bottom: 0;
	    left: -18px;
	    width: 289px;
	    height: 181px;
	}
	#items-macaroon svg {
	    position: absolute;
	    bottom: 67px;
	    right: 0;
	    width: 262px;
	    height: 107px;
	}
	#items-madeleine svg {
	    position: absolute;
	    bottom: 64px;
	    right: -28px;
	    width: 294px;
	    height: 80px;
	}
	#items-lemoncake svg {
	    position: absolute;
	    bottom: 66px;
	    right: 0;
	    width: 258px;
	    height: 112px;
	}
	#items-cake svg {
	    position: absolute;
	    bottom: 38px;
	    left: 3px;
	    width: 163px;
	    height: 140px;
	}
	#items-chocolate svg {
	    position: absolute;
	    top: -37px;
	    right: 14px;
	    width: 212px;
	    height: 135px;
	}
	#items-confiture svg {
	    position: absolute;
	    bottom: 10px;
	    right: 0;
	    width: 201px;
	    height: 145px;
	}
	#items-bakedsweets svg {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 280px;
	    height: 93px;
	}
}
/***************************************************
 * Generated by SVG Artista on 11/22/2019, 12:25:58 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-decocake-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-decocake-1 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-decocake-2 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-decocake-3 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-decocake-4 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-decocake-5 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-decocake-6 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-decocake-7 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-decocake-8 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-decocake-9 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .svg-decocake-10 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-decocake-11 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .svg-decocake-12 {
  fill: rgb(201, 160, 99);
}

svg .svg-decocake-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-decocake-13 {
  fill: rgb(201, 160, 99);
}
/***************************************************
 * Generated by SVG Artista on 11/22/2019, 1:57:31 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-macaroon-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

svg.active .svg-macaroon-1 {
  fill: rgb(201, 160, 99);
}

svg .svg-macaroon-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
}

svg.active .svg-macaroon-2 {
  fill: rgb(201, 160, 99);
}

svg .svg-macaroon-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}

svg.active .svg-macaroon-3 {
  fill: rgb(201, 160, 99);
}

svg .svg-macaroon-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
}

svg.active .svg-macaroon-4 {
  fill: rgb(201, 160, 99);
}

svg .svg-macaroon-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

svg.active .svg-macaroon-5 {
  fill: rgb(201, 160, 99);
}

svg .svg-macaroon-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}

svg.active .svg-macaroon-6 {
  fill: rgb(201, 160, 99);
}

svg .svg-macaroon-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
}

svg.active .svg-macaroon-7 {
  fill: rgb(201, 160, 99);
}

svg .svg-macaroon-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
}

svg.active .svg-macaroon-8 {
  fill: rgb(201, 160, 99);
}
/***************************************************
 * Generated by SVG Artista on 11/27/2019, 11:51:17 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-madeleine-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-madeleine-1 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-madeleine-2 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-madeleine-3 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-madeleine-4 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-madeleine-5 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-madeleine-6 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-madeleine-7 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-madeleine-8 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-madeleine-9 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .svg-madeleine-10 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-madeleine-11 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .svg-madeleine-12 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-madeleine-13 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .svg-madeleine-14 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-15 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .svg-madeleine-15 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-16 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .svg-madeleine-16 {
  fill: rgb(201, 160, 99);
}

svg .svg-madeleine-17 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .svg-madeleine-17 {
  fill: rgb(201, 160, 99);
}

/***************************************************
 * Generated by SVG Artista on 12/16/2019, 7:21:00 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-esvg-lemoncakelem-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-esvg-lemoncakelem-1 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-esvg-lemoncakelem-2 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-esvg-lemoncakelem-3 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-esvg-lemoncakelem-4 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-esvg-lemoncakelem-5 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-esvg-lemoncakelem-6 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-esvg-lemoncakelem-7 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-esvg-lemoncakelem-8 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .svg-esvg-lemoncakelem-9 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .svg-esvg-lemoncakelem-10 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-esvg-lemoncakelem-11 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .svg-esvg-lemoncakelem-12 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-esvg-lemoncakelem-13 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .svg-esvg-lemoncakelem-14 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-15 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .svg-esvg-lemoncakelem-15 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-16 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .svg-esvg-lemoncakelem-16 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-17 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .svg-esvg-lemoncakelem-17 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-18 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .svg-esvg-lemoncakelem-18 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-19 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .svg-esvg-lemoncakelem-19 {
  fill: rgb(201, 160, 99);
}

svg .svg-esvg-lemoncakelem-20 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .svg-esvg-lemoncakelem-20 {
  fill: rgb(201, 160, 99);
}


/***************************************************
 * Generated by SVG Artista on 11/22/2019, 2:10:12 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-cake-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

svg.active .svg-cake-1 {
  fill: rgb(201, 160, 99);
}

svg .svg-cake-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
}

svg.active .svg-cake-2 {
  fill: rgb(201, 160, 99);
}

svg .svg-cake-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}

svg.active .svg-cake-3 {
  fill: rgb(201, 160, 99);
}

svg .svg-cake-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
}

svg.active .svg-cake-4 {
  fill: rgb(201, 160, 99);
}
/***************************************************
 * Generated by SVG Artista on 11/22/2019, 2:13:14 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-chocolate-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

svg.active .svg-chocolate-1 {
  fill: rgb(201, 160, 99);
}

svg .svg-chocolate-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
}

svg.active .svg-chocolate-2 {
  fill: rgb(201, 160, 99);
}

svg .svg-chocolate-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}

svg.active .svg-chocolate-3 {
  fill: rgb(201, 160, 99);
}

svg .svg-chocolate-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
}

svg.active .svg-chocolate-4 {
  fill: rgb(201, 160, 99);
}

svg .svg-chocolate-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

svg.active .svg-chocolate-5 {
  fill: rgb(201, 160, 99);
}

svg .svg-chocolate-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}

svg.active .svg-chocolate-6 {
  fill: rgb(201, 160, 99);
}

svg .svg-chocolate-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
}

svg.active .svg-chocolate-7 {
  fill: rgb(201, 160, 99);
}

svg .svg-chocolate-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
}

svg.active .svg-chocolate-8 {
  fill: rgb(201, 160, 99);
}

svg .svg-chocolate-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-chocolate-9 {
  fill: rgb(201, 160, 99);
}
/***************************************************
 * Generated by SVG Artista on 11/27/2019, 1:29:45 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-confiture-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-confiture-1 {
  fill: rgb(201, 160, 99);
}

svg .svg-confiture-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-confiture-2 {
  fill: rgb(201, 160, 99);
}

svg .svg-confiture-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-confiture-3 {
  fill: rgb(201, 160, 99);
}

svg .svg-confiture-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-confiture-4 {
  fill: rgb(201, 160, 99);
}

svg .svg-confiture-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-confiture-5 {
  fill: rgb(201, 160, 99);
}

svg .svg-confiture-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-confiture-6 {
  fill: rgb(201, 160, 99);
}

svg .svg-confiture-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .svg-confiture-7 {
  fill: rgb(201, 160, 99);
}

svg .svg-confiture-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .svg-confiture-8 {
  fill: rgb(201, 160, 99);
}

/***************************************************
 * Generated by SVG Artista on 11/22/2019, 2:15:06 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-bakedsweets-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

svg.active .svg-bakedsweets-1 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
}

svg.active .svg-bakedsweets-2 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}

svg.active .svg-bakedsweets-3 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s;
}

svg.active .svg-bakedsweets-4 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}

svg.active .svg-bakedsweets-5 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}

svg.active .svg-bakedsweets-6 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s;
}

svg.active .svg-bakedsweets-7 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s;
}

svg.active .svg-bakedsweets-8 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-bakedsweets-9 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-bakedsweets-10 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-bakedsweets-11 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .svg-bakedsweets-12 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .svg-bakedsweets-13 {
  fill: rgb(201, 160, 99);
}

svg .svg-bakedsweets-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .svg-bakedsweets-14 {
  fill: rgb(201, 160, 99);
}

/*--------------------------------------------------------------
# CALENDER Aspect ratio :要素を縦横比固定でレスポンシブ
PCでは、最大幅500px・高さ500pxで表示。
スマホ（画面幅767px以下）では、幅100%・高さ370pxで表示。
--------------------------------------------------------------*/
.as-outer {
	position: relative;
	width: 100%;
}
.as-outer:before {
	content:"";
	display: block;
	padding-top: 100%;
}
.as-outer iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media(min-width: 768px){
		.as-outer{
			width: 450px;
			height:450px;
	}
}

@media(max-width: 768px){
		.as-outer iframe {
			width: 400px;
			height:400px;
	}
}

/*--------------------------------------------------------------
# Googleカレンダーの下 空白調整
--------------------------------------------------------------*/

#as_box{
	max-height: 50px !important;
	margin-bottom:250px;
}

@media(max-width: 450px){
	#as_box{
		margin-bottom:	200px;
	}
}

@media(max-width: 768px){
	#as_box{
		margin-bottom:	300px;
	}
}

@media(max-width: 991px){
	#as_box{
		margin-bottom:	400px;
	}
}


/*--------------------------------------------------------------
# スマホ：　揺らぎ＆謎の右余白対応
--------------------------------------------------------------*/
*{
	max-width:100%;
}
.sp_wrap{
	overflow: hidden;
}

@media only screen and (max-width:767px){
	.sp-slides-container{
		margin-top:-150px !important;
	}
}



/*--------------------------------------------------------------
# インスタウィジェット
--------------------------------------------------------------*/
#sb_instagram .sb_instagram_header a,
#sb_instagram .sbi_photo {
	border: none!important;
}