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

@import url(format.css);

/*format*/
body{
	background:#006d41;
	width:100%;
	overflow:hidden;
}

#wrapper{
	width:100%;
	overflow:hidden;
	position:fixed;
}

.section{
	position:relative;
}

.section .section_bg_wrap{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}

.section .section_bg_wrap .bg_lines{
	background:url(../images/common/bg_line.png) repeat top left fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.section .section_bg_wrap .bg{
	width:100%;
}

.section_body_wrap{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

.section .section_body_wrap .cont_title{
	top:0px;
	left:50%;
	margin-left:-110px;
	width:220px;
	height:100%;
	overflow:hidden;
}

.section .section_body_wrap .cont_title .img{
	position:absolute;
	top:50px;
}

.section .section_bg_wrap .root{
	top:0;
	left:50%;
	width:382px;
	background:#007447;
	height:100%;
	opacity:0.4;
	filter:Alpha(opacity=40);
	margin-left:-191px;
}

/*animation*/
@keyframes rolling{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}

@-webkit-keyframes rolling{
	0%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg)}
}

@-moz-keyframes rolling{
	0%{-moz-ransform:rotate(0deg)}
	100%{-moz-transform:rotate(360deg)}
}

@-ms-keyframes rolling{
	0%{-ms-ransform:rotate(0deg)}
	100%{-ms-transform:rotate(360deg)}
}

@-o-keyframes rolling{
	0%{-o-ransform:rotate(0deg)}
	100%{-o-transform:rotate(360deg)}
}

@keyframes bb_swing{
	0%{transform:rotate(-15deg);}
	50%{transform:rotate(5deg);}
	100%{transform:rotate(-15deg);}
}

@-moz-keyframes bb_swing{
	0%{-moz-transform:rotate(-15deg);}
	50%{-moz-transform:rotate(5deg);}
	100%{-moz-transform:rotate(-15deg);}
}

@-ms-keyframes bb_swing{
	0%{-ms-transform:rotate(-15deg);}
	50%{-ms-transform:rotate(5deg);}
	100%{-ms-transform:rotate(-15deg);}
}

@-o-keyframes bb_swing{
	0%{-o-transform:rotate(-15deg);}
	50%{-o-transform:rotate(5deg);}
	100%{-o-transform:rotate(-15deg);}
}

@-webkit-keyframes bb_swing{
	0%{-webkit-transform:rotate(-15deg);}
	50%{-webkit-transform:rotate(5deg);}
	100%{-webkit-transform:rotate(-15deg);}
}



/*loading*/
#loading{
	position:fixed;
	background:#000 url(../images/common/bg_loading.gif) repeat top left fixed;
	width:100%;
	height:100%;
	z-index:9999;
	top:0;
	left:0;
}

#loading #loading_set{
	width:200px;
	height:120px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-60px 0 0 -100px;
}

#loading #loading_set .img{
	width:150px;
	height:100px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

#loading #loading_set .img .part{
	left:0;
	width:100%;
	height:100%;
}

#loading #loading_set .img .loaded{
	height:0;
	bottom:0;
	overflow:hidden;
}

#loading #loading_set .img .loaded img{
	position:absolute;
	bottom:0;
	left:0;
}

#loading #loading_set .text{
	text-align:center;
	margin-top:10px;
}

#loading_set .circle{
	width:150px;
	height:150px;
	top:0;
	left:25px;
	animation:rolling 1s ease-in-out infinite;
	-moz-animation:rolling 1s ease-in-out infinite;
	-ms-animation:rolling 1s ease-in-out infinite;
	-o-animation:rolling 1s ease-in-out infinite;
	-webkit-animation:rolling 1s ease-in-out infinite;
}

#loading_set .circle .dott{
	width:5px;
	height:5px;
	border-radius:5px;
	background-color:#30afea;
	box-shadow:3px 3px 10px #30afea;
	top:0px;
	left:0px;
}

#loading.end #loading_set .circle{
	animation:none;
	-moz-animation:none;
	-ms-animation:none;
	-o-animation:none;
	-webkit-animation:none;
}

/*head*/
#head{
	width:100%;
	height:145px;
	background:#FFF;
	position:fixed;
	top:0;
	left:0;
	transition:height 0.5s ease-out;
	-moz-transition:height 0.5s ease-out;
	-ms-transition:height 0.5s ease-out;
	-o-transition:height 0.5s ease-out;
	-webkit-transition:height 0.5s ease-out;
	z-index:1000;
}

#head .logo{
	position:absolute;
	top:50%;
	left:40px;
	margin-top:-25px;
}

#head nav{
	position:absolute;
	top:50%;
	right:0px;
	margin-top:-50px;
	width:70%;
	width:calc(100%-300px);
	width:-webkit-calc(100%-300px);
	max-width:900px;
	min-width:720px;
	transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
}

#head nav .navi .btn{
	width:20%;
	float:left;
}

#head nav .navi .btn .a{
	position:relative;
	overflow:visible;
}

#head nav .navi .btn .a p{
	text-align:center;
}

#head nav .navi .btn .a .txt{
	background:#FFF;
	position:relative;
	transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	line-height:0;
}

#head nav .navi .btn .a .txt:after{
	content:' ';
	height:0;
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:-5px;
	border:5px solid transparent;
	border-bottom-color:#FFF;
}

.scrolled #head{
	height:90px;
	box-shadow:0 2px 4px rgba(0,0,0, 0.15);
}

.scrolled #head nav{
	width:400px;
	min-width:400px;
	margin-top:-36px;
}

