@charset "utf-8";

/***************************************************
	top.css
***************************************************/
body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif; }
#main { float:none; width: 100%; max-width:1300px; margin:0 auto 47px; }

/* main_visual
------------------------------------------------------------ */
#main_visual_wrap{
	padding-bottom:21px;
	background:url(/excludes/microdiet/top/topslider/fmslideshow_assets/bottom_border.png) center bottom repeat-x;
}
.main_visual{
	height:485px;
	overflow:hidden;
	position:relative;
	left:0;
	top:0;
}
.main_visual .banner_area{
	max-width:2850px;
	position:absolute;
	left:50%;
	margin:0 auto 0 -1425px;
}
.main_visual .banner_slide{
	overflow:hidden;
	position:relative;
	width:9999px;
}
.main_visual .banner_slide li{
	float:left;
	width:950px;
	position:relative;
}
.main_visual .banner_slide li.act a:before{
	content:"";
	width:950px;
	height:485px;
	background:url(/excludes/microdiet/top/topslider/images/banner2/btn01_banner980_500.png) top center no-repeat;
	background-size:contain;
	position:absolute;
	animation:slide 5.5s ease;
}
.main_visual .banner_slide li.no_action.act a:before{
	content:none;
}
@keyframes slide{
	0%,15%{
		opacity:0;
		left:10%;
	}
	30%,100%{
		opacity:1;
		left:0;
	}
}
.main_visual .banner_slide li img{
	width:100%;
	height:auto;
}
.main_visual .arrow{
	max-width:978px;
	margin:-24px auto 0;
	position:relative;
	top:50%;
	z-index:99;
}
.main_visual .arrow #banner_arrow_left{
	width:27px;
	height:43px;
	background-image:url(/excludes/microdiet/top/topslider/fmslideshow_assets/sprite.png);
	background-position:-6px -177px;
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	cursor:pointer;
}
.main_visual .arrow #banner_arrow_left:hover{
	background-position:-46px -177px;
}
.main_visual .arrow #banner_arrow_right{
	width:27px;
	height:43px;
	background-image:url(/excludes/microdiet/top/topslider/fmslideshow_assets/sprite.png);
	background-position:-266px -177px;
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	cursor:pointer;
}
.main_visual .arrow #banner_arrow_right:hover{
	background-position:-226px -177px;
}

#pagination_wrap{
	width:100%;
	position:absolute;
	bottom:0;
	z-index:99;
}
#pagination{
	margin:0 auto;
	padding:7px 13px 5px;
	display:table;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:7px 0;
	background:rgba(255,255,255,.65);
	border-radius:13px;
}
#pagination li{
	width:14px;
	height:15px;
	display:table-cell;
	cursor:pointer;
	background:url(/excludes/img/top/pagination.png) center 3px no-repeat;
}
#pagination li:hover{
	background:url(/excludes/img/top/pagination_hover.png) center 3px no-repeat;
}
#pagination li.current,
#pagination li.current:hover{
	background:url(/excludes/img/top/pagination_current.png) center center no-repeat;
}
/* campaign_area
------------------------------------------------------------ */
#campaign_area{
	padding: 30px 0 28px;
	background: url(/excludes/img/top/campaign_bg.jpg) top center repeat-y;
}
#campaign_area .title{
	width: 780px;
	margin: 0 auto 25px;
}
#campaign_area .bnr{
	width: 870px;
	margin: 17px auto 0;
}

