@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 , .report_banner 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 , .report_banner 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 , .report_banner 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 , .report_banner a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
/* ############################ LINK ############################ */

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

	}

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

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

	@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; }

.orange{ color: #F7931E; }
.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 更新 **********************************************************************/	
.report_banner{
	max-width:500px;
	margin-top: 50px;
	table-layout:fixed;
}
.partner_title{
	text-align: center;
	margin-top: 100px;
}
.partner_logos{
	text-align: center;
	margin: 0 auto;
	max-width: 700px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.fruit_insta{
	max-width: 400px;
	height: auto;	/*700px*/
	background-color: #ffffff;
	margin: 0 auto;
	margin-bottom: 50px;
}

/*
@media screen and (max-width: 1024px) {
	.fruit_insta{
		height: 800px;
	}
}
@media screen and (max-width: 768px) {
	.fruit_insta{
		height: 800px;
	}
}
@media screen and (max-width: 375px) {
	.fruit_insta{
		height: 750px;
	}
}
*/

.topics_title{
	text-align: center;
	margin-top: 100px;
}

.fruit_insta_logo{
	width: 100%;
	text-align: center;
}

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


.sliders { padding-top: 70px; max-width: 100%; margin: 0 auto 50px;}
.sliders img{ width: 100%;}
@media screen and (max-width:480px){
	.sliders{ padding-top: 80px; }
 	 }

/*=============== TOPIC ===============*/
.fruit_topics{
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	font-family: "Rounded Mplus 1c";
	font-size: 0.8em;
	color: #666666;
	}
@media screen and (max-width:480px){
	.fruit_topics{ padding-bottom: 10px; }
 	 }

.fruit_topics_text{
	max-width: auto;
	margin: 0 auto;
	text-align: left;
	padding: 10px;
	display:inline-block;
	}
.fruit_topics_text p { line-height: 1.3; margin: 0.2em 0px;}

.fruit_topics_text a:link { color: #888888; }
.fruit_topics_text a:visited { color: #888888; }
.fruit_topics_text a:hover { color: #888888; }
.fruit_topics_text a:active { color: #888888; }

/*=============== NEWS ===============*/
.fruit_news{
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	font-family: "Rounded Mplus 1c";
	font-size: 0.8em;
	color: #666666;
	}
@media screen and (max-width:480px){
	.fruit_news{ padding-bottom: 10px; }
 	 }

.fruit_news_text{
	max-width: auto;
	/* background-color: red; */
	margin: 0 auto;
	text-align: left;
	padding: 10px;
	display:inline-block;
	}
.fruit_news_text p { line-height: 1.3; margin: 0.2em 0px;}

.fruit_lines{
	width: 100%;
	height: 1px;
	border-top: solid 2px #dcd2be;
	border-bottom: solid 1px #dcd2be;
	margin-bottom: 10px;
	text-align: center;
	}
.fruit_lines_art{
	position: relative;
	top: 15px;
	text-align: center;
	}

/*=============== LIVE REPORT ===============*/
.fruit_ivory{
	padding-top: 70px;
	padding-bottom: 50px;
	background-color: #eae5da;
	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 ===============*/

/*=============== about ===============*/
.fruit_about{
	margin: 0 auto;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
	color: #666666;
	font-family: "Rounded Mplus 1c";
	}
.fruit_about span{
	color: #c7b299;
	}

.fruit_member{
	width: 180px;
	height: 30px;
	border: solid 1px #c7b299;
	margin: 0 auto;
	margin-top: 70px;
	text-align: center;
	line-height: 2;
	color: #c7b299;
	}
.fruit_member_line{
	width: 250px;
	height: 10px;
	border-bottom: 2px dotted #c7b299;

	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
	}

/*=============== about ===============*/

/*=============== CONTACT ===============*/
.fruit_con{
	width: 100%;
	padding-top: 70px;
	text-align: center;
	background: #F2F;
	border: 0px solid #FFFFFF;
    margin: 0 auto;  
    
	/* background-image: url("images/bg.jpg"); */
	background-color: #fff;
	
	font-family: "Rounded Mplus 1c";
}

/*=============== CONTACT ===============*/


/* ここまでFruitLoversLife **********************************************************************/	

/* 下層 */
.fruit_dammy{
	width: 100%;
	height: 190px;
}
@media screen and (max-width:480px){
	.fruit_dammy{ height: 160px; }
 	 }

.fruit_bg{
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #fff;
	text-align: center;
	}

.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: auto;
	display:inline-block;
	filter: drop-shadow(1px 1px 2px #999999);
	}
@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;
		}
 	 }
/*
.fruit_live_menu_base_half_up01,
.fruit_live_menu_base_half_up02,
.fruit_live_menu_base_half_up03,
.fruit_live_menu_base_half_up04,
.fruit_live_menu_base_half_up05,
.fruit_live_menu_base_half_up06{
	width: 100%;
	height: 25px;
	margin: 0 auto;
	text-align: center;
	font-family: "Rounded Mplus 1c";
	font-size: 0.7em;
	line-height: 2em;
	color: #666666;
	background: #fff;
	}
.fruit_live_menu_base_half_up01{ background-image: linear-gradient(135deg, #ff1d25 10px, transparent 0);}
.fruit_live_menu_base_half_up02{ background-image: linear-gradient(135deg, #3fa9f5 10px, transparent 0);}
.fruit_live_menu_base_half_up03{ background-image: linear-gradient(135deg, #7ac943 10px, transparent 0);}
.fruit_live_menu_base_half_up04{ background-image: linear-gradient(135deg, #ff931e 10px, transparent 0);}
.fruit_live_menu_base_half_up05{ background-image: linear-gradient(135deg, #ff7bac 10px, transparent 0);}
.fruit_live_menu_base_half_up06{ background-image: linear-gradient(135deg, #00a99d 10px, transparent 0);}

.fruit_live_menu_base_half_bottom{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 10px;
	padding-top: 0px;
	background-color: #fff;
	text-align: left;
	font-family: "Rounded Mplus 1c";
	font-size: 0.7em;
	line-height: 1.3;
	color: #666666;
	border-bottom: solid 1px #dcd2be;
	box-sizing: border-box;
	}
*/

/*=============== fruit press ここまでMENU ===============*/
.fruit_press{
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666666;
	font-family: "Rounded Mplus 1c";
	}
/*=============== fruit press TITLE ===============*/
.fruit_press_01{
	max-width: 700px;
	margin: 0 auto;
	font-size: 0.9em;
	}
.fruit_press_01 img{
	width: 100%;
	}
.fruit_press_title span{
	font-size: 1.5em;
	font-weight: 500;
	color: #FF0000;	
	}
.fruit_press_title_inner{
	display: inline-block;
	text-align: center;
	}

/*=============== fruit press MAIN ===============*/
.fruit_press_main{
	max-width: 700px;
	margin: 0 auto;
	padding: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	}
.paddingL{
	padding-left: 5px;
	font-size: 0.8em;
	line-height: 1.2;
	text-align: left;
	}
.paddingR{
	padding-right: 5px;
	font-size: 0.8em;
	line-height: 1.2;
	text-align: left;
	}
.paddingT{
	padding-top: 10px;
	font-size: 0.8em;
	line-height: 1.2;
	text-align: left;
	}

.fruit_dot{
	width: 100%;
	
  	background-size: 16px 16px;
  	margin: 0 auto;
  	background-color: #fbe2ed;
  	background-image: radial-gradient(#f8d0e2 20%, transparent 10%),
  	                  radial-gradient(#f8d0e2 20%, transparent 10%);
  	background-position: 0 0, 8px 8px;
	
	margin-top: 20px;
	margin-bottom: 50px;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 10px 10px 10px 10px;
}
.fruit_dot_inner{
	width: 100%;
	height: 100%;
	border : dashed 2px #f3abca ;
	margin: 0 auto;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	}
.fruit_dot_inner span{
	color: #ff7bac;
	font-size: 1.5em;
	line-height: 1.2;
	font-weight: 500;
	}
.fruit_block{
	width: 190px;
	height: auto;
	display:inline-block;
	vertical-align: top;
	text-align: left;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 0.8em;
	line-height: 1.2;
	}

.fruit_champagne{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	}
.fruit_champagne_blockL{
	width: 200px;
	height: auto;
	display:inline-block;
	vertical-align: top;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 0.8em;
	line-height: 1.2;
	}
.fruit_champagne_blockR{
	max-width: 380px;
	height: auto;
	display:inline-block;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 30px;
	font-size: 1.0em;
	line-height: 1.6;
	}

.fruit_yellowbase{
	background-color: #fffcdb;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.fruit_yellowbase_lines{
	border-top: solid 1px #c7b299;
	border-bottom: solid 1px #c7b299;
	
	}
.fruit_tama{
	max-width: 700px;
	height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	}
.fruit_tama img{
	width: 100%;
	}
.fruit_tama_blockL{
	width: 290px;
	height: 600px;
	display:inline-block;
	text-align: justify;
	text-justify: inter-ideograph;
	vertical-align: top;
	font-size: 0.9em;
	padding-right: 5px;
	padding-left: 5px;
	}
.fruit_tama_blockL p{
	line-height: 1;
	}
.fruit_tama_blockR{
	width: 290px;
	height: 600px;
	display:inline-block;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	}
.fruit_tama_blockR p{
	line-height: 1;
	}
.fruit_credit{
	font-size: 0.8em;
	text-align: right;
	}
.fruit_takano{
	text-align: center;
	font-size: 1.5em;
	color: #ff931e;
	font-weight: 500;
	padding: 20px;
	}
.fruit_takano span {
	font-size: 0.8em;
	}

.fruit_under{
	max-width: 700px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-family: "Rounded Mplus 1c";
	color: #666666;
	}
.fruit_under_bar{
	width: 100%;
	background-color: #ff7bac;
	border-radius: 10px;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	font-family: "Rounded Mplus 1c";
	}
.fruit_next{
	width:300px;
	color: #666666;
	margin: 0 auto;
	margin-top: 10px;
	padding: 10px;
	line-height: 1.3;
	}
.fruit_next_box{
	width: 20px;
	height: 20px;
	border: solid 1px #666666;
	display:inline-block;
	margin: 5px;
	}








.whats_bata{
	width: 100%;
	height: auto;
	}
.whats_bata img{
	max-width: 100%;
	}
.whats_up_bata{
	width: 100%;
	height: auto;
	margin: 0 auto;
	}
.whats_up_bata img{
	vertical-align:bottom;
	}
.whats_bottom_bata{
	width: 100%;
	height: auto;
	margin: 0 auto;
	}
.whats_bottom_bata img{
	vertical-align:top;
	}

.whats_middle_bata{
	width: 100%;
	max-width: 625px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	background-image: url("/images/whatsnew_middle.png");
	background-repeat: repeat-y;
	background-position: center center; 
	background-size: 100% auto;
	}
.whats_middle_bata img{
	vertical-align:top;
	}