.scrolled  #head nav .navi .btn .a .txt{
	position:absolute;
	opacity:0;
	top:80%;
	left:50%;
	width:100px;
	margin-left:-50px;
	padding:3px 0;
}

.scrolled  #head nav .navi .btn .a .txt img{
	width:100%;
}

.scrolled  #head nav .navi .btn .a:hover .txt{
	opacity:1;
	top:90%;
	box-shadow:2px 2px 3px rgba(0,0,0,0.15);
}

/*top*/
#section_top{
	height:720px;
}

#section_top .section_bg_wrap{
	background:#FFF url(../images/top/sky.gif) repeat-x top left;
}

#section_top #top_sun{
	top:200px;
	right:50%;
	margin-right:-29%;
}

#section_top #top_cloud01{
	top:220px;
	left:50%;
	margin-left:-36%;
}

#section_top #top_cloud02{
	top:300px;
	left:50%;
	margin-left:-43%;
}

#section_top #top_cloud03{
	top:310px;
	left:50%;
	margin-left:-25%;
}

#section_top #top_cloud04{
	top:220px;
	right:50%;
	margin-right:-23%;
}

#section_top #top_cloud05{
	top:220px;
	right:50%;
	margin-right:-38%;
}

#section_top #top_cloud06{
	top:310px;
	right:50%;
	margin-right:-24%;
}

#section_top #top_cloud07{
	top:290px;
	right:50%;
	margin-right:-35%;
}

#section_top #top_mountain{
	bottom:130px;
	left:50%;
	margin-left:-36%;
}

#section_top #top_hill03{
	bottom:0;
	right:0;
}

#section_top #top_hill02{
	bottom:0;
	left:0;
}

#section_top #top_hill01{
	bottom:0;
	right:0;
}

#section_top #top_tree01{
	top:-49px;
	right:200px;
}

#section_top #top_tree02{
	top:-17px;
	right:430px;
}

#section_top #top_tree03{
	top:-18px;
	right:450px;
}

#section_top #top_tree04{
	top:-18px;
	left:450px;
}

#section_top #top_tree05{
	top:-20px;
	left:280px;
}

#section_top #top_tree06{
	top:-25px;
	left:260px;
}

#section_top #top_tree07{
	top:-22px;
	left:235px;
}

#section_top #top_tree08{
	top:-42px;
	left:120px;
}

#section_top #top_path01{
	top:22px;
	left:390px;
}

#section_top #top_path02{
	top:5px;
	right:650px;
}


#section_topics #top_path03{
	bottom:0;
	left:50%;
	margin-left:-190px
}

#section_top #top_copy01{
	width:640px;
	top:40%;
	margin-top:-30px;
	left:50%;
	margin-left:-320px;
}

#section_top #top_sub_copy01{
	width:640px;
	top:40%;
	margin-top:35px;
	left:50%;
	margin-left:-320px;
	opacity:0;
	Filter:Alpha(opacity=0);
}

#section_top #top_copy01 img,
#section_top #top_sub_copy01 img{
	width:100%;
}


#section_top #top_cloud01,
#section_top #top_cloud02,
#section_top #top_cloud03{
	left:-100%;
}

#section_top #top_cloud04,
#section_top #top_cloud05,
#section_top #top_cloud06,
#section_top #top_cloud07,
#section_top #top_sun{
	right:-100%;
}

#section_top #top_mountain,
#section_top #top_hill01,
#section_top #top_hill02,
#section_top #top_hill03{
	bottom:-400px;
}

#section_top #top_tree01,
#section_top #top_tree02,
#section_top #top_tree03,
#section_top #top_tree04,
#section_top #top_tree05,
#section_top #top_tree06,
#section_top #top_tree07,
#section_top #top_tree08{
	opacity:0;
}

#section_top #top_copy01{
	top:-50%;
}


/*topics*/
#section_topics{
	height:580px;
}

#section_topics .cont_title{
	overflow:visible;
}

#section_topics .section_body_wrap{
	background:#2e8d42;
}

#section_topics .bg{
	text-align:center;
}

#topics_flower01{
	top:50%;
	left:0;
	margin-top:-154px;
}

#topics_flower02{
	top:50%;
	left:0;
	margin-top:-154px;
}
#topics_flower03{
	top:50%;
	right:0;
	margin-top:-139px;
}

#topics_flower04{
	top:50%;
	right:0;
	margin-top:-139px;
}

#box_facebook_wrap{
	top:60px;
	left:50%;
	margin-left:-240px;
	width:480px;
	height:451px;
	background:#FFF;
}

#topics_wrap{
	top:60px;
	right:50%;
	width:410px;
	margin-right:-364px;
	border-top:1px solid #FFF;
	display:none;
}

#topics_wrap .topics{
	padding:20px 0;
	border-bottom:1px solid #FFF;
	font-size:15px;
}

#topics_wrap .topics .date{
	line-height:1em;
	margin-bottom:0.5em;
}

#topics_wrap .topics .body{
	line-height:1.5em;
}

/*about*/
#section_about{
	height:1860px;
	height:	1960px;
}

#section_about .section_bg_wrap .bg{
	width:100%;
	max-width:none;
	min-width:none;
	height:620px;
	background:#007447;
}

#section_about .section_bg_wrap .bg .img{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	overflow:hidden;
	width:120%;
	position:relative;
}

#section_about .section_bg_wrap #about_bg_greeting .img{
	background-image:url(../images/about/bg_greeting.jpg);
}

#section_about .section_bg_wrap #about_bg_philosophy .img{
	background-image:url(../images/about/bg_philosophy.jpg);
}