/* lineup_area
------------------------------------------------------------ */
#lineup_area{
	padding: 82px 0 142px;
	text-align: center;
	background: url(/excludes/img/top/lineup_bg.jpg) bottom center no-repeat;
}
#lineup_area .text_area{
	display: inline-block;
	width: 565px;
	text-align: left;
}
#lineup_area .text_area .title{
	color: #fff;
	font-size: 42px;
	line-height: 1;
	letter-spacing: 0.5px;
}
#lineup_area .text_area .lead{
	margin: 25px 3px 32px;
	color: #fff;
	font-size: 30px;
}
#lineup_area .text_area .text{
	margin-right: 40px;
	color: #fff;
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: 1.8px;
}
#lineup_area .menu_area{
	display: inline-block;
	width: 364px;
	vertical-align: top;
}
#lineup_area .menu_area .rote_box{
	position: relative;
	width: 284px;
	padding: 40px 40px 5px;
	background: rgba(255, 255, 255, 0.4);
}
#lineup_area .menu_area .rote_box .menu_img li span{
	margin-top:7px;
	display:block;
	font-size:18px;
}
#lineup_area .menu_area .arrow_box p{
	position: absolute;
}
#lineup_area .menu_area .arrow_box .arrow_left{
	top: 164px;
	bottom: 162px;
	left: 10px;
}
#lineup_area .menu_area .arrow_box .arrow_right{
	top: 164px;
	right: 10px;
	bottom: 162px;
}
#lineup_area .menu_area .btn{
	margin-top: 40px;
}

/* slick */
.slick-prev,
.slick-next{
	width:21px;
	height:37px;
	top:142px;
}
.slick-prev{
	left:-30px;
}
.slick-next{
	right:-30px;
}
.slick-prev:before{
	content:url(/excludes/img/top/arrow_left.png);
	position:absolute;
	top:0;
	opacity:0.7;
	display:block;
}
.slick-next:before{
	content:url(/excludes/img/top/arrow_right.png);
	position:absolute;
	top:0;
	opacity:0.7;
	display:block;
}
.slick-prev:before:hover,
.slick-next:before:hover{
	opacity:1;
}
/* content_area
------------------------------------------------------------ */
#content_area{
	padding: 53px 0 51px;
	text-align: center;
	background: url(/excludes/img/top/content_bg.jpg) top center no-repeat;
}
#content_area .sp_text_area{
	display: none;
}
#content_area .large_banner{
	display: inline-block;
	width: 460px;
	padding-left: 26px;
	vertical-align: top;
}
#content_area .text_area{
	display: inline-block;
	width: 463px;
	padding-left: 28px;
	text-align: left;
}
#content_area .text_area .title{
	color: #000;
	font-size: 42px;
	line-height: 1;
	letter-spacing: 1.5px;
}
#content_area .text_area .text{
	margin: 32px 15px 0 0;
	color: #000;
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: 2px;
}
#content_area .banner_area li{
	display: inline-block;
	margin: 8px 8px 0;
}
#content_area .btn{
	margin-top: 26px;
}

/* about_area
------------------------------------------------------------ */
#about_area{
	padding: 55px 0;
	background: url(/excludes/img/top/about_bg.jpg) top center no-repeat;
}
#about_area .text_area{
	width: 375px;
	margin: 0 auto 0 14.3%;
	padding: 45px 25px 40px;
	background: rgba(255, 255, 255, 0.4);
}
#about_area .text_area .title{
	color: #000;
	font-size: 42px;
	line-height: 1;
	letter-spacing:1.8px;
}
#about_area .text_area .lead{
	margin: 22px 0 18px;
	color: #000;
	font-size: 30px;
	line-height: 1.7;
	letter-spacing: 2px;
}
#about_area .text_area .link_area li{
	margin-bottom: 9px;
}
#about_area .text_area .link_area li.last{
	margin-bottom: 0;
}

/* story_area
------------------------------------------------------------ */
#story_area{
	padding: 55px 0 80px;
	background: url(/excludes/img/top/story_bg.jpg) top center no-repeat;
}
#story_area .success_story{
	width: 490px;
	margin: 0 14.3% 0 auto;
}
#story_area .success_story .text_area{
	padding: 40px 25px 19px;
	background: rgba(255, 255, 255, 0.4);
}
#story_area .success_story .text_area .title{
	color: #593723;
	font-size: 41px;
	line-height: 1.2;
}
#story_area .success_story .text_area .lead{
	margin: 16px 0 14px;
	color: #593723;
	font-size: 29px;
	line-height: 1.7;
}
#story_area .success_story .text_area .text{
	color: #593723;
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: 2px;
}
#story_area .btn{
	margin-top: 40px;
	text-align: center;
}

