@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 , .banner_submenu 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 , .banner_submenu 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 , .banner_submenu a img {
  -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 , .banner_submenu a:hover img {
  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;
}

/* ここからFruitLoversLife **********************************************************************/



.banner_submenu{
	text-align: center;
	margin: 0 auto;
	max-width: 800px;
	margin-top: 0px;
	margin-bottom: 50px;
}
/*=============== LIVE REPORT ===============*/
.fruit_white{
	padding-top: 70px;
	padding-bottom: 50px;
	background-color: #ffffff;
	text-align: center;
	}

.fruit_live_base{
	width: 100%;
	max-width: 600px;
	height: auto;
	/* display: flex; 横数固定 */
	/* align-items: center; */
	/* background-color: yellowgreen; */
	justify-content: center;
	margin: 0 auto;
	}
.fruit_live_base_half{
	width: 190px;
	height: auto;
	display:inline-block;
	}
@media screen and (max-width:395px){
	.fruit_live_base_half{
		-webkit-transform: scale(1.3);
 		transform: scale(1.3);
		margin-top: 30px;
		margin-bottom: 20px;
		}
 	 }

.fruit_live_base_half_up01,
.fruit_live_base_half_up02,
.fruit_live_base_half_up03,
.fruit_live_base_half_up04,
.fruit_live_base_half_up05,
.fruit_live_base_half_up06{
	width: 100%;
	height: 25px;
	margin: 0 auto;
	/* background: url("live01_up.jpg"); */
	text-align: center;
	font-family: "Rounded Mplus 1c";
	font-size: 0.8em;
	line-height: 2em;
	color: #666666;
	background: #fff;
	}
.fruit_live_base_half_up01{ background-image: linear-gradient(135deg, #ff1d25 10px, transparent 0);}
.fruit_live_base_half_up02{ background-image: linear-gradient(135deg, #3fa9f5 10px, transparent 0);}
.fruit_live_base_half_up03{ background-image: linear-gradient(135deg, #7ac943 10px, transparent 0);}
.fruit_live_base_half_up04{ background-image: linear-gradient(135deg, #ff931e 10px, transparent 0);}
.fruit_live_base_half_up05{ background-image: linear-gradient(135deg, #ff7bac 10px, transparent 0);}
.fruit_live_base_half_up06{ background-image: linear-gradient(135deg, #00a99d 10px, transparent 0);}

.fruit_live_base_half_middle{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	}
.fruit_live_base_half_bottom{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 10px;
	background-color: #fff;
	text-align: left;
	font-family: "Rounded Mplus 1c";
	font-size: 0.7em;
	
	color: #666666;
	border-bottom: solid 1px #dcd2be;
	box-sizing: border-box;
	}
.fruit_live_base_half_bottom span{
	font-size: 0.8em;
	}
/*=============== LIVE REPORT ===============*/


