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

html {
 	/* -webkit-text-size-adjust: 100%; */
 	height: 100%;
	font-size: 62.5%;
	
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
@media screen and (max-width:480px){
	/* html {overflow: hidden;} */
 	 }

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.5rem;
	line-height: 1.6;
	background-color: #fff;
  	margin: 0;
	padding: 0;

 	/* perspective: 1px; */
  	/* transform-style: preserve-3d;  */
  	height: 100%;
  	overflow-y: auto;
  	overflow-x: hidden;
}
ul { text-align: justify;
	padding-left: 20px;
}
h1{

}
p { line-height: 0.6; margin: 0.2em 0px;}

/* ############################ LINK ############################ */
.fruit_menu a:link { color: #fff; }
.fruit_menu a:visited { color: #fff; }
.fruit_menu a:hover { color: #ffc; }
.fruit_menu a:active { color: #fff; }

.fruit_next a:link { color: #666666; }
.fruit_next a:visited { color: #666666; }
.fruit_next a:hover { color: #f00; }
.fruit_next a:active { color: #666666; }

/* ロールオーバー */
.fruit_menu a , .fruit_live_base a , .fruit_live_menu_base a {
	text-decoration: none;
	color: #FFF;
  	display: inline-block;
  	transition: .3s;
  	-webkit-transform: scale(1);
  	transform: scale(1);
}
.fruit_menu a:hover {
  	-webkit-transform: scale(1.1);
 	transform: scale(1.1);
}
.fruit_live_base a:hover , .fruit_live_menu_base a:hover {
  	-webkit-transform: scale(1.03);
 	transform: scale(1.03);
}
.fruit_menu a img , .fruit_live_base a img , .fruit_live_menu_base a {
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}
.fruit_menu a:hover img , .fruit_live_base a:hover img , .fruit_live_menu_base a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
/* ############################ LINK ############################ */

	/* 背景画像の高さ */
	.wrap{

	}

	img.fit {
		max-width: 90%;
 	}

	img.fit100 {
		max-width: 100%;
 	}

	@media screen and (min-width:480px){ .brsp { display:none;} }


	/* PCでは表示しない */
	@media screen and (min-width: 681px) {
		.pc_none{
			display:none;
		}
	}
	/* SPでは表示しない */
	@media screen and (max-width: 680px) {
		.sp_none{
			display:none;
		}
	}

.text_red{ color: red; }
.text_purple{ color: #662D91; }
.text_aqua{ color: #ff69b4; }
.text_lavender{ color: #ee82ee; }
.text_cherry{ color: #EC664E; }
.text_brown{ color: #8C6239; }

.text_left{ text-align: left; }

.orange{ color: #F7931E; }
.blue{ color: #0085FF; }
.purple{ color: #7E0D92 }
.red{ color: #FF0000; }
.gray{ color: #888; }
.pink{ color: #FF7CDB }
.green{ color: #338529 }

.w08{ font-size: 0.8em;}
.w09{ font-size: 0.9em;}
.w10{ font-size: 1.0em;}
.w11{ font-size: 1.1em;}
.w12{ font-size: 1.2em;}
.w13{ font-size: 1.3em;}
.w14{ font-size: 1.4em;}
/* ここまで初期設定 **********************************************************************/	


/* palalax **********************************************************************/
.image1 {
    background: url("images/fruitback.png") repeat fixed 0% 0% transparent;
}

.image2 {
    background: url("") no-repeat fixed 0% 0% transparent;
}

@media screen and (max-width:480px){
	/* .image1 { background: url("fruitback.png") repeat 0% 0% transparent;} */
	/* .image2 { background: url("") no-repeat 0% 0% transparent;} */
}

.image-base1{
	height: auto;
    background-position: center center;
}
.image-base2{	/* 未使用 */
    min-height: 6900px; 
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/*-- PC表示  --*/
.pc { display: block !important; }
.sp { display: none !important; }
/*-- SP表示  --*/
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


/* ここから産地 **********************************************************************/	
.sanchi_read{
	max-width: 700px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 10px;
}

.sanchi_main_text{
	max-width: 600px;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
	padding: 20px;

	display:flex;
	
	position: relative;
	z-index: 2;
}
.sanchi_main_text_l{
	width: 40%;
	height: 100%;
	float: left;
	
	color: #FF7BAC;
	font-family: "Rounded Mplus 1c";
	font-size: 1.7em;
	font-weight: 400;
	letter-spacing: .1em;
	box-sizing: border-box;
}
@media screen and (max-width:480px){
	.sanchi_main_text_l{ font-size: 0.9em;}
 	 }

.sanchi_main_text_r{
	width: 60%;
	float: left;
	padding-left: 20px;
	border-left: 1px solid #FF7BAC;
	
	color: #666666;
	font-family: "Rounded Mplus 1c";
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: .1em;
	text-align:justify;
	box-sizing: border-box;
}
@media screen and (max-width:480px){
	.sanchi_main_text_r{ font-size: 0.7em;}
 	 }

.sanchi_pic01{
	margin-left: auto;
	max-width: 700px;
	margin-top: -50px;
	margin-bottom: 50px;
	z-index: 1;
}
.sanchi_pic02{
	margin-right: auto;
	max-width: 500px;
	margin-top: -400px;
	margin-bottom: 50px;
	z-index: 1;
}
@media screen and (max-width:480px){
	.sanchi_pic02{ max-width: 300px; margin-top: -150px;}
 	 }
.sanchi_pic03{
	margin-right: auto;
	max-width: 800px;
	margin-top: -100px;
	margin-bottom: 20px;
	z-index: 1;
}
@media screen and (max-width:480px){
	.sanchi_pic03{ margin-top: -50px;}
 	 }
.sanchi_hinsyu{
	margin: 0 auto;
	max-width: 700px;
	margin-top: 150px;
	margin-bottom: 20px;
}
@media screen and (max-width:480px){
	.sanchi_hinsyu{ margin-top: 50px; margin-bottom: 0px;}
 	 }

/* TABLE **********************************************************************/
.sanchi_fruit_press{
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666666;
	font-family: "Rounded Mplus 1c";
	}
@media screen and (max-width:480px){
	.sanchi_fruit_press{ padding-top: 0px;}
 	 }

.sanchi_fruit_press_main{
	max-width: 700px;
	margin: 0 auto;
	padding: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	}
@media screen and (max-width:480px){
	.sanchi_fruit_press_main{ padding-top: 0px;}
 	 }

.sanchi_fruit_press_01{
	max-width: 700px;
	margin: 0 auto;
	font-size: 0.9em;
	}
.sanchi_fruit_press_01 img{
	width: 100%;
	}
.sanchi_paddingL{
	padding-left: 5px;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align:justify;
	}
@media screen and (max-width:480px){
	.sanchi_paddingL{ font-size: 0.9em;}
 	 }

.sanchi_paddingC{
	padding: 5px;
	font-size: 1.5em;
	line-height: 1.2;
	text-align: center;
	}

.sanchi_fruit_bg{
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #fff;
	text-align: center;
	}
@media screen and (max-width:480px){
	.sanchi_fruit_bg{ padding-top: 0px;}
 	 }





/*=============== 下部バナー ここから ===============*/
.fruit_live_menu_base{
	width: 100%;
	max-width: 900px;
	height: auto;
	justify-content: center;
	margin: 0 auto;
	}
.fruit_live_menu_base_half{
	width: 130px;
	height: 48px;
	display: block;
	}
@media screen and (max-width:395px){
	.fruit_live_menu_base_half{
		-webkit-transform: scale(1.0);
 		transform: scale(1.0);
		margin-top: 0px;
		margin-bottom: 5px;
		}
 	 }
/*=============== 下部バナー ここまで ===============*/