/* support_area
------------------------------------------------------------ */
#support_area{
	padding: 75px 0 36px;
	background: url(/excludes/img/top/support_bg.jpg) top center no-repeat;
}
#support_area .free_support{
	width: 465px;
	margin: 0 auto 0 14.3%;
}
#support_area .free_support .text_area{
	padding: 40px 25px 20px;
	background: rgba(255, 255, 255, 0.4);
}
#support_area .free_support .text_area .title{
	color: #593723;
	font-size: 42px;
	line-height: 1;
	letter-spacing: 1.4px;
}
#support_area .free_support .text_area .lead{
	margin: 25px 0 13px;
	color: #593723;
	font-size: 29px;
	line-height: 1.7;
}
#support_area .free_support .text_area .text{
	color: #593723;
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: 2px;
}
#support_area .btn{
	margin-top: 40px;
	text-align: center;
}

/* sns_area
------------------------------------------------------------ */
#sns_area{
	text-align: center;
	background: url(/excludes/img/top/sns_bg.jpg) top center no-repeat;
}
#sns_area .inner{
	width: 936px;
	margin: 0 auto;
	padding: 104px 0 226px;
}
#sns_area .text_area{
	float: right;
	width: 440px;
	text-align: left;
}
#sns_area .text_area .title{
	color: #000;
	font-size: 68px;
	line-height: 1;
}
#sns_area .text_area .text{
	margin-top: 30px;
	color: #000;
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: 2px;
}
#sns_area .icon_area{
	float: left;
	width: 410px;
	padding-left: 29px;
	text-align: left;
}
#sns_area .icon_area .title{
	padding-right: 5px;
	text-align: center;
}
#sns_area .icon_area .text{
	margin: 10px 0 54px 0;
	color: #000;
	font-size: 12px;
	line-height: 1.75;
	letter-spacing: 2.6px;
}
#sns_area .icon_area .icon_link{
	padding: 0 12px 0 0;
	vertical-align: top;
}
#sns_area .icon_area .icon_link li{
	display: inline-block;
	vertical-align: middle;
}
#sns_area .icon_area .icon_link li.facebook{
	margin-bottom: 60px;
}
#sns_area .icon_area .icon_link li.twitter{
	margin: 0 0 60px 60px;
}
#sns_area .icon_area .icon_link li.line{
	margin-left: 59px;
}
#sns_area .icon_area .icon_link li.instagram{
	margin-left: 119px;
}

/* start_area
------------------------------------------------------------ */
#start_area{
	padding: 55px 0 33px;
	background: url(/excludes/img/top/start_bg.jpg) top center no-repeat;
}
#start_area .start_diet{
	width: 465px;
	margin: 0 auto 0 14.3%;
}
#start_area .start_diet .text_area{
	padding: 40px 25px 20px;
	background: rgba(255, 255, 255, 0.4);
}
#start_area .start_diet .text_area .title{
	color: #000;
	font-size: 42px;
	line-height: 1;
	letter-spacing: 0.5px;
}
#start_area .start_diet .text_area .text{
	margin-top: 36px;
	color: #000;
	font-size: 14px;

	line-height: 1.75;	letter-spacing: 2px;
}
#start_area .start_diet .text_area .text span{
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
}
#start_area .btn{
	margin-top: 32px;
	text-align: center;
	line-height: 1.5;
}

#main .btn a{
	display: block;
	width: 235px;
	margin: 0 auto;
	padding: 13px 0;
	color: #fff;
	font-size: 29px;
	text-decoration: none;
	border-radius: 8px;
	background: #00e5ff;
}
#main .text_area .more_btn a,
#main .text_area .close_btn a{
	display: none;
	opacity: 0;
	width: 0;
	height: 0;
}

.pcNon{
	display: none;
}
.spNon{
	display: block;
}

