

html{height:100%;}

body{
	margin:0px;
	padding:0px;
	letter-spacing:0.05em;
	line-height:1.8;
	font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size : 14px ;
	-webkit-text-size-adjust: 100% ;
	font-weight : 300 ;
	overflow-x : hidden ;
	width  : 100% ;
	color : #544236 ;
}
/* .header {
	width: 100%;

	position : relative ;
	min-width : 1000px ;
	text-align: center;
}
.header_logo {
	width: 160px;
	height: auto;
	margin: 10px auto;
} */
#container{
	position : relative ;
	width : 100% ;
	min-width : 1000px ;
	height : auto ;
	overflow : hidden ;
}

.mincho{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

img {
	display : block ;
	border: none;
	border-style : none ;
}

a img{
	border-style : none ;
}

a{
	outline: none;
	text-decoration: none ;
}
a{
	color : #523B25 ;
}
a:visited{
	color : #523B25 ;
}
a:link{
	color : #523B25 ;
}
a:hover{
	color : #C9A48F ;
}
hr{
	margin : 0px ;
	border : 0px ;
	height : 6px ;
	/** background-color : #000000 ; **/
}

p{
	margin : 0px ;
}

ul{
	padding : 0px ;
}

div{
	position : relative ;
}

.clearfloat{
	clear : both ;
}

.floatbreak{
	position : relative ;
	float : left ;
}
.floatjoint{
	position : relative ;
	float : none ;
	clear : both ;
}

.floatleft{
	position : relative ;
	float : left ;
}

.floatright{
	position :relative ;
	float : right ;
}

.hover{
	cursor : pointer ;
}

.op{	cursor : pointer ; }

.op:hover{
	opacity: 0.6 ;
}

.pc{ display : block ; }
.sp{ display : none ; }

.tb{ display : none ; }


.appear{
	opacity : 0.0 ;
}

.appearup{
	opacity : 0.0 ;
	margin-top : 20px ;
}

.apperright{
	opacity : 0.0 ;
	margin-left : -40px ;
}
.bg {
	font-size: 22px;
}
.red {
	color: #ff0000;
}
.brown {
	color: #7f4f21;
}
.bd {
	font-weight: 700;
}
.bdr_l {
	border-left: 2px solid #544236;
}
.pd_tb10 {
	padding: 10px 0;
}

/** head ================================= **/

.f2017_head h1{
	font-size : 10px ;
	color : #727171 ;
	position : absolute ;
	top : 16px ;
	right : 40px ;
	text-align : right ;
	z-index : 24 ;
}

.f2017_head{
	position : relative ;
	width : 100% ;
	min-width : 1000px ;
	height : 640px ;	/** 20170508 rev **/
	background-color : #FFFFFF ;
	background: url("../images/flower2024/head_back.png");
	background-size: cover;
	background-position: center;
	background-color:#f5f5de;
	/*border-bottom : 8px solid #59B75B ;*/
}

.f2017_head_belt{
	position : relative ;
	width : 100% ;
	height : 16px ;
	z-index : 1 ;
}

.f2017_head_hands{
	position : absolute ;
	top : 0px ;
	left : 50% ;
	margin-left : -279px ;
	z-index : 6 ;
	opacity : 0.0 ;
}

.f2017_head_flower_left{
	position : absolute ;
	top : 40px ;
	left : 20px ;
	z-index : 4 ;
	opacity : 0.0 ;
}
.f2017_head_flower_right{
	position : absolute ;
	top : 40px ;
	right : 20px ;
	z-index : 4 ;
	opacity : 0.0 ;
}

.f2017_head_logo{
	position : absolute ;
	top : 10px ;
	margin-left : 30px ;
	width: 200px;
	z-index : 8 ;
}

.f2017_head_title_box{
	position : absolute ;
	bottom : 40px ;	/** 20170508 rev **/
	left : 50% ;
	margin-left : -280px ;
	font-size : 11px ;
	color : #949495 ;
	text-align : center ;
	z-index : 10 ;
}
.f2017_head_title{
	position : relative ;
	width : auto ;
	height : auto ;
	margin-bottom : 10px;
	opacity : 0.0 ;
}

.f2017_head_btn_instagram{
	position : absolute ;
	top : 0px ;
	right : -20px ;
	z-index : 11 ;
}
.f2017_head_btn_facebook{
	position : absolute ;
	top : 0px ;
	right : -60px ;
	z-index : 11 ;
}

.f2017_head_photo_left{
	position : absolute ;
	top : -30px ;
	left : -200px ;
	z-index : 6 ;
	opacity : 0.0 ;
}
.f2017_head_photo_right{
	position : absolute ;
	top : 0px ;
	right : -220px ;
	z-index : 6 ;
	opacity : 0.0 ;
}

/** 20170508 add// **/
.f2017_head_snsbox{
	position : absolute ;
	bottom : -30px ;
	left : 120px ;
	width : 330px ;
	z-index : 11 ;
}
.f2017_head_snsbox img {
	display: inline-block;
	width: 30px;
	height: auto;
	margin: 0 10px;
}
#fb-root{
	display : inline ;
}
.fb-like{
	vertical-align: 30% ;
}
/** //20170508 add **/


