@charset "utf-8";
/* CSS Document */

.coupon img{
	width:100%;
	}


.voice_bg{
	width:100%;	
	}



.voice_midasi{
	color:#FFF;
	font-size:4vh;
	background:#F90;
	text-align:center;
	padding:3vh 0;
	margin-top:2vh;
	}
	.voice_midasi p{ line-height:120%;}
	.voice_top{
		background: #FFC;
		font-size:3.7vh;
		text-align:center;
		font-weight:bolder;
		padding:2vh;
		
		color:#F90;
		text-shadow:0px 0px 3px #fffffff;
		

		}
		
	.voice_text{
		width:96%;
		margin: auto auto auto auto;
		
		
		background-color: rgba(255,255,255,0.9);
		bottom:2vh;
		left:2%;
		
	}
	.voice_text p{
		padding:2vh;
	font-size:2.7vh;
		line-height:120%;
		text-align:left;
		}

	
	.voice_text h{
		color:#F90;
		}





.embedsocial-hashtag{ width:90%; margin:auto; margin-top:5vh;}

.top{ width:100%;}

.top p{ width:100%;}

.top p img{ width:100%;}

.top a{ display:block;}

.top a img{ width:100%;}

.big{ font-size:9vw !important; color:#FFF;}

.sankan{ width:98%; margin:auto;}

.sankan img{ width:100%; padding:5% 0% 2% 0%;}

.sankan p{ text-align:center; font-size:0.5vw; margin-bottom:5%; line-height:120%;}

.cc{}
.cc a{ display:block; margin:auto;}

.cc a:nth-child(1){ width:90%; margin-bottom:3%;}
.cc a:nth-child(2){ width:70%;}

.cc a img{ width:100%;}

.cart_inbox{ margin-bottom:2vw; font-size:5vw; padding:2vw 0; text-align:center; color:#F63; border-top:3px solid #F63; border-bottom:3px solid #F63;}

.spnone{ display:none;}

.flavor div{ width:100%;}
.flavor div img{ width:100%;}

.ques{ margin-bottom:5%;}

.ques_top{ width:80%; margin:auto; text-align:center; background:#BD9EFE; color:#FFF; padding:3% 0%; font-size:6vw; border-radius:20px;}

.ques_top span{ display:block; line-height:130%;}


.ques li:nth-child(1) p:nth-child(1)
,.ques li:nth-child(2) p:nth-child(1)
,.ques li:nth-child(3) p:nth-child(1){
	 font-size:6vw;
	 text-align:center;
	 padding:5% 0%;
	 text-decoration:underline;
	 color:#BD9EFE;
	
	}

.ques li:nth-child(1) p:nth-child(2)
,.ques li:nth-child(2) p:nth-child(2)
,.ques li:nth-child(3) p:nth-child(2){
	 font-size:4vw;
	 width:75%;
	 margin:auto;
	 line-height:150%;
	 color:#666;
	}


.new001{ width:90%; margin:auto; padding:2% 0% 2% 0%;}
.new001 img{ width:100%;}

.new002{ width:100%; text-align:center; font-size:6vw; color:#fff; background:#ff891e; padding:4% 0%;}

.new003{ width:100%; text-align:center; font-size:8vw; color:#fff; background:#ff891e; padding:4% 0%;}

.new003 span{ display:block; line-height:130%;}

.flavor{ display:block; width:100%; margin-bottom:2vh;}

.flavor img{ width:100%;}

.teikioff{ display:none;}

.bt{
	

	position:fixed;
	bottom:2vh;
	right:10%;
	z-index:1;
	width:80%;
	display:none;
	
	}

.bt img{ width:100%; filter: drop-shadow(4px 4px 6px rgba(0,0,0,.5)); }


.spnone{ display:none !important;}

.come{ display:block; margin-top:2vh; width:100%; font-size:3vw; text-align: center;}

k{ font-size:4vw; color:#FFF;}
.pc{ display:block; }

/* google optimaize */

.go_top{
	height:70vh;
	width:100%;

	background:url(../img/op_bg03.jpg) no-repeat top;
	background-size:cover;
	display:table;

	}


.go_top div{ text-align:center; display: table-cell; vertical-align:bottom;}

.go_top div span{ display:block; line-height:120%; text-align:center;



filter: drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff);

font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}


.go_top div span:nth-child(1){font-size:3vh;}

.go_top div span:nth-child(2){font-size:6vh; font-weight:bold; color:#FF891E; 
}

.go_top div span:nth-child(3){font-size:4vh; font-weight:bold; color:#FF891E;}

 
.go_top div img{ display:block; margin:auto; width:50%; padding:2vh 0;}



.go_bottom{
	margin:auto;
	width:90%;

	}






.go_bottom p:nth-child(1) span:nth-child(1) img{
	width:100%;

	margin-bottom:2vh;
	}
.go_bottom p:nth-child(2) span{
	display:block;
	text-align:center;
	}
.go_bottom p:nth-child(2) span:nth-child(1) h{
	text-decoration:line-through;
	}

.go_bottom p:nth-child(2) span:nth-child(1){
	font-size:5vw;
	padding:3% 0%;
	}
.go_bottom p:nth-child(2) span:nth-child(2){ padding:5% 0%;}
.go_bottom p:nth-child(2) span:nth-child(2) h:nth-child(1){
	font-size:14vw;
	color:#FF891E;
	}
.go_bottom p:nth-child(2) span:nth-child(2) h:nth-child(2){font-size:4vw;}
.go_bottom p:nth-child(2) a{
	color:#000;
	text-align:center;
	display:block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border:3px solid #FF891E;
	border-radius:50px;
	padding:4% 0%;
	font-size:6.5vw;
	line-height:120%;
	background-color:#FFF;
	}
.go_bottom p:nth-child(2) a h{ display:block;}
.go_bottom p:nth-child(2) a h:nth-child(1){ color:#FF891E;}

/* optimaize end */



.bl_img{
	width:100%;
	height:40vh;
	background: url(../img/banana_pac04.jpg) no-repeat;
	background-size:200%;

	background-position:85% 100%;
	}

.siba{ width:80%; margin-left:auto; margin-right:auto; text-align:center; font-size:6.5vw; padding:5% 0%;}

.siba span{ display:block; line-height:150%; text-decoration:underline;}

.siba span:nth-child(1){ color:#F60; padding:3% 0%;}

.sp{ display: none;}


/*cart*/
.mov{width:100%; height:30vh;}

.mov iframe{ width:100%; height:100%;}

#cart_bt{ z-index:1; position:fixed; height:100vh; width:100%;}

#cart_bt div{}

#cart_bt div span{
	text-align:center;

	font-size:3vw;
	position:absolute;
	bottom:5%;
	right:5%;
	padding:5%;
	border-radius:100%;
	background:url(img/kago.png) center no-repeat #F90;
	background-size: 30%;
	
	box-shadow: 0px 0px 10px #fff; color:#FFF;
	}

/*cart*/

ul#slide {
    margin:0;
    padding:0;
    width:100%;
    height:100vh;
    position:relative;
	
}
ul#slide li {
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    left:0;
    list-style:none;
	width:100%;
	height:100vh;
	display:table;
}

ul#slide li div{ display:table-cell; vertical-align:middle;}



ul#slide li div h{ display:block; width:100%; margin-left:auto; margin-right:auto;}

ul#slide li div h span{ display:block;  text-align:center;}

ul#slide li:nth-child(1) div h span{font-size:10vw; text-shadow: 2px 2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,-2px -2px 5px #fff,2px 2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,-2px -2px 5px #fff,2px 2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,-2px -2px 5px #fff;}
ul#slide li:nth-child(2) div h span{font-size:10vw;text-shadow: 2px 2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,-2px -2px 5px #fff,2px 2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,-2px -2px 5px #fff,2px 2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,-2px -2px 5px #fff;}
ul#slide li:nth-child(3) div h span{font-size:8vw;text-shadow: 2px 2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,-2px -2px 5px #fff,2px 2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,-2px -2px 5px #fff,2px 2px 5px #fff,2px -2px 5px #fff,-2px 2px 5px #fff,-2px -2px 5px #fff;}

ul#slide li div h span:nth-child(1){ margin-bottom:1%;}

ul#slide li:nth-child(1){
	background:url(../img/004.jpg) center no-repeat;
	background-size:cover;
	background-position:60% ;
	text-align:left;
	}

ul#slide li:nth-child(2){
	background:url(../img/002.jpg)  center no-repeat;
	background-size:cover;
	background-position:10% ;
	text-align:right;
	}

ul#slide li:nth-child(3){
	background:url(../img/003_2.jpg)  center no-repeat;
	background-size:cover;
	background-position:60% ;
	text-align:center;}
	
ul#slide li:nth-child(3) div h span img{ width:90%; }
/* 001 */

#top{
	display:none !important;
	}

.top_box{
	z-index:111111;
	position: absolute;
	width:90%;
	right:5%;
	top:3%;
	}

.top_box li:nth-child(1){ position:absolute;
width:100%;
}

.top_box li:nth-child(1) img{
	width:50%;
}

.top_box li:nth-child(2){
	position:absolute;
	right:8%;
	}

.top_box li:nth-child(2) img{ width:50px;}

.top_box li:nth-child(3){
	position:absolute;
	right:0%;
	}

.top_box li:nth-child(3) img{ width:50px;}


/* 002 */



.con01{
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:4%;
	padding-bottom:0%;
	}

#pro_img2{
	
	width:100%;
	
	
	
	}