@media screen and (max-width: 1017px){
	#sp_header .header_menu{
		display: block !important;
	}
	/* main_visual_sp
	------------------------------------------------------------ */
	#main_visual_wrap{
		width:100%;
		padding-bottom:0;
		overflow:hidden;
	}
	.main_visual.spNon{
		display:none;
	}
	.main_visual_sp.pcNon{
		display:block;
	}
	.main_visual_sp .banner_slide li a{
		display:block;
		position:relative;
	}
	.main_visual_sp .banner_slide li.slick-active a:before{
		content:"";
		width:100%;
		height:100%;
		background:url(/excludes/microdiet/top/topslider/images/banner2/btn01_banner980_500.png) top center no-repeat;
		background-size:contain;
		position:absolute;
		animation:slide 5.5s ease;
	}
	.main_visual_sp .banner_slide li.no_action.slick-active a:before{
		content:none;
	}
	.main_visual_sp .slick-prev{
		top:50%;
		left:0;
		z-index:98;
	}
	.main_visual_sp .slick-next{
		top:50%;
		right:5px;
		z-index:98;
	}
	.main_visual_sp .slick-prev,
	.main_visual_sp .slick-next{
		display:table;
	}
	.main_visual_sp .slick-prev:before{
		content:"";
		width:27px;
		height:44px;
		background-image:url(/excludes/microdiet/top/topslider/fmslideshow_assets/sprite.png);
		background-position:-6px -177px;
		background-repeat:no-repeat;
		opacity:1;
	}
	.main_visual_sp .slick-next:before{
		content:"";
		width:27px;
		height:44px;
		background-image:url(/excludes/microdiet/top/topslider/fmslideshow_assets/sprite.png);
		background-position:-266px -177px;
		background-repeat:no-repeat;
		opacity:1;
	}
	.slick-dotted.slick-slider{
		margin-bottom:6px;
	}
	.main_visual_sp ul li img{
		width:100%;
		height:auto;
	}
	.slick-dots{
		width:auto;
		margin:-20px auto 0;
		display:table;
		table-layout:fixed;
		position:static;
	}
	.slick-dots li{
		display:table-cell;
	}
	.slick-dots li button{
		background:rgba(255,255,255,.65);
	}
	.slick-dots li:first-child button{
		border-radius:13px 0 0 13px;
	}
	.slick-dots li:last-child button{
		border-radius:0 13px 13px 0;
	}
	.slick-dots li button:before,
	.slick-dots li button:hover:before,
	.slick-dots li button:focus:before{
		color:#7f7f7f;
		font-size:20px;
		opacity:1;
	}
	.slick-dots li.slick-active button:before{
		color:#000;
		font-size:30px;
		opacity:1;
	}
	
	#main img{ width: 100%; }
	
	/* campaign_area
	------------------------------------------------------------ */
	#campaign_area .title,
	#campaign_area .bnr{
		width: 80%;
	}
	
	/* lineup_area
	------------------------------------------------------------ */
	#lineup_area{
		padding: 8% 0 18%;
		background-size: cover;
	}
	#lineup_area .text_area{
		width: 45%;
		margin-right: 5%;
	}
	#lineup_area .text_area .title{
		font-size: 26px;
	}
	#lineup_area .text_area .lead{
		font-size: 18px;
		margin: 5% 0;
	}
	#lineup_area .text_area .text{
		margin-right: 0;
	}
	#lineup_area .menu_area{
		width: 45%;
	}
	#lineup_area .menu_area .rote_box{
		width: 75%;
		margin: 0 auto;
	}
	#lineup_area .menu_area .btn{
		margin: 10% auto 0;
	}
	#lineup_area .menu_area .btn a{
		width: 200px;
		font-size: 20px;
	}

