@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;}
img{ vertical-align: top;}
/* ############################ 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: #FF4DAC;
	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; letter-spacing: .05em;}
 	 }

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

.sanchi_pic01{
	margin-left: auto;
	max-width: 600px;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index: 1;
}
@media screen and (max-width:480px){
	.sanchi_pic01{ max-width: 300px; margin-top: 30px; margin-bottom: 30px;}
 	 }
.sanchi_pic02{
	margin-right: auto;
	max-width: 600px;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index: 1;
}
@media screen and (max-width:480px){
	.sanchi_pic02{ max-width: 300px; margin-top: 30px; margin-bottom: 30px;}
 	 }
.sanchi_pic03{
	margin-left: auto;
	max-width: 400px;
	margin-top: -100px;
	margin-bottom: 20px;
	z-index: 1;
}
@media screen and (max-width:480px){
	.sanchi_pic03{ max-width: 200px; margin-top: -50px;}
 	 }


.sanchi_pic03_twin-a{
	width: 90%;
	text-align: center;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 50px;
	z-index: 1;
	white-space:nowrap
}
.sanchi_pic03_twin-b{
	display: inline-block;
	max-width: 50%;
	white-space:pre-wrap;
	vertical-align: top;
}
@media screen and (max-width:480px){
	.sanchi_pic03_twin-b{ font-size: 0.5em;}
 	 }


.sanchi_pic04{
	margin-right: auto;
	max-width: 600px;
	margin-top: 50px;
	margin-bottom: 50px;
	z-index: 1;
}
@media screen and (max-width:480px){
	.sanchi_pic04{ max-width: 300px; margin-top: 30px; margin-bottom: 30px;}
 	 }

.sanchi_pic05{
	margin : 0 auto;
	max-width: 800px;
	margin-top: 90px;
	margin-bottom: 50px;
	z-index: 1;
}
@media screen and (max-width:480px){
	.sanchi_pic05{ margin-top: 50px;}
 	 }






.sanchi_quad{
	max-width: 870px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	white-space:nowrap;
	
}
.sanchi_quad_pic{
	border:  #555555 solid 1px;
	max-width: 45%;
	margin: 5px;
	display: inline-block;
	white-space:nowrap;
	vertical-align: top;
	
}
.sanchi_quad_text{
	width: 90%;
	height: 13em;
	margin: 0 auto;
	white-space:normal;
	padding-top: 10px;
	text-align: justify;
}
@media screen and (max-width:480px){
	.sanchi_quad_text{ font-size: 0.7em; height: 16em;}
 	 }








/* ここからLeftPic ***********************************/	
.fruit_pic_left{
	width: 90%;
	height: auto;
	margin-top: 70px;
	padding-right: 20px;
	float: left;
	box-sizing: border-box;

	font-family: "Rounded Mplus 1c";
	line-height: 2;
	text-align:justify;
	vertical-align: middle;
	font-size: 1em;
	
	display: flex;
	justify-content: flex-end;
	align-items: center;
	
	padding-bottom: 130px;
}
@media screen and (max-width:900px){
	.fruit_pic_left{ display: inline; }
 	 }
@media screen and (max-width:480px){
	.fruit_pic_left{ font-size: 0.7em; width: 100%;}
 	 }
.left_inner_pic{
	float: left;
	margin: 0 15px 0 0;
	width: 40%;
}

.left_inner_text{
	width: 60%;
	padding: 0 150px 0 10px;
	
}
@media screen and (max-width:900px){
	.left_inner_text{ width: auto; }
 	 }
@media screen and (max-width:480px){
	.left_inner_text{ padding: 0 10px 0 10px;}
 	 }
@media screen and (min-width:1200px){
	.left_inner_text{ padding: 0 350px 0 10px; width:50%;}
 	 }
/* ここまでLeftPic ***********************************/	

/* ここからRightPic ***********************************/	
.fruit_pic_right{
	width: 90%;
	height: auto;
	margin-top: 70px;
	padding-left: 20px;
	float: right;
	box-sizing: border-box;

	font-family: "Rounded Mplus 1c";
	line-height: 2;
	text-align:justify;
	vertical-align: middle;
	font-size: 1em;
	
	display: flex;
	justify-content: flex-end;
	align-items: center;
	
	padding-bottom: 130px;
}
@media screen and (max-width:900px){
	.fruit_pic_right{ display: inline; }
 	 }
@media screen and (max-width:480px){
	.fruit_pic_right{ font-size: 0.7em; width:100%;}
 	 }
.right_inner_pic{
	float: right;
	margin: 0 0 0 15px;
	width: 40%;
}
.right_inner_text{
	width: 60%;
	padding: 0 10px 0 150px;
}
@media screen and (max-width:900px){
	.right_inner_text{ width: auto; }
 	 }
@media screen and (max-width:480px){
	.right_inner_text{ padding: 0 10px 0 10px;}
 	 }
@media screen and (min-width:1200px){
	.right_inner_text{ padding: 0 10px 0 350px; width:50%;}
 	 }
/* ここまでRightPic ***********************************/	

/*-- PC表示  --*/
.right_pc { display: block !important; }
.right_sp { display: none !important; }
/*-- SP表示  --*/
@media only screen and (max-width: 900px) {
.right_pc { display: none !important; }
.right_sp { display: block !important; }
}
/* ここまでRightPic ***********************************/	

/* 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;
		}
 	 }
/*=============== 下部バナー ここまで ===============*/