#pro_box{

	display:none !important;
	}



#pro_box02{
	width:100%;
	height: 30vh;
	background:url(../img/banana_pac.jpg) center no-repeat;
	background-size:cover;
	}

.cart02{
	width:100%;
	height:50vw;
	background:url(../img/003_2.jpg) center no-repeat;
	background-size: cover;
	display:table;
	}

.cart02 p{ font-size:4vw; width:100%; height:100%; text-align:center; display:table-cell; vertical-align:middle;}

.cart02 p span{ display:block; font-size:5vw;}

.cart02 p span img{ width:90%;}

.threeimg{ display:none !important;}


.cart_box{
	margin-top:5%;
	width:100%;
	}

.like{ width:90%; margin:auto;}
.like img{ width:100%;}

#pro_box ul{ display:none !important;}

#pro_box ul:nth-child(1){}

#pro_box ul:nth-child(1) li{
	color: #666;
	font-size:5vw;
	display:block;
	text-align:right;
	padding-right:2%;
	padding-top:2%;
	}
#pl{}

#pro_box ul:nth-child(1) li:nth-child(2){  font-size:2vw;  text-align:right; }

#pro_box ul:nth-child(2){ display:table; width:100%; margin-top:18%;}

#pro_box ul:nth-child(2) li{ display:table-cell; width:50%; }