/* slick */
.slick-prev,
.slick-next{
	top:42%;
}


	
	/* content_area
	------------------------------------------------------------ */
	#content_area{
		padding: 6% 0;
		background-size: cover;
	}
	#content_area .large_banner{
		width: 45%;
		padding-left: 0;
	}
	#content_area .text_area{
		width: 45%;
		padding-left: 3%;
	}
	#content_area .text_area .title{
		font-size: 26px;
		font-weight: bold;
	}
	#content_area .text_area .text{
		margin: 5% 0;
	}
	#content_area .banner_area{
		width: 95%;
		margin: 0 auto;
		text-align: left;
	}
	#content_area .banner_area li{
		width: 31%;
	}
	#content_area .btn{
		margin: 5% auto 0;
	}
	
	/* about_area
	------------------------------------------------------------ */
	#about_area{
		padding: 6% 0;
		background-size: cover;
	}
	#about_area .text_area{
		margin: 0 auto 0 5%;
	}
	
	/* #story_area
	------------------------------------------------------------ */
	#story_area{
		padding: 6% 0;
		background-size: cover;
	}
	#story_area .success_story{
		margin: 0 5% 0 auto;
	}
	#story_area .success_story .text_area .lead{
		margin-left: 0;
	}
	#story_area .btn{
		margin: 5% auto 0;
	}
	
	/* #support_area
	------------------------------------------------------------ */
	#support_area{
		padding: 6% 0;
		background-size: cover;
	}
	#support_area .free_support{
		margin: 0 auto 0 5%;
	}
	#support_area .btn{
		margin: 5% auto 0;
	}
	
	/* #sns_area
	------------------------------------------------------------ */
	#sns_area{
		background-size: cover;
	}
	#sns_area .inner{
		width: 100%;
		padding: 6% 0 15%;
	}
	#sns_area .text_area{
		width: 45%;
		padding-right: 3%;
	}
	#sns_area .text_area .text{
		margin-top: 6%;
	}
	#sns_area .icon_area{
		width: 45%;
		padding-left: 3%;
	}
	#sns_area .icon_area .title{
		width: 60%;
		margin: 0 auto;
		padding-right: 0;
	}
	#sns_area .icon_area .text{
		margin: 2% 0 8%;
	}
	#sns_area .icon_area .icon_link li.facebook{
		width: 65%;
		margin-bottom: 8%;
	}
	#sns_area .icon_area .icon_link li.twitter{
		width: 13%;
		margin: 0 0 8% 15%;
	}
	#sns_area .icon_area .icon_link li.line{
		width: 34%;
		margin-left: 15%;
	}
	#sns_area .icon_area .icon_link li.instagram{
		width: 13%;
		margin-left: 31%;
	}
	
	/* #support_area
	------------------------------------------------------------ */
	#start_area{
		padding: 6% 0;
		background-size: cover;
	}
	#start_area .start_diet{
		margin: 0 auto 0 5%;
	}
	#start_area .btn{
		margin: 5% auto 0;
	}
	
	
	#footer-navi-inn,
	#footer-btm{
		width: 98%;
	}
	#footer-navi ul {
		width: 25%;
	}
	#footer-btm .sslseal{
		width: 10%;
		padding: 5% 3% 0 8%;
	}
	#footer-btm .ismsseal{
		width: 15%;
		padding: 8% 0 0 3%;
	}
	#footer-btm .logo{
		width: 55%;
	}
	#footer-navi img,
	#footer-btm img,
	#footer-btm input{
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 749px){
	/* campaign_area
	------------------------------------------------------------ */
	#campaign_area{
		position: relative;
		z-index: 10;
		margin-top: -15.5%;
		padding: 20.5% 0 3%;
		background: url(/excludes/img/top/sp_campaign_bg.jpg) bottom center repeat-y;
		background-size: 100%;
	}
	#campaign_area .title{
		width: 98.4%;
		margin: 0 auto;
	}
	#campaign_area .bnr{
		width: 93%;
		margin: 5% auto;
	}
	
	/* lineup_area
	------------------------------------------------------------ */
	#lineup_area{
		position: relative;
		z-index: 9;
		margin-top: -15.5%;
		padding: 25.5% 3% 37.5%;
		text-align: left;
		background: url(/excludes/img/top/sp_lineup_bg.jpg) bottom center repeat-y;
		background-size: 100%;
	}
	#lineup_area .text_area{
		display: block;
		width: auto;
		margin: 0;
	}
	#lineup_area .text_area .lead{
		margin: 5% 0;
	}
	#lineup_area .text_area .text{
		height: 9em;
		margin-right: 0;
		overflow: hidden;
		font-size: 16px;
	}
	#lineup_area .menu_area{
		display: block;
		width: auto;
		margin-top: 7%;
	}
	#lineup_area .menu_area .rote_box{
		width: auto;
		padding: 12% 12% 1%;
	}
	#lineup_area .menu_area .rote_box .menu_img li span{
		text-align: center;
		font-size: 20px;
	}
	#lineup_area .menu_area .arrow_box p{
		display: table;
		width: 6%;
		height: 100px;
		margin-top: -50px;
	}
	#lineup_area .menu_area .arrow_box .arrow_left{
		top: 44%;
		left: 2%;
		height: auto;
		margin: 0;
	}
	#lineup_area .menu_area .arrow_box .arrow_right{
		top: 44%;
		right: 2%;
		height: auto;
		margin: 0;
	}
	#lineup_area .menu_area .btn{
		margin-top: 5%;
	}

	/* content_area
	------------------------------------------------------------ */
	#content_area{
		position: relative;
		z-index: 8;
		margin-top: -15.5%;
		padding: 26.5% 3% 10%;
		text-align: left;
		background: url(/excludes/img/top/sp_content_bg.jpg) bottom center repeat-y;
		background-size: 100%;
	}
	#content_area .sp_text_area{
		display: block;
	}
	#content_area .sp_title{
		color: #000;
		font-size: 26px;
		font-weight: bold;
		line-height: 1;
	}
	#content_area .sp_text{
		height: 9em;
		margin: 4% 0 0;
		overflow: hidden;
		color: #000;
		font-size: 16px;
		line-height: 1.75;
		letter-spacing: 1.8px;
	}
	#content_area .large_banner{
		display: block;
		width: auto;
		margin: 6% 0 0;
		padding: 0;
	}
	#content_area .text_area{
		display: none;
	}
	#content_area .banner_area{
		width: 100%;
	}
	#content_area .banner_area li{
		width: 48%;
		margin: 2% 4% 0 0;
	}
	#content_area .banner_area li:nth-child(2n){
		margin-right: 0;
	}
	
	/* about_area
	------------------------------------------------------------ */
	#about_area{
		position: relative;
		z-index: 7;
		margin-top: -15.5%;
		padding: 24% 3% 9%;
		background: url(/excludes/img/top/sp_about_bg.jpg) bottom center repeat-y;
		background-size: 100%;
	}
	#about_area .text_area{
		width: auto;
		margin: 0;
		padding: 8% 6%;
	}
	#about_area .text_area .title{
		font-size: 26px;
	}
	#about_area .text_area .lead{
		margin: 5% 0 8%;
		font-size: 18px;
	}
	#about_area .text_area .link_area li{
		margin-bottom: 3%;
	}
	
	/* story_area
	------------------------------------------------------------ */
	#story_area{
		position: relative;
		z-index: 6;
		margin-top: -15.5%;
		padding: 26.5% 3% 8%;
		background: url(/excludes/img/top/sp_story_bg.jpg) bottom center no-repeat;
		background-size: 100%;
	}
	#story_area .success_story{
		width: auto;
		margin: 0;
	}
	#story_area .success_story .text_area{
		margin-bottom: 85%;
		padding: 8% 6% 6%;
	}
	#story_area .success_story .text_area .title{
		font-size: 26px;
		line-height: 1;
	}
	#story_area .success_story .text_area .lead{
		margin: 3% 0;
		font-size: 18px;
	}
	#story_area .success_story .text_area .text{
		height: 9em;
		overflow: hidden;
		font-size: 16px;
	}
	
	/* support_area
	------------------------------------------------------------ */
	#support_area{
		position: relative;
		z-index: 5;
		padding: 10% 3% 8%;
		background: url(/excludes/img/top/sp_support_bg.jpg) bottom center no-repeat #fdf5e7;
		background-size: 100%;
	}
	#support_area .free_support{
		width: auto;
		margin: 0;
	}
	#support_area .free_support .text_area{
		margin-bottom: 32%;
		padding: 8% 6% 6%;
	}
	#support_area .free_support .text_area .title{
		font-size: 26px;
	}
	#support_area .free_support .text_area .lead{
		margin: 6% 0 4%;
		font-size: 18px;
	}
	#support_area .free_support .text_area .text{
		height: 9em;
		overflow: hidden;
		font-size: 16px;
	}
	
	/* sns_area
	------------------------------------------------------------ */
	#sns_area{
		position: relative;
		z-index: 4;
		margin-top: -15.5%;
		padding: 25.5% 3% 6%;
		background: url(/excludes/img/top/sp_sns_bg.jpg) bottom center repeat-y;
		background-size: 100%;
	}
	#sns_area .inner{
		width: auto;
		padding: 0;
	}
	#sns_area .text_area{
		float: none;
		width: auto;
		padding: 0;
	}
	#sns_area .text_area .title{
		font-size: 40px;
	}
	#sns_area .text_area .text{
		margin-top: 5%;
		height: 9em;
		overflow: hidden;
		font-size: 16px;
	}
	#sns_area .icon_area{
		float: none;
		width: auto;
		margin: 6% 0 5%;
		padding: 0;
	}
	#sns_area .icon_area .title{
		width: 55%;
		margin: 0 auto;
	}
	#sns_area .icon_area .text{
		margin: 0;
		font-size: 16px;
	}
	#sns_area .icon_area .icon_link{
		margin: 6% 0 0;
		padding: 0;
	}
	#sns_area .icon_area .icon_link li.facebook{
		width: 45%;
		margin: 0;
	}
	#sns_area .icon_area .icon_link li.twitter{
		width: 9%;
		margin: 0 0 0 6%;
	}
	#sns_area .icon_area .icon_link li.line{
		width: 16%;
		margin-left: 6%;
	}
	#sns_area .icon_area .icon_link li.instagram{
		width: 9%;
		margin-left: 6%;
	}
	
	/* start_area
	------------------------------------------------------------ */
	#start_area{
		position: relative;
		z-index: 3;
		margin-top: -15.5%;
		padding: 25.5% 3% 7%;
		background: url(/excludes/img/top/sp_start_bg.jpg) bottom center no-repeat #f4f6f0;
		background-size: 100%;
	}
	#start_area .start_diet{
		width: auto;
		margin: 0;
	}
	#start_area .start_diet .text_area{
		margin-bottom: 76%;
		padding: 8% 6% 6%;
	}
	#start_area .start_diet .text_area .title{
		font-size: 26px;
	}
	#start_area .start_diet .text_area .text{
		height: 9em;
		margin-top: 5%;
		overflow: hidden;
		font-size: 16px;
	}
	
	
	
	#main{
		margin: 0 auto 5%;
	}
	#main .btn{
		width: 59%;
		margin: 5% auto 0;
		text-align: center;
	}
	#main .btn a{
		width: 200px;
		padding: 3% 0;
		font-size: 20px;
	}
	#main .text_area .more_btn a,
	#main .sp_text_area .more_btn a,
	#main .text_area .close_btn a,
	#main .sp_text_area .close_btn a{
		display: block;
		opacity: 1;
		width: 100%;
		height: auto;
		padding: 1% 0;
		color: #fff;
		font-size: 18px;
		text-align: center;
		text-decoration: none;
		background: #b1b1b1;
	}
	#main .text_area .close_btn a,
	#main .sp_text_area .close_btn a{
		display: none;
	}
	
	
	.pcNon{
		display: block;
	}
	.spNon{
		display: none;
	}
}