.sufee-bg-gradation {
	/* width: 100%;
	height: 100vh; */
	color:white;
	background:linear-gradient(45deg, #3bade3,#9844b7,#44ea76);/*グラデーションを定義*/
	background-size: 200% 200%;/*サイズを大きくひきのばす*/
	animation: bggradient 20s ease infinite;
}

@keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
a{
	cursor: pointer;
}
body{
	overflow-x: hidden;
}
#app {
	min-height: 75vh;
}

.sufee-font-decoration{
  font-family: "LSeedJP", Noto Sans JP, sans-serif;
  font-weight: 900;
}

.display-4 .emoji{
  height: calc(1.475rem + 2.7vw);
}

#main-page img{
	max-width: 100%;
}
.note-editable img{
	max-width: 100%;
}

#main-page video{
	max-width: 100%;
}
.note-editable video{
	max-width: 100%;
}


#main-page audio{
	max-width: 100%;
}
.note-editable audio{
	max-width: 100%;
}

.timeline-main * {
  max-width: 100%;
}

.timeline-message-short {
  overflow-y: hidden;
  max-height: 200px;
}

.timeline-message-long {
  overflow-y: hidden;
	max-height: 500px;
}
.timeline-message-long:hover{
	overflow-y: scroll;
}
/*===================
iPhoneのメッセージ風
=====================*/
/*フレームとフォント*/
.kaiwa.imessage {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 10px 40px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Helvetica Neue", "Lucida Sans Unicode", "Arial";
	font-size: 16px;
	color: #333;
	line-height: 1.4;
	overflow-y: hidden;
}
.kaiwa.imessage:hover{
	overflow-y: scroll;
}
/*フキダシ共通*/
.kaiwa.imessage .fukidasi {
	position: relative;
	display: inline-block;
	max-width: 192px;
	margin: 1px 10px 6px;
	padding: 9px 14px;
	border-radius: 19px;
	overflow-wrap: break-word;
	clear: both;
	box-sizing: content-box;/*はてな用*/
}
/*しっぽをつけないとき*/
.kaiwa.imessage .fukidasi.notail {
	margin-bottom: 0;
}
/*フキダシ左*/
.kaiwa.imessage .fukidasi.left {
	float: left;
	background: #e9e9ed;
	margin-top: 20px;
}
/*フキダシ右*/
.kaiwa.imessage .fukidasi.right {
	float: right;
	background: #2793fa;
	color: white;
	margin-top: 20px;
}
/*しっぽ共通*/
.kaiwa.imessage .fukidasi::after {
	position: absolute;
	content: "";
	width: 17px;
	height: 17px;
	bottom: 0;
}
/*しっぽ左*/
.kaiwa.imessage .fukidasi.left::after {
	left: -6px;
	border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
	box-shadow: -14px 2px 0 -3px #e9e9ed inset; 
}
/*しっぽ右*/
.kaiwa.imessage .fukidasi.right::after {
	right: -6px;
	border-radius: 0px 0  0 17px/ 0px 0 0 13px; 
	box-shadow: 14px 2px 0 -3px #2793fa inset; 
}
/*しっぽをつけないとき*/
.kaiwa.imessage .fukidasi.notail::after {
	content: none;
}