@media screen and (max-width: 576px) {
	
	.p2 h1, .p3 h1, .p4 h1, .p5 h1 {
		font-size: 6vw;
	}

	.addg {
		border: 0;
		border: 4px solid #70d803!important;

	}
	

	/* fixed_btn circle start */
	.fixed_btn .circle {
		display: none;
	}
	
	/* fixed_btn circle end */

	/* fixed_logo start */
	
	.fixed_logo img {
		top: 4vw;
		left: 11vw;
		width: 40vw;
	}	

	/* fixed_logo end */

	/*fixed_activity start*/
	.fixed_activity {
		width: 100vw;
		left: 0;
	}
	.fixed_activity .btnx {
		font-size: 4vw;
	}

	.addline img {
		margin-left: 21.5vw;
	}
	.song img {
		display: none;
	}
	.fixed_activity p {
		font-weight: 400;
	}
	.share_top {
		width: 100%;
		height: 31.5vh;
		margin-top: 0;
		padding-top: 5vh;
	}
	.fixed_activity h6 {
		font-size: 4vw;
	}
	.fixed_activity .p3box h5 {
	font-size: 6vw;
	}
	.fixed_activity p {
		font-size: 3vw;
	}
	.share_bottom h3 {
		font-size: 9vw;
		margin-top: 1vw;
	}
	.share_bottom p {
		font-size: 5vw;
	}
	.login {
		font-size: 7vw;
	}
	.share_bottom img {
		width: 100%;
	}
	.song h6 {
		font-size: 3vw;
		line-height: 6.5vw;
		width: 100%;
		text-align: center;
	}
	.watch_out h5 {
		font-size: 5vw;
	margin-bottom: 2vw;
	}
	.watch_out .wo1 {
		margin-left: 27vw;
	}
	/*fixed_activity end*/

	.hamburger {
		width: 10vw;
		height: 10vw;
		position: fixed;
		top: 5vw;
		left: 0;
		z-index: 9999999998;
		background-color: #925db1;
		background-image: url(../img/ham_g.png);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: 90%;
		background-size: 90%;

	}
	.hamburger:hover {
		cursor: pointer;
	}

	
	

	.fixed_share {
		width: 100%;
		height: 100vh!important;
		left: 0;
		margin-top: 0;
		margin: 0;
	}
	

	.toplist {
		width: 35vw;
		height: auto;
	}

	/*fixed start*/
	.fixed_right img {
		width: 27vw;
		height: 27vw;
		
	}

	.fixed_explan .flower1 {
		width: 25vw;
		top: 15vw;
	}

	.fixed_explan .flower2 {
		width: 25vw;
		top: 40vw;
	}
	.fixed_btn {
		top: 100vw;
		right: 10vw;
	}
	.fixed_btn .circle {
		display: none;
		margin-top: 5vw;
	}

	/*fixed end*/


	/*nav start*/

	nav {
		position: fixed;
		width: 100vw;
		height: 100vh;
		background-color: rgba(255,255,255,.9);
	}

	nav ul {position: fixed;
		width: 100%;
		height: 100%;
		margin-top: 20vw;
		z-index: 99999999;
	}

	nav li {
		width: 100%;
		float: none;
		left: 0;
		margin: auto 0;
		margin-top: 20vw;
		font-size: 7vw;
		/*margin-top: 5vw;*/
		text-align: center;
		font-weight: 400;
	}
	
	nav li::after {
		display: none;
	}
	/*nav end*/
	
	.banner {
		overflow-x: hidden; 
	}
	#mbanner {
		width: 120vw;
		height: auto;
		display: inherit;
		left: -8vw;
	}
	#bannertitle {
		display: none;
	}

	#bannerbox {
		width: 190vw;
		height: auto;
		position: absolute;
		left: -45vw;
		bottom: -2px;

	}

	#bannerred {
		width: 41.5vw;
		height: auto;
		position: absolute;
		left: 6!important;
		bottom: 0!important;
		left: 0!important;
		margin-bottom: -12vw;
	}
	.p1box {
		height: 75vw;
		background-position: center;
	}
	
	.p1 {
		width: 100%;
		height: 100%;
		overflow-x: hidden;
	}
	.p1 .say {
		width: 100%;
		
	}
	.p1 p {
		width: 59%;
		height: 100%;
		margin-top: 10vw;
		margin-left: 15vw;
		font-size: 3vw;
		line-height: 4vw;
		font-weight: 400;
		text-shadow: 0 0 3px rgba(255,255,255,.8);
		
		background-image: none;
	}
	.p1 p span {
		padding-left: 0;
		padding-right: 0;
		text-align: right;
	}
	/*p1 end*/

	/*p2 start */
	.p2box {
		height: 190vw;
		overflow: hidden; 
	}
	.p2box h2 {
		font-size: 2.5vw;
		width: 160%;
		margin-top: 64.5vw;
		margin-left: -7.5vw;
		line-height: 6vw;

	}
	#say_cloud_right h2 {
		top: 46.4vw;
		margin-left: 17vw;
	}

	.p2 h1 {
		font-size: 6vw;
		top: 64vw;
		left: 13.5vw;
		z-index: 8;
	}
	.p2_content h3 {
		color: #aa87de;
		margin-top: -1vw;
	}

	.p2_content {
		top: 49.5vw;
	}
	.p2_content p {
		width: 78vw;
		font-weight: 200;
		font-size: 3vw;
		line-height: 4.8vw;
		text-shadow: 0px 0px 5px rgba(255,255,255,.9);
		margin-top: 62vw;
		margin-left: -18vw;
	}

	.p2_content ul li {
		width: 6vw;
		height: 6vw;
		margin-right: 10vw;
		z-index: 9999;
	}
	#big_cloud {
		width: 150vw;
		left: -16.5vw;
		margin-top: 20vw;
	}
	.p2btns {
		position: static;
		bottom: -8vw;
		width: 100vw;
	}
	/*p2 end*/

	/*p3 start*/
	.p3box h5 {
		font-size: 12px;
	}
	

	.p3 .col-sm-8 {
		height: 60vh;
		margin-bottom: 0;
		background-color: #f7f7f7;
	}
	
	.p3 .col-sm-8 .col-sm-2 .food_set,
	.p3 .col-sm-8 .col-sm-2 .food_kcal {
		font-size: 4vw;
		
		line-height: 5vw;
	}
	.p3 .row .col-sm-2 img {
		width: 100%;
		
	}
	
	.p3 .col-sm-4 {
		height: 20vh;
		margin-top: 0;
	}

	.p3 .col-sm-4 img {
		width: 0;
	}
	#outputbox {
		width: 100%;
		background-image: url(../img/eat/girl.png);
		background-repeat: no-repeat;
		background-position: top right;
		-webkit-background-size: 50%;
		background-size: 50%;
		font-size: 4vw;
		line-height: 5vw;
		text-align: center;
	}

	#outputkcal {
		
		display: block;
		margin-top: 4vw;
		font-size: 14vw;
		text-align: center;
	}

	/*p3 end*/


	/*p4 start*/
	.p4box {
		height: auto;
	}
	.p4 {
		height: auto;
	}
	.new4top {
		height: auto;
	}
	.p4 .container {
		margin-left: 0vw;
	}
	.p4 .video_btn {
		margin-left: 14vw;
	}
	.p4 .video_btn .btn {
		width: 60vw;
		height: 6vw;
		
	}
	.p4 .video_btn .btn1 {
		margin-right: 0;
		margin-bottom: .2vw;
	}
	.p4 h4 {
		font-size: 4.4vw;
		text-align: center;
	}

	#mainvideoinbox {
		height: 45vw!important;
	}
	.p4 .momul {
		margin-left: 0;
	}
	.p4 .momul li {
		font-size: 4vw;
		text-align: center;
	}
	.g1, .g2 {
		margin-left: 6vw;
		display: none;
	}
	.t1 {
		background-image: url(../img/t1.png);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.p4 li {
		font-size: 3vw;
	}
	
	.p4 .listul li {
		font-size: 3vw;
	}
	.transcript {
		width: 25vw;
		
		font-size: 1vw;
	}
	.listul {
		height: 40vw!important;
		padding-left: 0;
		font-size: 4vw;
	}
	#v1 {
		width: 90vw;
		height: 60vw;
	}
	.small_pics h6 {
		font-weight: 200;
		font-size: 4vw;
		text-align: left;
	}

	.small_pics h6:active {
		color: #aa87de;
	} 
	.circlegbox {
		margin: 15vw auto;
	}
	#mainvideoinbox {
		width: 80vw;
	}
	#mainvideo h4 {
		width: 75vw;
		font-size: 5vw;
		margin-top: 5vw;
	}
	#something {
		width: 75vw;
		height: 100%;
		font-size: 4vw;
		margin: 3vw auto;
		border: 1px solid #fff;
	}

	.small_pics {
		float: left;
		margin-left: 5vw;
	}
	.small_pics img {
		
		display: none;
	}
	

	/*p4 end*/

	/*p5 start*/
	.p5box {
		height: 150vw;
	}
	.lights {
		position: absolute;
		top: 0;right: 0;bottom: 0;left: 0;
		margin: 0;
		margin-top: 55vw;
		
	}
	.light {
		width: 88vw;
		height: 10vw;
		position: static;
		margin: 0 auto;
		/*left: 6vw;*/
		line-height: 8vw;
		font-size: 3.5vw;

	}
	.light1 {
		top: 0;
	}
	.light2 {
		top: 0;
	}
	.light3 {
		top: 0;
	}
	.light4 {
		top: 0;
	}
	.light5 {
		top: 0;
	}
	.light6 {
		top: 0;
	}
	.light7 {
		top: 0;
	}
	.content {
		width: 88vw;
		height: 30vw;
		top: 10vw;
		left: 6vw;
	}
	

	.content::before {
		width: 89vw;
		margin-top: 0;
		font-size: 4vw;
	}

	.p5 .pics {
		margin-top: 0;
		margin-left: 0;
	}
	/*p5 end*/
	#footer_logo {
		height: 30px;
	}
	footer h6 {
		width: 90%!important;
		margin: 0 auto;
		padding-top: 10px;
		line-height: 30px;
	}


	#vv1, #vv2 {
		height: 55vw;
	}

}