#section_about .section_bg_wrap #about_bg_outline .img{
	background-image:url(../images/about/bg_outline.jpg);
}

#section_about .section_bg_wrap .bg .img img{
	width:100%;
	opacity:0;
	Filter:Alpha(opacity=0);
}

#section_about .section_bg_wrap .circle{
	background:#097946 url(../images/common/bg_line.png) repeat;
	opacity:0.2;
	Filter:Alpha(opacity=20);
}

#section_about .section_bg_wrap #about_bg_circle_01{
	width:1400px;
	height:1400px;
	border-radius:700px;
	top:-1000px;
	right:50%;
	margin-right:-900px;
}
#section_about .section_bg_wrap #about_bg_circle_02{
	width:600px;
	height:600px;
	border-radius:300px;
	top:460px;
	right:50%;
	margin-right:-400px;
}
#section_about .section_bg_wrap #about_bg_circle_03{
	width:300px;
	height:300px;
	border-radius:150px;
	top:860px;
	left:50%;
	margin-left:-540px;
}
#section_about .section_bg_wrap #about_bg_circle_04{
	width:120px;
	height:120px;
	border-radius:60px;
	top:1120px;
	left:50%;
	margin-left:-160px;
}

#section_about .section_bg_wrap .flowers{
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#section_about .section_bg_wrap .flowers .flower{
	animation:rolling infinite 3s linear;
	-moz-animation:rolling infinite 3s linear;
	-ms-animation:rolling infinite 3s linear;
	-o-animation:rolling infinite 3s linear;
	-webkit-animation:rolling infinite 3s linear;
}

#section_about .section_bg_wrap #about_flowers01_green_flower01{
	top:8%;
	left:10%;
}

#section_about .section_bg_wrap #about_flowers01_green_flower02{
	top:60%;
	right:20%;
}

#section_about .section_bg_wrap #about_flowers01_green_flower03{
	top:90%;
	right:40%;
}

#section_about .section_bg_wrap #about_flowers01_green_flower04{
	top:20%;
	right:30%;
}

#section_about .section_bg_wrap #about_flowers01_green_flower05{
	top:78%;
	left:20%;
}

#section_about .section_bg_wrap #about_flowers01_flower01{
	top:40%;
	left:27%;
}

#section_about .section_bg_wrap #about_flowers01_flower02{
	top:5%;
	right:12%;
}

#section_about .section_bg_wrap #about_flowers01_flower03{
	top:84%;
	right:9%;
}

#section_about .section_bg_wrap #about_flowers01_flower04{
	top:44%;
	left:9%;
}

#section_about .section_bg_wrap #about_flowers01_flower05{
	top:24%;
	right:12%;
}

#section_about .section_bg_wrap #about_flowers01_flower06{
	top:86%;
	left:26%;
}

#section_about .section_bg_wrap #about_flowers01_flower07{
	top:54%;
	left:22%;
}

#section_about .section_bg_wrap #about_flowers01_flower08{
	top:34%;
	right:22%;
}

#section_about .section_bg_wrap #about_flowers01_flower09{
	top:4%;
	left:18%;
}

#section_about .section_bg_wrap #about_flowers01_flower10{
	top:9%;
	left:18%;
}

#section_about .section_bg_wrap #about_flowers01_flower11{
	top:73%;
	right:18%;
}

#section_about .section_bg_wrap #about_flowers01_flower12{
	top:56%;
	left:4%;
}

#section_about .section_bg_wrap #about_flowers01_flower13{
	top:66%;
	right:3%;
}

#section_about .section_bg_wrap #about_flowers01_flower14{
	top:23%;
	left:17%;
}

#section_about .box_wrap{
	height:620px;
}

#section_about #greeting_text{
	top:250px;
	width:768px;
	left:50%;
	margin-left:-384px;
}

#section_about #greeting_text .line1{
	top:0;
}

#section_about #greeting_text .line2{
	top:36px;
}

#section_about #greeting_text .line3{
	top:72px;
}

#section_about #greeting_text .line4{
	top:108px;
}

#section_about #greeting_text .line5{
	top:144px;
}

#section_about #greeting_text .line6{
	top:180px;
}


#section_about #philosophy_copy{
	width:768px;
	left:50%;
	margin-left:-384px;
	top:250px;
}

#section_about #philosophy_copy .line1{
	top:0;
}

#section_about #philosophy_copy .line2{
	top:72px;
}

#section_about #philosophy_copy .line3{
	top:144px;
}


#section_about .section_bg_wrap #about_bg_outline{
	height:720px;
}

/*#section_about .section_bg_wrap #about_bg_outline .img{
	height:110%;
}*/

#section_about #box_about_outline{
	height:720px;
}

#about_outline_list{
	width:768px;
	position:relative;
	margin:0 auto 0 auto;
}

#about_outline_list .column{
	top:220px;
}

#about_outline_list .column.l1{
	left:20px;
	width:40%;
}

#about_outline_list .column.l2{
	right:20px;
	width:55%;
	margin-left:0;
}

#about_outline_list .list{
	font-size:18px;
	padding:10px 0;
	line-height:1.5em;
}

#about_outline_list .list .label{
	background:none;
	position:static;
	float:none;
	padding:0;
	text-align:left;
	width:auto;
}

#about_outline_list .list .cont{
	float:none;
	padding:5px 0 10px 0;
}

/*concept*/
#section_concept{
	height:2560px;
}

#section_concept .section_bg_wrap{
	background:#2e8d42;
}