/** concept ================================= **/

.f2019_ttl {
	background-image: url("../images/flower2023/grn_bkground.png");
	background-repeat: repeat-x;
	background-color: #3ab483;
	width: 100%;
	min-width: 1000px;
	height: 160px;
	text-align: center;
	color: #fff;	
}
.f2019_ttl img {
	width: 255px;
	margin: 0 auto;
}
.f2019_ttl .bg {
	font-size: 20px;
}
.f2019_ttl p {
	font-size: 16px;
	line-height: 1rem;
	padding-top: 37px;
}

.f2017_concept_superbox{
	position : relative ;
	width : 100% ;
	min-width : 1000px ;
	height : auto ;
	background-image : url("../images/flower2024/concept_back.jpg");
	/*background-size : cover;*/
	background-position: top;
	background-repeat: no-repeat;
	padding : 60px 0%;
}

.f2017_title_concept{
	position : relative ;
	width : auto ;
	height : auto ;
	margin-left: auto ;
	margin-right: auto ;
}

.f2017_concept_story{
	position : relative ;
	width : 90% ;
	margin-left : auto ;
	margin-right : auto ;
	margin-top : 40px ;
	font-size : 19px ;
	line-height : 2.0em ;
	text-align : center ;
}

.f2017_concept_imagebox{
	position : relative ;
	width : 600px ;
	height : 220px ;
	margin-top : 40px ;
	margin-left : auto ;
	margin-right : auto ;
}
.f2017_concept_image{
	position : relative ;
	float : left ;
	width : 300px ;
	height : auto ;
}

.f2019_concept_imagebox table {
	width : 760px ;
	height : auto ;
	margin-top : 60px ;
	margin-left : auto ;
	margin-right : auto ;
}
.f2019_concept_imagebox td {
	padding: 15px;
}
.f2019_concept_imagebox .mgt45 {
	margin-top: 45px;
}
.f2019_concept_imagebox .mgl300 {
	margin-left: 300px;
}
.f2017_title_smile{
	position : relative ;
	width : auto ;
	height : auto ;
	margin-left: auto ;
	margin-right: auto ;
	margin-top : 100px ;
}

.f2017_smile_story{
	position : relative ;
	width : 90% ;
	margin-left : auto ;
	margin-right : auto ;
	margin-top : 40px ;
	font-size : 19px ;
	line-height : 2.0em ;
	text-align : center ;
}
/* 活動報告 ダイアナ ルレーブ表彰タイトル 2024版 */
.f2017_smile_story2 {
	position : relative ;
	width : 90% ;
	margin-left : auto ;
	margin-right : auto ;
	margin-top : 60px ;
	font-size : 19px ;
	line-height : 2.0em ;
	text-align : center ;
	color: brown;
	font-weight:bold;
}


.f2017_smile_imagebox{
	position : relative ;
	width : 906px ;
	height : auto ;
	margin-top : 40px ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom: 50px;
}
.f2017_smile_image{
	position : relative ;
	float : left ;
	width : 302px ;
	height : auto ;
}

.f2017_smile_imagebox .img_ctr {
	width : 645px ;
	margin: 10px auto;
}
.f2017_smile_imagebox .ttl_img_ctr {
	width : 725px ;
	margin: 20px auto;
	text-align: center;
}

.f2017_schedule{
	position : relative ;
	width : auto ;
	height : auto ;
	margin-top : 50px ;
	margin-left : auto ;
	margin-right : auto ;
}

.f2017_photo_superbox{
	position : relative ;
	width : 100% ;
	/*padding : 50px 0px 90px 0px ;*/
	background-color : #FFFFFF ;
	background: url("../images/flower2024/photo_back.jpg");
	/*background-size: cover;*/
	background-repeat: no-repeat;
	background-position: center top;
}

.f2017_bar_photosnap{
	position : relative ;
	width : 100% ;
	height : 10px ;
	z-index : 1 ;
}

.f2017_title_photosnap{
	position : absolute ;
	top : -22px ;
	left : 50% ;
	margin-left : -160px ;
	z-index : 4 ;
}