#pro_box ul:nth-child(2) li img{ width:20%;}

#pro_box ul:nth-child(2) li:nth-child(1){ text-align:left; padding-left:5%;}

#pro_box ul:nth-child(2) li:nth-child(2){ text-align:right; padding-right:5%;}

#pro_name{ width:90%; margin-left:auto; margin-right:auto; text-align:center;}

#pro_name li{ padding-left:3%; line-height:120%;}

#pro_name li:nth-child(1){font-size:4vw;}

#pro_name li:nth-child(2){ font-size:13vw;}

#pro_name li:nth-child(3){font-size:4vw; }

#back01{}

#back02{ display:none;}

#back03{ display:none;}
#back04{ display:none;}
#back05{ display:none;}

#next01{}

#next02{ display:none;}

#next03{ display:none;}
#next04{ display:none;}
#next05{ display:none;}

ul#details{
	font-size:4.5vw;
	line-height:130%;
	width:100%;
	margin-top:5%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:3%;
	}

ul#details li{ letter-spacing:5px;}

ul.link{ width:95%; margin-left:auto; margin-right:auto;}

ul.link li:nth-child(1){ width:100%; margin-left:auto; margin-right:auto;}

ul.link li span{
	display:block;
	width:100%;
	text-align:center;
	
	}