#section_concept .bg{
	text-align:center;
	top:0;
	width:100%;
	left:0;
}

#section_concept .section_inner_wrap .veg img{
	width:100%;
	height:100%;
}

#concept_veg_01{
	width:60px;
	height:62px;
	left:8%;
	top:125px;
}

#concept_veg_02{
	width:49px;
	height:46px;
	left:3%;
	top:235px;
}

#concept_veg_03{
	width:26px;
	height:74px;
	left:11%;
	top:305px;
}

#concept_veg_04{
	width:52px;
	height:50px;
	left:16%;
	top:225px;
}

#concept_veg_05{
	width:60px;
	height:42px;
	left:19%;
	top:140px;
}

#concept_veg_06{
	width:60px;
	height:76px;
	left:24%;
	top:185px;
}

#concept_veg_07{
	width:48px;
	height:76px;
	right:24%;
	top:155px;
}

#concept_veg_08{
	width:48px;
	height:68px;
	right:16%;
	top:185px;
}

#concept_veg_09{
	width:50px;
	height:44px;
	right:13%;
	top:295px;
}

#concept_veg_10{
	width:48px;
	height:78px;
	right:8%;
	top:115px;
}

#concept_veg_11{
	width:54px;
	height:40px;
	right:6%;
	top:210px;
}

#concept_veg_12{
	width:48px;
	height:56px;
	right:4%;
	top:335px;
}

#concept_bg{
	width:100%;
	bottom:-300px;
	left:0;
}

#concept_bg img{
	width:100%;
}


.concept_src_wrap{
	position:relative;
	height:680px;
	width:640px;
	margin:0 auto 70px auto;
}

#box_concept_src01{
	margin-top:215px;
}


.concept_src_wrap .name{
	left:0;
	top:60px;
}

.concept_src_wrap .txt{
	left:50%;
	margin-left:10px;
}

.concept_src_wrap .goods_list{
	width:640px;
	top:180px;
	left:50%;
	margin-left:-320px;
}

.concept_src_wrap .goods_list .l1{
	left:0;
}

.concept_src_wrap .goods_list .l2{
	left:330px;
}

.concept_src_wrap .goods_list .r1{
	top:0;
}

.concept_src_wrap .goods_list .r2{
	top:235px;
}

.concept_src_wrap .goods_list .goods{
	width:310px;
	height:215px;
	border-radius:4px;
	overflow:hidden;
	background:#000;
	cursor:pointer;
}

.concept_src_wrap .goods_list .goods .goods_photo{
	opacity:0.4;
	Filter:Alpha(opacity=40);
}

.concept_src_wrap .goods_list .goods .icon{
	top:50%;
	left:50%;
	margin:-40px 0 0 -40px;
}

.concept_src_wrap .goods_list .goods .goods_name{
	top:50%;
	margin-top:-30px;
}

.concept_src_wrap .goods_list .goods .goods_txt{
	top:100%;
}

.concept_src_wrap .goods_list .goods .goods_name,
.concept_src_wrap .goods_list .goods .goods_txt{
	transition:top 0.75s ease-in-out;
	-moz-transition:top 0.75s ease-in-out;
	-ms-transition:top 0.75s ease-in-out;
	-o-transition:top 0.75s ease-in-out;
	-webkit-transition:top 0.75s ease-in-out;
}

.concept_src_wrap .goods_list .goods .goods_photo,
.concept_src_wrap .goods_list .goods .icon{
	transition:opacity 0.75s ease-in-out;
	-moz-transition:opacity 0.75s ease-in-out;
	-ms-transition:opacity 0.75s ease-in-out;
	-o-transition:opacity 0.75s ease-in-out;
	-webkit-transition:opacity 0.75s ease-in-out;
}

.concept_src_wrap .goods_list .goods.over .goods_name{
	top:-50%;
}

.concept_src_wrap .goods_list .goods.over .goods_txt{
	top:0;
}

.concept_src_wrap .goods_list .goods.over .goods_photo{
	opacity:0.2;
	Filter:Alpha(opacity=20);
}

.concept_src_wrap .goods_list .goods.over .icon{
	opacity:0;
	Filter:Alpha(opacity=0);
}


/*goods*/
#section_goods{
	height:1040px;
}

#goods_grass{
	width:100%;
	position:absolute;
	bottom:-20px;
	height:264px;
	background:url(../images/goods/grass.png) repeat-x bottom center;
}
#section_goods .bb{
	animation:bb_swing 2s infinite;
	-moz-animation:bb_swing 2s infinite;
	-ms-animation:bb_swing 2s infinite;
	-o-animation:bb_swing 2s infinite;
	-webkit-animation:bb_swing 2s infinite;
}

#goods_butterfly_01{
	left:16%;
	top:105px;
	animation-duration:3s !important;
	-moz-animation-duration:3s !important;
	-ms-animation-duration:3s !important;
	-o-animation-duration:3s !important;
	-webkit-animation-duration:3s !important;
}

#goods_butterfly_02{
	left:9%;
	top:190px;
}

#goods_butterfly_03{
	right:14%;
	top:185px;
}

#goods_bird_01{
	right:170px;
	margin-left:140px;
	bottom:270px;
	animation-duration:1s !important;
	-moz-animation-duration:1s !important;
	-ms-animation-duration:1s !important;
	-o-animation-duration:1s !important;
	-webkit-animation-duration:1s !important;
}

#goods_list{
	top:240px;
	width:768px;
	left:50%;
	margin-left:-384px;
}

#goods_list .l1{
	left:0;
}