.f2017_photo_box{
	position : relative ;
	width : 730px ;
	height : auto ;
	margin-left : auto ;
	margin-right : auto ;
	padding-top : 160px ;
	padding-bottom: 80px;
	z-index : 6 ;
	cursor : pointer ;
}

.f2017_photo{
	position : relative ;
	float : left ;
	width : 124px ;
	height : 164px ;
	margin : 12px 11px ;
	box-shadow : 2px 2px 2px rgba(0,0,0,0.3);
	overflow : hidden ;
}

.f2017_photo_overlay{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : 80% ;
	height : 100% ;
	z-index : 4 ;
	background-color : rgba(0,0,0,0.5);
	color : #FFFFFF ;
	text-align : center ;
	padding : 0% 10% 0% 10% ;
	display : none ;
	background-size : contain ;
}

.f2017_photo_overlay p{
	position : absolute ;
	top : 50% ;
	left : 0px ;
	width : 100% ;
	margin-top : -0.5em ;
	z-index : 21 ;
	text-align : center ;
}

.f2017_photo_image{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : auto ;
	height : 100% ;
}

.f2017_overlay{
	position : fixed ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height: 100% ;
	background-color : rgba(0,0,0,0.5);
	cursor : pointer ;
	z-index : -1 ;
	opacity : 0.0 ;
}
.f2017_photo_showbox{
	position : absolute ;
	top : 10% ;
	left : 10% ;
	width : 80% ;
	height : 80% ;
	z-index : 26 ;
	cursor : pointer ;
}

.f2017_photo_show{
	position : absolute  ;
	top : 0px ;
	left: 0px ;
	width : auto ;
	height : 100% ;
	opacity : 0.0 ;
	box-shadow: 0px 0px 8px rgba( 0,0,0,0.5 ) ;
}



/** hokoku ================================= **/

/** hokoku ================================= **/

.f2017_hokoku_superbox{
	position : relative ;
	width : 100% ;
	padding : 100px 0px 90px 0px ;
	background-image : url("../images/flower2024/hokoku_back.jpg");
	background-repeat: no-repeat;
  background-position: center top;
}

.f2017_bar_hokoku{
	position : relative ;
	width : 100% ;
	height : 10px ;
	z-index : 1 ;
}

.f2017_title_hokoku{
	position : absolute ;
	top : -22px ;
	left : 50% ;
	margin-left : -160px ;
	z-index : 4 ;
}

.f2017_hokoku_catch{
	position : relative ;
	width : auto ;
	height : auto ;
	margin-top : 40px ;
	margin-left : auto ;
	margin-right : auto ;
	z-index : 6 ;
}
.f2017_hokoku{
	position : relative ;
	width : auto ;
	height : auto ;
	margin-top : 0 ;
	margin-left : auto ;
	margin-right : auto ;
}
.f2017_hokoku_superbox_2{
	width : 100% ;
	padding-top : 26px ;
	background-image : url("../images/flower2024/hokoku_back_2.jpg");
	background-repeat: no-repeat;
  background-position: center top;
}



/** history ================================= **/

.f2017_history_superbox{
	position : relative ;
	width : 100% ;
	padding : 50px 0px 90px 0px ;
	/*background-color : #D4ECF0 ;*/
	background: url("../images/flower2024/history_back.jpg");
	/*background-size: cover;*/
	background-repeat: no-repeat;
	background-position: center top;
}

.f2017_bar_history{
	position : relative ;
	width : 100% ;
	height : 10px ;
	z-index : 1 ;
}

.f2017_title_history{
	position : absolute ;
	top : -22px ;
	left : 50% ;
	margin-left : -160px ;
	z-index : 4 ;
}

.f2017_history_catch{
	position : relative ;
	width : auto ;
	height : auto ;
	margin-top : 80px ;
	margin-left : auto ;
	margin-right : auto ;
	z-index : 6 ;
}

.f2017_history_inner{
	position : relative ;
	width : 800px ;
	margin-top : 44px ;
	margin-left : auto ;
	margin-right : auto ;
}

.f2017_history_storybox{

}

.f2017_history_storybox{
	position : relative ;
	width : 542px ;
	min-height : 160px ;
	margin-left : 86px ;
	padding : 20px 26px 16px 146px ;
	/*background-color : rgba( 255,255,255,0.7 );*/
}

.f2017_history_storybox.first{
	margin-bottom : 54px ;
}

.f2017_history_image{
	position : absolute ;
	top : 50% ;
	left : -100px ;
	margin-top : -110px ;
	z-index : 4 ;
}

.f2017_history_item{
	position : relative ;
}