ul.link li span:nth-child(3) h{ font-size:14vw; color:#000;  color: #F60;}



ul.link li span:nth-child(1){ font-size:4vw; color:#999; padding:3% 0%;}

ul.link li span:nth-child(2){
	width:100%;
	color:#FFF;
	background-color:#F60;
	font-size:7vw;
	padding:5% 0%;
	margin-bottom:2%;
	}

ul.link li span:nth-child(2) y{
	display:block !important;
	margin-bottom:2% !important;
	color:#FFF !important;
	}

ul.link li span:nth-child(1) c{ text-decoration:line-through;}

ul.link li span:nth-child(3){ font-size:3vw; padding:7% 0%;}

ul.link li:nth-child(1) a{
	width:100%;
	margin-left:auto;
	margin-right:auto;

	display:block;
	}

ul.link li:nth-child(1) a img{
	width: 100%;
	
	
}

.tyu{ font-size:3vw; text-align:center; margin:5% 0%; line-height:130%;}
/* 003 */



.teike{
	width:100%;
	 background:#FFFFF4;
	 padding-bottom:5%;
	 
	}
	
.teike div{
	
	width:100%;
	text-align:center;
	color:#FFF;
	background-color:#F90;
	font-size:3.5vh;
	padding:5% 0%;
	margin-bottom:10%;
	}

.teike div span{ display:block; line-height:120%;}
	
.tokuten{}
.tokuten li{text-align:center;}
.tokuten li p:nth-child(1){ font-size:5vw; padding:5% 0%;}

.tokuten li p:nth-child(1) span{ background-color:#F90; color:#FFF; padding:1% 10%;}

.tokuten li p:nth-child(2){ font-size:6vw; color:#F90; margin-bottom:5%;}



.tokuten li p:nth-child(3){
	padding:1% 0%;
	font-size:4vw;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	}

.tokuten li:nth-child(n+2){}

.rew01{ width:100%;}
.rew01 li{width:100%;}

.rew02{
	width:100%;
	margin-left:auto;
	margin-right:auto;

	}
	
.rew02 li{width:100%;}



/* 004 */


.try{ width:100%; margin-bottom:5%;}

.try p{
	width:100%;
	text-align:center;
	background-color:#F90;
	padding:4vh 0%;
	font-size:3vh;
	margin-bottom:5%;
	color:#FFF;
	}

.try_pro{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	}

.try_pro li{
	width:100%;
	vertical-align:middle;
	}

.try_pro li:nth-child(1){
	height:20vh;
	margin-bottom:10%;

	}
.try_pro li:nth-child(2){
}

.try_pro_img01{
	display:block;
	background:url(../img/banana.png) center no-repeat;
	background-size: contain;
	width:100%;
	height:100%;
	}

.try_pro_img02{
	display:block;
	background:url(../img/banana170.jpg) center no-repeat;
	background-size: contain;
	width:100%;
	height:100%;
	}

.try_pro li span{
	display:block;
	text-align:center;
	margin-bottom:2%;
	
	}

.try_pro li span h{ font-size:2vw;} 

.try_pro li a{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:1px solid #666;
	display:block;
	padding:7% 0%;
	border-radius:10px;
	font-size:3vh;
	color:#000;
	margin-bottom:10px;
	}
.try_pro li span:nth-child(1){font-size:5vw;}
.try_pro li span:nth-child(2){font-size:4vw;}
.try_pro li span:nth-child(3){font-size:6vw;}



/* 005 */



.top_news{ width:100%; margin-bottom:3%;}

.top_news ul li{ text-align:center;}

.top_news ul li span{}

.top_news ul li:nth-child(1){
	background-color:#F90;
	color:#FFF;
	
	padding:3vh 0%;
	font-style:italic;
	}

.top_news ul li:nth-child(1) span{ display:block;}

.top_news ul li:nth-child(1) span:nth-child(1){font-size:5vh;}

.top_news ul li:nth-child(1) span:nth-child(2){ border:1px solid #FFF; padding:1vh 2vh; width:60%; font-size:2.5vh; line-height:120%; margin:auto; margin-top:1vh;}




.top_news ul li:nth-child(2){
	height:40vh;


	background: url(../img/banana_pac02.jpg) center no-repeat;
	background-size: 150% auto;
	margin:0% 0% 1% 0%;
	position: relative;

	}
	

.point{ width:90%; margin:auto;}
.point p{}

.point p span{ width:95%; margin:auto; display:block;}

.point p span:nth-child(1) h{ display:block; line-height:100%; }

.point p span:nth-child(1) h:nth-child(1){ font-size:3vh; margin-bottom:1vh;}

.point p span:nth-child(1) h:nth-child(2){ font-size:4vh; color:#FFF;}

.point p span:nth-child(1){ background:#F90; border-radius:10px; padding:2vh 0; margin:2vh 0;}

.point p span:nth-child(2){font-size:2.5vh; width:90%; }

/* 006 */


.emblem{ width:100%;}

.emblem p{}

.emblem p:nth-child(1){
	font-size:4vh;
	padding:5% 0%;
	font-style:italic;
	color:#FFF;
	width:100%;
	background-color:#F90;
	text-align:center;
	margin-bottom:3%;
	}

.emblem p:nth-child(1) span{
	display:block;
	line-height:130%;
	}
	
.emblem p:nth-child(3){
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
	}

.emblem p:nth-child(3) img{ width:100%;}
	
.emblem p:nth-child(2){
	display:table;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:5%;
	margin-bottom:5%;
	}

.emblem p:nth-child(2) span{
	display:table-cell;
	vertical-align:middle;
	font-size:4vw;
	
	}

.emblem p:nth-child(2) span:nth-child(1){ width:30%;}

.emblem p:nth-child(2) span:nth-child(1) img{ width:100%;}

.emblem p:nth-child(2) span:nth-child(2){ text-align:center; width:70%;}

.emblem p:nth-child(2) span:nth-child(2) h{ display:block;}

.emblem p:nth-child(2) span:nth-child(2) h:nth-child(1){ margin-bottom:2%;}
.emblem p:nth-child(2) span:nth-child(2) h:nth-child(2){  margin-bottom:2%;}

.heading{
	width:100%;
	background:#F90;
	}
.heading span{
	display:block;
	text-align:center;
	}
.heading span:nth-child(1){
	padding-bottom:1%;
	font-size:6vw;
	padding-top:10%;
	}
.heading span:nth-child(2){
	font-size:5vw;
	color:#FFF;
	padding-bottom:10%;
	}
.heading span:nth-child(2) h{ color:#FFF;}
.heading p{
	height:30vh;
	background:url(../img/bg.jpg) no-repeat center #FFFFFF;
	background-size: 80% auto;
	}
.heading p h{
	display: none;

	}


.recom{
	width:100%;
	}

.recom ul{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

.recom ul li{
	padding:3% 0%;
	font-size:6vw;
	width:100%;
	line-height:100%;
	background:#F90;
	border-radius:10px;
	text-align:center;
	color: #000;

	}

.recom ul li:not(:last-child){ margin-bottom:5%;}

.recom ul li:nth-child(1){ }

.recom ul li:nth-child(2){ }

.recom ul li:nth-child(3){ } 

.recom ul li:nth-child(4){ } 

.recom ul li:nth-child(5){ } 

.recom ul li:nth-child(6){} 



.recom ul li span{ display:block; line-height:130%;}

.recom ul li span h{ color:#FFF;}



/* 007 */

.ml{ width:100%; text-align:center;  }
.ml p{line-height:120%;}

.ml p:nth-child(1),.ml p:nth-child(2){font-size:3.5vh;}

.ml p:nth-child(1) span{ color:#ff891e;}

.ml p:nth-child(3){ background:#ff891e; color:#FFF;font-size:5vh; padding:5% 0%; margin-top:1vh;}

.heading_sub{ width:100%; padding:10% 0%;}
.heading_sub span{
	display:block;
	font-size:5vw;
	text-align:center;
	}
.heading_sub span h{ color:#F90;}
.heading_sub span:nth-child(1){ margin-bottom:1%;}

.con07{
	width:100%;
	

	}

.choice{


	display:table;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/003.jpg) no-repeat fixed;
	background-size: cover;
	
	}


.choice p{
	display:table-cell;
	width:45%;
	}


.choice p:nth-child(1){

	display:none;

	
	}

.choice p:nth-child(1){
	}

.choice p:nth-child(2) img{ height:30vh; display:block; margin:4vh auto;}



.choice p h span{ display:block;}
.choice p h span c{ color:#F90;}

.choice p h span:nth-child(1){ margin-bottom:3%;}
.choice p h span:nth-child(2){ margin-bottom:3%;}
.choice p h span:nth-child(3){ font-size:4vw; color:#F90;}


.text01{ width:100%; margin:2vh 0;}
.text01 img{ width:100%;}

.annotation{width:90%;
	margin-left:auto;
	margin-right:auto;
	padding:4% 0%;
	}

.annotation  span{
	display:block;
	font-size:2vw;
	text-align: center;
	line-height:150%;
	}

.com01{ width:100%;}

.com02{ width:100%; padding-bottom:5%; }

.component{
	
	margin-left:auto;
	margin-right:auto;
	}
	
.component p{
	
	
	width:100%;
	
	}


.component p span{
	width:90%;
	text-align:center;
	display:block;
	margin:auto;
	background-color: #F60;
	border-radius:10px;
	padding:5% 0%;
	}

.component p{ margin-bottom:5%;}

.component p span h{
	display:block;
	
	line-height:120%;
	color:#FFF;
	}

.component p span h:nth-child(1){
	
	font-size:6vw;
	}
.component p span h:nth-child(2){
	
	font-size:6vw;
	color:#FF0;
	}




/* 008 */


.examplebox{
	width:100%;
	}

.bg01{
	width:100%;
	background-color:#CCC;
	padding:5% 0%;
	}

.bg01 span{display:block; font-size:6vw;  text-align:center;}

.bg01 span h{ color:#FFF;}

.bg01 span:nth-child(1){ padding-bottom:1%;}


.bg02{
	width:100%;
	background-color:#F90;
	padding:5% 0%;
	}

.bg02 span{display:block; font-size:6vw;  text-align:center;}

.bg02 span h{ color:#FFF;}

.bg02 span:nth-child(1){ padding-bottom:1%;}



.ch001{
	width:100%;
	position: relative;

	}

.ch001 p:nth-child(1){
	position:absolute;
	
	}

.ch001 p:nth-child(1) img{
	margin-top:25%;
	width:35%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.ch001 p:nth-child(2){
	

	width:95%;
	margin-left:auto;
	margin-right:auto;
	}



.ch002{
	width:100%;
	position: relative;

	}

.ch002 p:nth-child(1){
	position:absolute;
	
	}

.ch002 p:nth-child(1) img{
	margin-top:30%;
	width:55%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.ch002 p:nth-child(2){
	

	width:95%;
	margin-left:auto;
	margin-right:auto;
	}



/* 009 */



.no_pro{

	
	width:100%;

	margin-left:auto;
	margin-right:auto;
	
	}

.no_pro p{
	
	width:100%;
	}

.no_pro p span{
	display:block;
	margin:auto;
	
	}

.no_pro p:nth-child(1){
	background:url(../img/009.jpg) center no-repeat;
	background-size:cover;
	height:30vh;
	}

.no_pro p:nth-child(2){ text-align:center; padding:10% 0%;}

.no_pro p:nth-child(2) span{font-size:6vw; line-height:150%;}



.no_pro p span h{ color:#F90;}

.no_pro p span c{ text-decoration:underline;}

.heading06{
	width:100%;
	background:#F90;
	padding:4vh 0;

	}
	
.heading06 span{
	display:block;
	text-align:center;
	line-height:120%;
}

.heading06 span:nth-child(1){ font-size:3.2vh;}

.heading06 span:nth-child(2){ font-size:3.2vh; color:#FFF;}



.heading06 p{
	width:100%;
	height:5vh;
	background:#F90;
	margin:2vh auto -3vh auto;
	}
	
.heading06 p h{
	display:block;
	background-color:#FFF;
	border-radius:100%;
	width:100%;
	height:10vh;
	}



.heading05{
	width:100%;
	background:#F90;
	padding:4vh 0;

	}
	
.heading05 span{
	display:block;
	text-align:center;
	line-height:120%;
}

.heading05 span:nth-child(1){ font-size:3.2vh;}

.heading05 span:nth-child(2){ font-size:3.2vh; color:#FFF;}



.heading05 p{
	width:100%;
	height:5vh;
	background:#F90;
	margin:2vh auto -3vh auto;
	}
	
.heading05 p h{
	display:block;
	background-color:#FFF;
	border-radius:100%;
	width:100%;
	height:10vh;
	}





.heading04{
	width:100%;
	background:#F90;
	padding:4vh 0;

	}
	
.heading04 span{
	display:block;
	text-align:center;
	line-height:120%;
}

.heading04 span:nth-child(1),.heading04 span:nth-child(2){ font-size:3.2vh;}

.heading04 span:nth-child(3){ font-size:3.5vh; color:#FFF;}

.heading04 p{
	width:100%;
	height:5vh;
	background:#F90;
	margin:2vh auto -3vh auto;
	}
	
.heading04 p h{
	display:block;
	background-color:#FFF;
	border-radius:100%;
	width:100%;
	height:10vh;
	}


.con02{
	padding:10% 0;
	}


.heading02{
	width:100%;
	background:#F90;
	padding:2vh 0;

	}
	
	
.heading02 span{
	display:block;
	text-align:center;

	
	}

.heading02 span h{ color:#FFF; font-size:6vw;}

.heading02 span:nth-child(1){

	font-size:6vw;

	}
.heading02 span:nth-child(2){
	font-size:6vw;

	}
.heading02 span:nth-child(1) h{ color:#FFF;}
.heading02 span:nth-child(2) h{ color:#FFF; font-size:6vw;}
.heading02 p{
	width:100%;
	height:5vh;
	background:#F90;
	margin-bottom:-10%;
	}
.heading02 p h{
	display:block;
	background-color:#FFF;
	border-radius:100%;
	width:100%;
	height:15vh;
	}

.heading02 span:nth-child(3){
}

.dfe01{
	margin-top:5%;}

	
/* 010 */

.mida{
	background-color:#F90;
	color:#FFF;
	text-align:center;
	border-radius:100%;
	width:98%;
	margin:-4vh auto auto auto;
	padding:10% 0%;
	font-size:2.7vh;
	}
	
.mida span{ display:block; line-height:120%;}

.mida span:nth-child(1){}

.nm{ width:80%; margin-left:auto; margin-right:auto;}



.nm li:nth-child(1){
	position:relative;
	background:url(../img/010.jpg) center no-repeat ;
	height:25vh;
	width:100%;
	background-size: cover;
	background-position: 0% 30%;
	margin:5% auto; 

	}


.nm li p{
	position:absolute;
	bottom:3%;
	right:3%;
	}

.nm li p span{
	display:block;
}

.nm li:nth-child(1) p span:nth-child(1){
	font-size:3vw;
	padding-bottom:1%;
	}

.nm li:nth-child(1) p span:nth-child(2){
	font-size:5vw;
	}


.nm li:nth-child(2) div{
	line-height:130%;
	}

.nm li:nth-child(2) div:nth-child(1){
	font-size:6vw;
	margin-bottom:5%;
	font-weight:bold;
	color:#F60;
	}

.nm li:nth-child(2) div:nth-child(2){
	font-size:5vw;
	margin-bottom:5%;
	}
	
	
	
/* 011 */

.character001 p:nth-child(1) img{ display:block; width:90%; margin:auto; padding-bottom:3%;}

.character001 p:nth-child(2){ text-align:center; font-size:5vw; margin-bottom:3%; }

.character001 p:nth-child(2) span{ display: block; line-height:150%;}

.character001 p{ line-height:150%;}




.character002{
	width:100%;
	background-color:#F60;
	padding:7% 0%;
	}

.character002 p{
	width:100%;
	text-align:center;
	color:#FFF;
	font-size:4vh;
	}
	
.character002 p:nth-child(1){
	padding-bottom:1%;
	}

.character ul{ width:90%; margin-left:auto; margin-right:auto; margin-bottom:5%;}

.character ul li p:nth-child(1){width:100%; text-align:left; margin:5% 0%;}

.character ul li p:nth-child(1) h{ padding:2% 0%; display:block; border-radius:20px; background-color:#F90;  color:#FFF; border:1px solid #F90; text-align:center; }

.character ul li p:nth-child(2){width:100%; text-align:center;}

.character ul li p span{ display:block;}

.character ul li p span:nth-child(1){ font-size:6vw; color:#F90; border-bottom:1px solid #F90; padding-bottom:2%;}

.character ul li p span:nth-child(2){ padding-top:2%;}
.character ul li p span:nth-child(2) h{ display:block; line-height:150%;}

/* 012 */	


.insta_box{
	width:100%;
	background:#F90;
	background:url(../img/sp_bg.jpg) center top no-repeat;
	background-size:250% auto;
	
	}

.insta_top{
	display:table;
	width:55%;
	height:30vh;
	margin-left:auto;
	margin-right:auto;
	}

.insta_top p{
	display:table-cell;
	margin:auto;
	width:100%;
	vertical-align:middle;
	color:#FFF;
	
	}

.insta_top p span{
	display:block;
	width:100%;
	text-align:right;
	}
.insta_top p span:nth-child(1){font-size:5vw; margin-bottom:2%;}
.insta_top p span:nth-child(2){font-size:3vw;}
.insta_top p span:nth-child(3) img{ width:15%; margin-top:2%;}

.insta_photo{
	
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}
.insta_photo p{
	width:100%;
	}
.insta_photo p img{
	width:100%;
	
	}


/* 013 */


.generation{
	width:90%;
	margin:auto;
	margin-top:-15%;
	
	
	}

.generation ul{
	display:table;
	width:100%;
	
	}

.generation ul li{
	display:table-cell;
	width:50%;
	
	}

.generation ul li p{
	
	width:90%;
	margin:auto;
	text-align:center;
	border-radius:100%;
	}

.generation ul li p:nth-child(2){
	margin-top:5%;
	background:#F90;
	
	}

.generation ul li p:nth-child(2) h{
	display:block;
	width:95%;
	font-size:4vw;
	line-height:120%;
	margin:auto;
	padding-top:20%;
	padding-bottom:20%;
	color:#FFF;
	}

.generation ul li p:nth-child(2) h span{ display:block;}

.generation ul li p img{
	width:100%;
	border-radius:100%;
	}



/* 014 */



div.mida4{
	margin:auto auto;
	padding:10% 0%;
	text-align:center;
	font-size:5vw;
	line-height:130%;
	}

div.mida4 span{
	display:block;
	margin-bottom:1%;
	}

div.mida4 span h{ color:#F90;}

.heading03{
	width:100%;
	background:#F90;
	margin-bottom:3%;
	}
.heading03 span{
	display:block;
	text-align:center;
	}
.heading03 span:nth-child(1){
	font-size:6vw;
	margin-bottom:1%;
	padding-top:10%;
	}

.heading03 span:nth-child(2){
	font-size:6vw;
	margin-bottom:10%;
	}


.heading03 span h{ color:#FFF;}

.heading03 p{
	width:100%;
	height:5vh;
	background:#F90;
	margin-bottom:-10%;
	}
.heading03 p h{
	display:block;
	background-color: #FFF;
	border-radius:100%;
	width:100%;
	height:10vh;
	}

div.mida9{
	margin-left:auto;
	margin-right:auto;
	margin-top:-12%;
	padding-bottom:3%;
	


	text-align:center;
	font-size:3vw;
	line-height:130%;
	}



div.mida9 span{
	display:block;
	margin-bottom:1%;
	}

div.mida9 span h{ color:#F90;}


.athlete{ width:95%; margin-left:auto; margin-right:auto; margin-top:5%; }

.athlete ul li{ width:50%; float:left; margin-bottom:2%;}

.tb{
	display:table;
	table-layout: fixed;
	border-collapse: collapse; 
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}

.tb p{
	display:table-cell;
	width:50%;
	text-align:center;
	vertical-align:middle;
	}

.tb p span{ display:block;}

.tb p span:nth-child(1){ font-size:2vw; margin-bottom:2%;}

.tb p span:nth-child(2){ font-size:1vw; margin-bottom:3%;}

.tb p span:nth-child(3){ font-size:3vw;}

.tb p span:nth-child(3) h{ font-size:1.5vw;}

.athlete ul li div.tb p:nth-child(2){
	height:15vh;
	}


.athlete ul li:nth-child(2) div.tb p:nth-child(2){
	background:url(../img/at_001.jpg) center no-repeat;
	background-size: cover;
	border-radius:10px;
	
	
	}

.athlete ul li:nth-child(1) div.tb p:nth-child(2){
	background:url(../img/at_006.jpg) center no-repeat;
	background-size: cover;
	background-position:top;
	border-radius:10px;
	}



.athlete ul li:nth-child(3) div.tb p:nth-child(2){
	background:url(../img/at_003.jpg) center no-repeat;
	background-size: cover;
	border-radius:10px;
	}
	
.athlete ul li:nth-child(4) div.tb p:nth-child(2){
	background:url(../img/at_005.jpg) center no-repeat;
	background-size: cover;
	border-radius:10px;
	}



div.mida6{
	margin:auto auto;
	padding:5% 0px 5% 0px;
	text-align:center;
	font-size:4vw;
	line-height:130%;
	}

div.mida6 span{
	display:block;
	margin-bottom:1%;
	}

div.mida6 span h{ color:#F90;}	


/* 015 */

.con13 div:nth-child(3){ width:100%; margin-bottom:1%; }
.con13 div:nth-child(3) p{
	width:90%;
	margin:auto;
	text-align:center;
	border:1px solid #000;
	font-size:4vw;
	padding:1% 0%;
	}

.dfe04 p{
	display:table;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:3% 0%;
	
	}
.dfe04 p h{ }
.dfe04 p h:nth-child(1){ width:100%; text-align:center;}
.dfe04 p h:nth-child(2){ width:40%;}

.dfe04 p h span{ display:block; font-size:1.5vh;}
.dfe04 p h span q{ color:#F90;}

.dfe04 p h span:nth-child(1){ padding-bottom:1%;}

.dfe04 p h img{ width:90%;}




.dfe04{ width:100%; text-align:center; font-size:1.8vw; }
	



/* 016 */



div.mida7{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;

	background:#F90;
	border-radius:100%;
	padding:3% 0%;
	}

div.mida7 span{
	display:block;
	width:100%;
	text-align:center;
	font-size:4vw;
	}

div.mida7 span:nth-child(1){ padding-top:3%;margin-bottom:1%;}

div.mida7 span:nth-child(2){
	padding-bottom:3%;
	color:#FFF;
	}

.button{ width:100%; clear:both; text-align:center; font-size:5vw; padding:7% 0%;}



.recipe{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	
	}

.recipe ul{
	width:100%;
	
	}

.recipe ul li{
	float:left;
	display:table;
	width:100%;
	margin-bottom:2%;
	}

.recipe ul li span{
	display:table-cell;
	border-radius:10px;
	width:50%;
	}

.recipe ul li span:nth-child(1){
	height:20vh;
	}

.recipe ul li span:nth-child(2){
	vertical-align:middle;
	
	}

.recipe ul li span:nth-child(2) h{
	display:block;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	}
.recipe ul li span:nth-child(2) h p{
	width:100%;
	text-align:left;
	font-size:3vw;
	margin-bottom:4%;
	}
.recipe ul li span:nth-child(2) h p:nth-child(1){
	background-color:#F90;
	text-align:center;
	padding:5% 0%;
	color: #FFF;
	border-radius:10px;
	}
.recipe ul li span:nth-child(2) h p:nth-child(2){ padding:5% 0% 2% 0%;}

.recipe ul li span:nth-child(2) h p:nth-child(2) c{
	border:1px solid #000;
	padding:0% 7%;
	border-radius:5px;
	font-size:3vw;
	
	}


.recipe ul li span:nth-child(2) h p:nth-child(n+2){
	padding-left:5%;
	}


.recipe ul li:nth-child(1) span:nth-child(1){
	background:url(../img/recipeimg001.jpg) center no-repeat;
	background-size:cover;
	}
.recipe ul li:nth-child(2) span:nth-child(1){
	background:url(../img/recipeimg002.jpg) center no-repeat;
	background-size:cover;
	}
.recipe ul li:nth-child(3) span:nth-child(1){
	background:url(../img/recipeimg003.jpg) center no-repeat;
	background-size:cover;
	}
.recipe ul li:nth-child(4) span:nth-child(1){
	background:url(../img/recipeimg004.jpg) center no-repeat;
	background-size:cover;
	}
.recipe ul li:nth-child(5) span:nth-child(1){
	background:url(../img/recipeimg005.jpg) center no-repeat;
	background-size:cover;
	}
.recipe ul li:nth-child(6) span:nth-child(1){
	background:url(../img/recipeimg006.jpg) center no-repeat;
	background-size:cover;
	}
.recipe ul li:nth-child(7) span:nth-child(1){
	background:url(../img/recipeimg007.jpg) center no-repeat;
	background-size:cover;
	}

.recipe ul li:nth-child(8) span:nth-child(1){
	background:url(../img/recipeimg008.jpg) center no-repeat;
	background-size:cover;
	}


.recipe02{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	}

.recipe02 ul{
	width:100%;
	
	}

.recipe02 ul li{
	float:left;
	display:table;
	width:100%;
	margin-bottom:2%;
	}

.recipe02 ul li span{
	display:table-cell;
	border-radius:10px;
	width:50%;
	}

.recipe02 ul li span:nth-child(1){
	height:20vh;
	}

.recipe02 ul li span:nth-child(2){
	vertical-align:middle;
	
	}

.recipe02 ul li span:nth-child(2) h{
	display:block;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	}
.recipe02 ul li span:nth-child(2) h p{
	width:100%;
	text-align:left;
	font-size:3vw;
	margin-bottom:4%;
	}
.recipe02 ul li span:nth-child(2) h p:nth-child(1){
	background-color:#F90;
	text-align:center;
	padding:5% 0%;
	color: #FFF;
	border-radius:10px;
	}
.recipe02 ul li span:nth-child(2) h p:nth-child(2){ padding:5% 0% 2% 0%;}

.recipe02 ul li span:nth-child(2) h p:nth-child(2) c{
	border:1px solid #000;
	padding:0% 7%;
	border-radius:5px;
	font-size:3vw;
	
	}


.recipe02 ul li span:nth-child(2) h p:nth-child(n+2){
	padding-left:5%;
	}

.recipe02 ul li:nth-child(1) span:nth-child(1){
	background:url(../img/recipeimg07.jpg) center no-repeat;
	background-size:cover;
	}


/* 017 */


.qanda{
	width:100%;
	background:#F90;
	text-align:center;
	padding:5% 0%;
	margin:3% 0%;
	}

.qanda p{}

.qanda p span{ font-size:4vh;}

.qanda p:nth-child(1){
	color:#FFF;
	font-size:5vh;
	padding-bottom:2%;
	}

.qanda p:nth-child(2){
	font-size:2vh;
	}
	
.qanda_box{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2%;
	}

.qanda_box ul{
	height:40vh;
	overflow-y: scroll;
	}

.qanda_box ul li{
	width:100%;
	float:left;
	height: auto;
	}

.qanda_box ul li p{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	display:table;
	}

.qanda_box ul li p:nth-child(1){
	font-size:4vw;
	line-height:120%;
	padding:3%;
	}

.qanda_box ul li p:nth-child(2){
	font-size:3vw;
	 line-height:120%;
	
	}

.qanda_box ul li p h{
	display:table-cell;
	vertical-align:middle;
	}

.qanda_box ul li p h:nth-child(1){
	background-color:#F90;
	padding:10px;
	width:13%;
	text-align:center;
	}

.qanda_box ul li p h:nth-child(2){ padding-left:3%; color:#F90;}


/* 018 */


.lineup div{
	background:#F90;
	width:100%;
	color:#FFF;
	text-align:center;
	font-size:5vw;
	padding:5% 0%;
	}

.lineup div:nth-child(1) span{ display:block;}
.lineup div:nth-child(1) span:nth-child(1){ padding-bottom:2%;}
.lineup ul{
	width:90%;

	margin-left:auto;
	margin-right:auto;

	}

.lineup ul li{
	width:50%;
	float:left;
	
	}

.lineup ul li p img{
	width:100%;
	}

.lineup ul li p:nth-child(1){}

.lineup ul li p:nth-child(2) span{
	display:block;
	text-align:center;
	
	font-size:4vw;
	}

.lineup ul li p:nth-child(2) span:nth-child(3){ padding:5% 0%;}

.lineup ul li p:nth-child(2) span:nth-child(3) h{ font-size:2vw;}

.lineup ul li p:nth-child(2) a{
	width:90%;
	text-align:center;
	border:1px solid #000;
	display:block;
	padding:10% 0%;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	margin-top:5%;
	margin-bottom:10%;
	font-size:3vw;
	color:#000;
	}

.lineup170 div{
	background:#F90;
	width:100%;
	color:#FFF;
	text-align:center;
	font-size:5vw;
	padding:5% 0%;
	}

.lineup170 ul{
	width:90%;

	margin-left:auto;
	margin-right:auto;

	}

.lineup170 div:nth-child(1) span{ display:block;}
.lineup170 div:nth-child(1) span:nth-child(1){ padding-bottom:2%;}

.lineup170 ul li{
	width:50%;
	float:left;
	
	}

.lineup170 ul li p img{
	width:100%;
	}

.lineup170 ul li p:nth-child(1){}

.lineup170 ul li p:nth-child(2) span{
	display:block;
	text-align:center;
	
	font-size:4vw;
	}

.lineup170 ul li p:nth-child(2) span:nth-child(3){ padding:5% 0%;}

.lineup170 ul li p:nth-child(2) span:nth-child(3) h{ font-size:2vw;}

.lineup170 ul li p:nth-child(2) a{
	width:90%;
	text-align:center;
	border:1px solid #000;
	display:block;
	padding:10% 0%;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	margin-top:5%;
	margin-bottom:10%;
	font-size:3vw;
	color:#000;
	}



/* 019 */


.fadeInUp {
  opacity : 0;
  transform: translateY(40px);
  transition: 1s;
}


.sebox{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	
	
	}


.sebox span{
	display: block;
	text-align:center;
	}

.sebox span:nth-child(1){
	
	font-size:3vw;
	margin-bottom:1%;
	
	}
.sebox span:nth-child(2){
	font-size:3vw;
	margin-bottom:5%;
	}