#goods_list .l2{
	left:256px;
}

#goods_list .l3{
	left:512px;
}

#goods_list .goods{
	position:relative;
	padding:16px 0 20px 70px;
}

#goods_list .goods .photo{
	position:absolute;
	top:0;
	left:0;
}

#dl_goods_list{
	position:absolute;
	bottom:0;
	right:-60px;
	width:314px;
	height:314px;
}

#dl_goods_list .a{
	line-height:1.2em;
	text-align:center;
	width:100%;
	height:100%;
	background:url(../images/goods/rainbow_dl.png) no-repeat center center;
	background-size:cover;
}

#dl_goods_list .a span{
	position:absolute;
	top:80px;
	left:50%;
	margin-left:-80px;
}

#goods_flowers{
	width:80%;
	width:-webkit-calc(100% - 300px) ;
	width : calc(100% - 300px) ;
	width:100%;/*商品カタログへのリンクが復活したら削除*/
	bottom:200px;
}

#goods_flowers .flower{
	margin-top:20px;
	opacity:0;
	Filter:Alpha(opacity=0);
	transition:all 0.25s ease-out;
	-webkit-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
	-ms-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
}

#goods_flowers .flower .ff{
	opacity:0;
	Filter:Alpha(opacity=0);
	transition:ease-out opacity 0.1s;
	-webkit-transition:ease-out opacity 0.1s;
	-moz-transition:ease-out opacity 0.1s;
	-ms-transition:ease-out opacity 0.1s;
	-o-transition:ease-out opacity 0.1s;
}

#goods_flowers #goods_flower_01{
	left:2%;
	top:10px;
	transition-delay:0.06s;
	-moz-transition-delay:0.06s;
	-ms-transition-delay:0.06s;
	-o-transition-delay:0.06s;
	-webkit-transition-delay:0.06s;
}

#goods_flowers #goods_flower_01 .ff{
	top:-10px;
	left:6px;
	transition-delay:0.31s;
	-moz-transition-delay:0.31s;
	-ms-transition-delay:0.31s;
	-o-transition-delay:0.31s;
	-webkit-transition-delay:0.31s;
}

#goods_flowers #goods_flower_02{
	left:4%;
	top:100px;
	transition-delay:1.2s;
	-moz-transition-delay:1.2s;
	-ms-transition-delay:1.2s;
	-o-transition-delay:1.2s;
	-webkit-transition-delay:1.2s;
}

#goods_flowers #goods_flower_02 .ff{
	top:-16px;
	left:16px;
	transition-delay:1.45s;
	-moz-transition-delay:1.45s;
	-ms-transition-delay:1.45s;
	-o-transition-delay:1.45s;
	-webkit-transition-delay:1.45s;
}

#goods_flowers #goods_flower_03{
	left:14%;
	top:65px;
	transition-delay:2.2s;
	-moz-transition-delay:2.2s;
	-ms-transition-delay:2.2s;
	-o-transition-delay:2.2s;
	-webkit-transition-delay:2.2s;
}

#goods_flowers #goods_flower_03 .ff{
	top:-13px;
	left:9px;
	transition-delay:2.45s;
	-moz-transition-delay:2.45s;
	-ms-transition-delay:2.45s;
	-o-transition-delay:2.45s;
	-webkit-transition-delay:2.45s;
}

#goods_flowers #goods_flower_04{
	left:18%;
	top:0px;
	transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
}

#goods_flowers #goods_flower_04 .ff{
	top:-8px;
	left:6px;
	transition-delay:1.05s;
	-moz-transition-delay:1.05s;
	-ms-transition-delay:1.05s;
	-o-transition-delay:1.05s;
	-webkit-transition-delay:1.05s;
}

#goods_flowers #goods_flower_05{
	left:24%;
	top:115px;
	transition-delay:1.75s;
	-moz-transition-delay:1.75s;
	-ms-transition-delay:1.75s;
	-o-transition-delay:1.75s;
	-webkit-transition-delay:1.75s;
}

#goods_flowers #goods_flower_05 .ff{
	top:-13px;
	left:8px;
	transition-delay:2s;
	-moz-transition-delay:2s;
	-ms-transition-delay:2s;
	-o-transition-delay:2s;
	-webkit-transition-delay:2s;
}

#goods_flowers #goods_flower_06{
	left:28%;
	top:0;
	transition-delay:0.34s;
	-moz-transition-delay:0.34s;
	-ms-transition-delay:0.34s;
	-o-transition-delay:0.34s;
	-webkit-transition-delay:0.34s;
}

#goods_flowers #goods_flower_06 .ff{
	top:-7px;
	left:4px;
	transition-delay:0.59s;
	-moz-transition-delay:0.59s;
	-ms-transition-delay:0.59s;
	-o-transition-delay:0.59s;
	-webkit-transition-delay:0.59s;
}

#goods_flowers #goods_flower_07{
	left:32%;
	top:45px;
	transition-delay:1.16s;
	-moz-transition-delay:1.16s;
	-ms-transition-delay:1.16s;
	-o-transition-delay:1.16s;
	-webkit-transition-delay:1.16s;
}

#goods_flowers #goods_flower_07 .ff{
	top:-10px;
	left:9px;
	transition-delay:1.41s;
	-moz-transition-delay:1.41s;
	-ms-transition-delay:1.41s;
	-o-transition-delay:1.41s;
	-webkit-transition-delay:1.41s;
}