.f2017_history_story{
	position : relative ;
	margin-top : 10px ;
	font-size : 14px ;
	color : #544236 ;
}


/** report ================================= **/

.f2017_back_2023{
	position : relative ;
	width : 100% ;
	height : 57px ;
	padding-top : 15px ;
	margin-top : 15px ;
	background-image : url("../images/flower2024/back_2023.png");
	background-size: cover ;
}

.f2017_back_2022{
	position : relative ;
	width : 100% ;
	height : 57px ;
	padding-top : 15px ;
	margin-top : 15px ;
	background-image : url("../images/flower2024/back_2022.png");
	background-size: cover ;
}

.f2017_back_2021{
	position : relative ;
	width : 100% ;
	height : 57px ;
	padding-top : 15px ;
	margin-top : 15px ;
	background-image : url("../images/flower2024/back_2021.png");
	background-size: cover ;
}

.f2017_back_2020{
	position : relative ;
	width : 100% ;
	height : 57px ;
	padding-top : 15px ;
	margin-top : 15px ;
	background-image : url("../images/flower2024/back_2020.png");
	background-size: cover ;
}

.f2017_back_2019{
	position : relative ;
	width : 100% ;
	height : 57px ;
	padding-top : 15px ;
	margin-top : 15px ;
	background-image : url("../images/flower2024/back_2019.png");
	background-size: cover ;
}

.f2017_back_2018{
	position : relative ;
	width : 100% ;
	height : 57px ;
	padding-top : 15px ;
	margin-top : 15px ;
	background-image : url("../images/flower2024/back_2018.png");
	background-size: cover ;
}

.f2017_back_2017{
	position : relative ;
	width : 100% ;
	height : 57px ;
	padding-top : 15px ;
	margin-top : 15px ;
	background-image : url("../images/flower2024/back_2017.png");
	background-size: cover ;
}

.f2017_back_2016{
	position : relative ;
	width : 100% ;
	height : 57px ;
	padding-top : 15px ;
	margin-top : 15px ;
	background-image : url("../images/flower2024/back_2016.png");
	background-size: cover ;
}

.f2017_back_2015{
	position : relative ;
	width : 100% ;
	height : 57px ;
	padding-top : 15px ;
	margin-top : 15px ;
	background-image : url("../images/flower2024/back_2015.png");
	background-size: cover ;
}

.f2017_dogear{
	position : absolute ;
	top : 0px ;
	right : 0px ;
	width : 48px ;
	height : auto ;
}

.f2017_report_btn{
	position : relative ;
	width : 330px ;
	height : 40px ;
	border : 1px solid #FFFFFF ;
	margin-left : auto ;
	margin-right : auto ;
}



/** count ================================= **/

.f2017_count_superbox{
	position : relative ;
	width : 100% ;
	height : auto ;
	padding-top : 50px ;
	padding-bottom : 80px ;
	background-color : #FFFFFF ;
}

.f2017_accomp_catch{
	position : relative ;
	width : auto ;
	height : auto ;
	margin-left : auto ;
	margin-right : auto ;
}

.f2017_count_sofar{
	position : relative ;
	text-align : center ;
	font-size : 18px ;
	color : #544236 ;
	margin-bottom : 20px ;
}

.f2017_count_box{
	position : relative ;
	width : 308px ;
	padding-top : 60px ;
	margin-left : auto ;
	margin-right : auto ;
}
#num_all{ display : none ; }
.f2017_count_num{
	position : relative ;
	float : left ;
	width : 46px ;
	height : 64px ;
	margin-left : 1px ;
	margin-right : 1px ;
	background-image : url("../images/flower2024/accomp_count_back.png");
	text-align : center ;
	line-height : 64px ;
	font-size : 60px ;
	color : #FFFFFF ;
}
.f2017_count_kanma{
	position : relative ;
	float : left ;
	margin-right : 1px ;
}

.f2017_count_history_left{
	position : relative ;
	float : left ;
	width : 150px ;
	margin-top : 20px ;
	text-align : center ;
	font-size : 12px ;
	color : #544236 ;
}
.f2017_count_history_right{
	position : relative ;
	float : right ;
	width : 150px ;
	margin-top : 20px ;
	text-align : center ;
	font-size : 12px ;
	color : #544236 ;
}


.f2017_count_message{
	position : relative ;
	width : auto ;
	margin-top : 50px ;
	font-size : 22px ;
	text-align : center ;
	color : #544236 ;
}



/** footer ================================= **/

.f2017_footer{
	position : relative ;
	width : 100% ;
	height : auto ;
}

.f2017_footer img{
	position : relative ;
	width : 100% ;
	height : auto ;
}