#goods_flowers #goods_flower_08{
	left:36%;
	top:115px;
	transition-delay:2.12s;
	-moz-transition-delay:2.12s;
	-ms-transition-delay:2.12s;
	-o-transition-delay:2.12s;
	-webkit-transition-delay:2.12s;
}

#goods_flowers #goods_flower_08 .ff{
	top:-15px;
	left:9px;
	transition-delay:2.37s;
	-moz-transition-delay:2.37s;
	-ms-transition-delay:2.37s;
	-o-transition-delay:2.37s;
	-webkit-transition-delay:2.37s;
}

#goods_flowers #goods_flower_09{
	left:48%;
	top:105px;
	transition-delay:1.52s;
	-moz-transition-delay:1.52s;
	-ms-transition-delay:1.52s;
	-o-transition-delay:1.52s;
	-webkit-transition-delay:1.52s;
}

#goods_flowers #goods_flower_09 .ff{
	top:-12px;
	left:5px;
	transition-delay:1.77s;
	-moz-transition-delay:1.77s;
	-ms-transition-delay:1.77s;
	-o-transition-delay:1.77s;
	-webkit-transition-delay:1.77s;
}

#goods_flowers #goods_flower_10{
	left:53%;
	top:80px;
	transition-delay:2.58s;
	-moz-transition-delay:2.58s;
	-ms-transition-delay:2.58s;
	-o-transition-delay:2.58s;
	-webkit-transition-delay:2.58s;
}

#goods_flowers #goods_flower_10 .ff{
	top:-10px;
	left:7px;
	transition-delay:2.83s;
	-moz-transition-delay:2.83s;
	-ms-transition-delay:2.83s;
	-o-transition-delay:2.83s;
	-webkit-transition-delay:2.83s;
}

#goods_flowers #goods_flower_11{
	left:62%;
	top:40px;
	transition-delay:0.34s;
	-moz-transition-delay:0.34s;
	-ms-transition-delay:0.34s;
	-o-transition-delay:0.34s;
	-webkit-transition-delay:0.34s;
}

#goods_flowers #goods_flower_11 .ff{
	top:-8px;
	left:4px;
	transition-delay:0.59s;
	-moz-transition-delay:0.59s;
	-ms-transition-delay:0.59s;
	-o-transition-delay:0.59s;
	-webkit-transition-delay:0.59s;
}

#goods_flowers #goods_flower_12{
	left:69%;
	top:110px;
	transition-delay:0.06s;
	-moz-transition-delay:0.06s;
	-ms-transition-delay:0.06s;
	-o-transition-delay:0.06s;
	-webkit-transition-delay:0.06s;
}

#goods_flowers #goods_flower_12 .ff{
	top:-10px;
	left:7px;
	transition-delay:0.31s;
	-moz-transition-delay:0.31s;
	-ms-transition-delay:0.31s;
	-o-transition-delay:0.31s;
	-webkit-transition-delay:0.31s;
}

#goods_flowers #goods_flower_13{
	left:74%;
	top:55px;
	transition-delay:0.66s;
	-moz-transition-delay:0.66s;
	-ms-transition-delay:0.66s;
	-o-transition-delay:0.66s;
	-webkit-transition-delay:0.66s;
}

#goods_flowers #goods_flower_13 .ff{
	top:-10px;
	left:7px;
	transition-delay:0.91s;
	-moz-transition-delay:0.91s;
	-ms-transition-delay:0.91s;
	-o-transition-delay:0.91s;
	-webkit-transition-delay:0.91s;
}

#goods_flowers #goods_flower_14{
	left:81%;
	top:90px;
	transition-delay:1.1s;
	-moz-transition-delay:1.1s;
	-ms-transition-delay:1.1s;
	-o-transition-delay:1.1s;
	-webkit-transition-delay:1.1s;
}

#goods_flowers #goods_flower_14 .ff{
	top:-10px;
	left:2px;
	transition-delay:1.35s;
	-moz-transition-delay:1.35s;
	-ms-transition-delay:1.35s;
	-o-transition-delay:1.35s;
	-webkit-transition-delay:1.35s;
}

#goods_flowers #goods_flower_15{
	left:92%;
	top:115px;
	transition-delay:1.65s;
	-moz-transition-delay:1.65s;
	-ms-transition-delay:1.65s;
	-o-transition-delay:1.65s;
	-webkit-transition-delay:1.65s;
}

#goods_flowers #goods_flower_15 .ff{
	top:-15px;
	left:6px;
	transition-delay:1.9s;
	-moz-transition-delay:1.9s;
	-ms-transition-delay:1.9s;
	-o-transition-delay:1.9s;
	-webkit-transition-delay:1.9s;
}

#goods_flowers #goods_flower_16{
	left:98%;
	top:90px;
	transition-delay:2s;
	-moz-transition-delay:2s;
	-ms-transition-delay:2s;
	-o-transition-delay:2s;
	-webkit-transition-delay:2s;
}

#goods_flowers #goods_flower_16 .ff{
	top:-8px;
	left:7px;
	transition-delay:2.25s;
	-moz-transition-delay:2.25s;
	-ms-transition-delay:2.25s;
	-o-transition-delay:2.25s;
	-webkit-transition-delay:2.25s;
}

.active #goods_flowers .flower{
	margin-top:0px;
	opacity:1;
	Filter:Alpha(opacity=100);
}

.active #goods_flowers .flower .ff{
	opacity:1;
	Filter:Alpha(opacity=100);
}

/*message*/
#section_message{
	height:1000px;
}

#message_bg{
	bottom:0;
	width:100%;
}

#message_bg img{
	width:100%;
}

.message_photo_set{
	width:270px;
	height:270px;
}

.message_photo_set .part{
	top:0;
	left:0;
	width:270px;
	height:270px;
}

.message_photo_set .photo{
	overflow:hidden;
	border-radius:135px;
}

#message_photo_set01{
	top:-20px;
	left:50%;
	margin-left:-445px;
}

#message_photo_set02{
	top:300px;
	left:50%;
	margin-left:-575px;
}

#message_photo_set03{
	top:60px;
	left:50%;
	margin-left:175px;
}

#message_photo_set04{
	top:350px;
	left:50%;
	margin-left:285px;
}
.message_photo_set .photo2{
	opacity:0;
	Filter:Alpha(opacity=0);
	animation:fio infinite 16s linear;
	-moz-animation:fio infinite 16s linear;
	-ms-animation:fio infinite 16s linear;
	-o-animation:fio infinite 16s linear;
	-webkit-animation:fio infinite 16s linear;
}

#message_photo_set01 .photo2{
	animation-delay:0;
	-moz-animation-delay:0;
	-ms-animation-delay:0;
	-o-animation-delay:0;
	-webkit-animation-delay:0;
}

#message_photo_set02 .photo2{
	animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;
	-webkit-animation-delay:2s;
}

#message_photo_set03 .photo2{
	animation-delay:4s;
	-moz-animation-delay:4s;
	-ms-animation-delay:4s;
	-o-animation-delay:4s;
	-webkit-animation-delay:4s;
}

#message_photo_set04 .photo2{
	animation-delay:6s;
	-moz-animation-delay:6s;
	-ms-animation-delay:6s;
	-o-animation-delay:6s;
	-webkit-animation-delay:6s;
}

@keyframes fio{
	0%{opacity:0;Filter:Alpha(opacity=0);}
	45%{opacity:0;Filter:Alpha(opacity=0);}
	50%{opacity:1;Filter:Alpha(opacity=100);}
	95%{opacity:1;Filter:Alpha(opacity=100);}
	100%{opacity:0;Filter:Alpha(opacity=0);}
}

@-webkit-keyframes fio{
	0%{opacity:0;Filter:Alpha(opacity=0);}
	45%{opacity:0;Filter:Alpha(opacity=0);}
	50%{opacity:1;Filter:Alpha(opacity=100);}
	95%{opacity:1;Filter:Alpha(opacity=100);}
	100%{opacity:0;Filter:Alpha(opacity=0);}
}
@-moz-keyframes fio{
	0%{opacity:0;Filter:Alpha(opacity=0);}
	45%{opacity:0;Filter:Alpha(opacity=0);}
	50%{opacity:1;Filter:Alpha(opacity=100);}
	95%{opacity:1;Filter:Alpha(opacity=100);}
	100%{opacity:0;Filter:Alpha(opacity=0);}
}
@-ms-keyframes fio{
	0%{opacity:0;Filter:Alpha(opacity=0);}
	45%{opacity:0;Filter:Alpha(opacity=0);}
	50%{opacity:1;Filter:Alpha(opacity=100);}
	95%{opacity:1;Filter:Alpha(opacity=100);}
	100%{opacity:0;Filter:Alpha(opacity=0);}
}
@-o-keyframes fio{
	0%{opacity:0;Filter:Alpha(opacity=0);}
	45%{opacity:0;Filter:Alpha(opacity=0);}
	50%{opacity:1;Filter:Alpha(opacity=100);}
	95%{opacity:1;Filter:Alpha(opacity=100);}
	100%{opacity:0;Filter:Alpha(opacity=0);}
}

/*@keyframes fio{
	0%{opacity:0;Filter:Alpha(opacity=0);}
	25%{opacity:1;Filter:Alpha(opacity=100);}
	75%{opacity:1;Filter:Alpha(opacity=100);}
	100%{opacity:0;Filter:Alpha(opacity=0);}
}

@-webkit-keyframes fio{
	0%{opacity:0;Filter:Alpha(opacity=0);}
	25%{opacity:1;Filter:Alpha(opacity=100);}
	75%{opacity:1;Filter:Alpha(opacity=100);}
	100%{opacity:0;Filter:Alpha(opacity=0);}
}
@-moz-keyframes fio{
	0%{opacity:0;Filter:Alpha(opacity=0);}
	25%{opacity:1;Filter:Alpha(opacity=100);}
	75%{opacity:1;Filter:Alpha(opacity=100);}
	100%{opacity:0;Filter:Alpha(opacity=0);}
}
@-ms-keyframes fio{
	0%{opacity:0;Filter:Alpha(opacity=0);}
	25%{opacity:1;Filter:Alpha(opacity=100);}
	75%{opacity:1;Filter:Alpha(opacity=100);}
	100%{opacity:0;Filter:Alpha(opacity=0);}
}
@-o-keyframes fio{
	0%{opacity:0;Filter:Alpha(opacity=0);}
	25%{opacity:1;Filter:Alpha(opacity=100);}
	75%{opacity:1;Filter:Alpha(opacity=100);}
	100%{opacity:0;Filter:Alpha(opacity=0);}
}*/



#message_copy_wrap{
	width:768px;
	top:270px;
	left:50%;
	margin-left:-384px;
}

#message_copy01{
	left:0;
}

#message_txt01{
	top:100px;
}

#retail_message{
	top:600px;
	width:720px;
	left:50%;
	margin-left:-360px;
}

#retail_message .message{
	opacity:0;
	top:30px;
	transition:opacity 0.5s ease-out,top 0.5s ease-out;
	-moz-transition:opacity 0.5s ease-out,top 0.5s ease-out;
	-ms-transition:opacity 0.5s ease-out,top 0.5s ease-out;
	-o-transition:opacity 0.5s ease-out,top 0.5s ease-out;
	-webkit-transition:opacity 0.5s ease-out,top 0.5s ease-out;
}

#retail_message .message .tree{
	position:absolute;
	left:50%;
	margin-top:30px;
	opacity:0;
	transition:opacity 0.5s ease-out,margin-top 0.5s ease-out;
	-moz-transition:opacity 0.5s ease-out,margin-top 0.5s ease-out;
	-ms-transition:opacity 0.5s ease-out,margin-top 0.5s ease-out;
	-o-transition:opacity 0.5s ease-out,margin-top 0.5s ease-out;
	-webkit-transition:opacity 0.5s ease-out,margin-top 0.5s ease-out;
}

#retail_message .to_retail{
	left:0;
}

#retail_message .to_retail .tree{
	margin-left:-51px;
	top:-40px;
	opacity:0;
	transition-delay:0.75s;
	-moz-transition-delay:0.75s;
	-ms-transition-delay:0.75s;
	-o-transition-delay:0.75s;
	-webkit-transition-delay:0.75s;
}

#retail_message .to_maker{
	right:0;
	transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
}

#retail_message .to_maker .tree{
	margin-left:-43px;
	top:-20px;
	transition-delay:1.25s;
	-moz-transition-delay:1.25s;
	-ms-transition-delay:1.25s;
	-o-transition-delay:1.25s;
	-webkit-transition-delay:1.25s;
}

#section_message.active #retail_message .message .tree{
	margin-top:0;
	opacity:1;
}

#section_message.active #retail_message .message{
	opacity:1;
	top:0;
}


/*end*/
#section_end{
	background:#1d8040 url(../images/common/bg_end.png) repeat-y top center;
	padding:0px 0 80px 0;
}

#section_end .box_wrap{
	position:relative;
	margin:0 auto;
	left:0;
}

#company_info{
	width:340px;
	float:left;
}

#company_info .name{
	font-size:160%;
	font-weight:400;
}

#company_info .address{
	padding:15px 0;
}

#company_info .info{
	padding:5px 0 5px 25px;
	position:relative;
}

#company_info .info .icon{
	position:absolute;
	top:7px;
	left:0;
}

#to_shop{
	width:230px;
	float:right;
}

#to_shop .a{
	background:#de7338;
	border-radius:7px;
	text-align:center;
	padding:40px 0 20px 0;
	transition:background-color 0.5s ease-out;
	-moz-transition:background-color 0.5s ease-out;
	-ms-transition:background-color 0.5s ease-out;
	-o-transition:background-color 0.5s ease-out;
	-webkit-transition:background-color 0.5s ease-out;
}

#to_shop .a:hover{
	background-color:#eea132;
}

#sitemap_wrap{
	position:absolute;
	top:0px;
	width:340px;
	left:340px;
}

#sitemap_wrap .sitemap{
	float:left;
	width:150px;
	margin:0 20px 20px 0;
}

#sitemap_wrap .sitemap .head{
	border-radius:15px;
	background:#2e8d42;
	padding:5px 0;
	line-height:0em;
	text-align:center;
}

#sitemap_wrap .sitemap .link{
	padding:10px 0 0 20px;
	font-size:90%;
}


/*foot*/
#foot{
	background:#000;
	padding:10px 0;
	font-size:80%;
}

#foot .box_wrap{
	width:100%;
	box-sizing:border-box;
	padding:0 20px;
}

#foot_sub_link{
	float:left;
}

#foot_sub_link li{
	float:left;
	padding-right:20px;
}

#copyright{
	float:right;
}


@media screen and (max-width:768px){
	#head{
		height:90px;
		box-shadow:0 2px 4px rgba(0,0,0, 0.15);
	}
	
	#head nav{
		width:400px;
		min-width:400px;
		margin-top:-36px;
	}
	
	#head nav .navi .btn .a .txt{
		position:absolute;
		opacity:0;
		top:80%;
		left:50%;
		width:100px;
		margin-left:-50px;
		padding:3px 0;
	}
	
	#head nav .navi .btn .a .txt img{
		width:100%;
	}
	
	#head nav .navi .btn .a:hover .txt{
		opacity:1;
		top:90%;
		box-shadow:2px 2px 3px rgba(0,0,0,0.15);
	}
	
	
	#section_about .section_bg_wrap .bg .img{
		width:1280px;
		left:50%;
		margin-left:-640px;
	}
	
	#sitemap_wrap{
		width:100%;
		box-sizing:border-box;
		padding:0 40px;
		float:none;
		position:static;
		height:auto;
		margin-bottom:40px;
	}
	
	#sitemap_wrap .l4{
		margin-right:0;
	}
	#company_info{
		margin-left:40px;
	}
	#to_shop{
		margin-right:40px;
	}
	
	#dl_goods_list{
		bottom:-60px;
		z-index:500;
	}
	
	#goods_bird_01{
		bottom:150px;
		right:220px;
	}
	
	#goods_butterfly_01{
		top:45px;
	}
	#goods_butterfly_02{
		top:120px;
	}
	#goods_butterfly_03{
		top:50px;
		right:6%;
	}
}


/*準備*/
.path{
	opacity:0;
	Filter:Alpha(opacity=0);
}

.section .section_body_wrap .cont_title .img{
	margin-top:-180px;
}

#section_topics .section_body_wrap .cont_title .img{
	top:-800px;
}