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

body {
	font-family:"游ゴシック Medium","Yu Gothic Medium","ＭＳ ゴシック","ＭＳ Ｐ明朝";
	line-height:1.5;
	color:#666666;
}


* {
	margin:0;
	padding:0;
}


img {
	border:none;
	vertical-align:bottom;
}


a {
	text-decoration:none;
}


li {
	list-style-type:none;
}


#wrapper {
	width:950px;
	margin:0 auto;
/*	background-color:#ccc;*/
}




/*ここからヘッダー*/


header {
	width:950px;
	height:533px;
	padding-top:30px;
	box-sizing:border-box;
	background-image:url(../images/top/top_image.jpg);
	background-repeat:no-repeat;
/*	background-color:#69C;*/
}


nav {
	width:500px;
	height:44px;
	margin-left:430px;
	font-size:16px;
/*	background-color:#F63;*/
}

nav ul a {
	font-family:"Trajan Pro","ＭＳ ゴシック","ＭＳ Ｐ明朝";
	color:#fff;
	padding:10px;
	float:left;
}


.clearfix::after{
	content:"";
	display:block;
	clear:both;
}


h1 {
	width:461px;
	height:126px;
	margin:120px 0 0 244px;
/*	background-color:#F63;*/
}


/*ここからメイン*/

#main {
	width:950px;
	height:1261px;
	/*background-color:#FC6;*/
}


/*イベント部分*/

#event {
	width:950px;
	height:272px;
	position:relative;
	box-sizing:border-box;
	z-index:1;
	background-image:url(../images/top/top_event_back.png);
/*	background-color:#663;*/
}



#event_contents {
	width:950px;
	height:272px;
	position:absolute;
	z-index:2;
/*	background-color:#663;*/
}

#event_img {
	width:515px;
	height:272px;
	margin-top:15px;
	float:left;
/*	background-color:#669;*/
}

#event_text{
	width:435px;
	height:272px;
	box-sizing:border-box;
	padding-top:60px;
	padding-left:25px;
	float:right;
/*	background-color:#CF3;*/
}

#event_text p {
	width:370px;
/*	background-color:#60C;*/
}


#view_btn {
	width:90px;
	height:90px;
	margin:25px 0 0 130px;
	border-radius:50%;
	background-color:#fff;
}

#view_btn {
	transition: .3s;
}

#view_btn:hover {
	background-color:#ffca79;
	box-shadow: inset 3px 3px 3px 0 rgba(0,0,0, 0.3);
}



/*母の日部分*/

#mothersday {
	width:950px;
	height:254px;
/*	background-color:#09C;*/
}


#mothersday h2 {
	font-family:"UD デジタル 教科書体 NP-R","ＭＳ ゴシック","ＭＳ Ｐ明朝";
	font-size:30px;
	padding-top:20px;
	padding-bottom:5px;
	text-align:center;
/*	background-color:#CC3;*/
}

#mothersday p {
	text-align:center;
	margin:0 auto;
	padding-bottom:15px;
}


#mothersday img {
	display:block;
	margin:0 auto;
}





/*ピックアップ部分*/

#pickup {
	width:950px;
	height:433px;
/*	background-color:#F69;*/
}

#pickup h2 {
	font-family:"Trajan Pro","ＭＳ ゴシック","ＭＳ Ｐ明朝";
	font-size:35px;
	text-align:center;
	padding-top:20px;
}

#pickup_area {
	width:828px;
	height:276px;
	margin:15px 61px 0 61px;
/*	background-color:#0F0;*/
}


/*ピックアップテキスト部分共通設定*/

/*.item_text {
	width:177px;
	height:276px;
	padding:190px 10px 0 13px;
	box-sizing:border-box;
	position:absolute;
	z-index:2;
}

.item_font {
	font-family:"Trajan Pro","ＭＳ ゴシック","ＭＳ Ｐ明朝";
}

.item_text p {
	color:#fff;
	line-height:25px;
	font-weight:bold;
	font-size:15px;
}
*/



#item_1 {
	width:177px;
	height:276px;
	margin-right:20px;
	float:left;
}

#item_2 {
	width:177px;
	height:276px;
	position:relative;
	z-index:1;
	margin:0 20px;
	float:left;
}

#item_3 {
	width:177px;
	height:276px;
	position:relative;
	z-index:1;
	margin:0 20px;
	float:left;
}

#item_4 {
	width:177px;
	height:276px;
	position:relative;
	z-index:1;
	margin-left:20px;
	float:left;
}



/*ホバーで画像アップになる部分設定*/

.box{
	overflow: hidden;
	position: relative;
	width: 177px;
	height: 276px;
	cursor: pointer;
}

/*画像1*/

#fw_box1 {
	background:url(../images/top/top_green.jpg) center center / cover no-repeat;
	width: 100%;
	height: 276px;
	position: relative;
	z-index: 0;
	transition: .3s ease-in-out;
}

#fw_box1:hover{
	transform: scale(1.1);
}

/*画像2*/

#fw_box2 {
	background:url(../images/top/top_boxflower.jpg) center center / cover no-repeat;
	width: 100%;
	height: 276px;
	position: relative;
	z-index: 0;
	transition: .3s ease-in-out;
}

#fw_box2:hover{
	transform: scale(1.1);
}

/*画像3*/

#fw_box3 {
	background:url(../images/top/top_dryflower.jpg) center center / cover no-repeat;
	width: 100%;
	height: 276px;
	position: relative;
	z-index: 0;
	transition: .3s ease-in-out;
}

#fw_box3:hover{
	transform: scale(1.1);
}

/*画像4*/

#fw_box4 {
	background:url(../images/top/top_bouquet.jpg) center center / cover no-repeat;
	width: 100%;
	height: 276px;
	position: relative;
	z-index: 0;
	transition: .3s ease-in-out;
}

#fw_box4:hover{
	transform: scale(1.1);
}


/*テキスト部分設定*/

.fw-text{
	position: absolute;
	top: 190px;
	left: 13px;
	pointer-events: none;
}

.fw_title {
	font-family:"Trajan Pro","ＭＳ ゴシック","ＭＳ Ｐ明朝";
	color: #fff;
	font-size:20px;
	font-weight:bold;
}

.fw-text p{
	color: #fff;
	line-height:25px;
	font-size: 15px;
	margin-top: 0px;
	font-weight:bold;
}

/*ホバーで画像アップになる部分ここまで*/



#btn_text {
	margin-top:5px;
	padding-right:50px;
	box-sizing:border-box;
	display: block;
	text-align:right;
/*	background-color:#F00;*/
}

#btn_text a {
	transition: .3s;
}

#btn_text a:hover{
    opacity: 0.3;
}



/*ニュース部分*/

#news {
	width:950px;
	height:302px;
/*	background-color:#6FF;*/
}


#news h2 {
	font-family:"Trajan Pro","ＭＳ ゴシック","ＭＳ Ｐ明朝";
	font-size:35px;
	text-align:center;
	padding-top:5px;
	padding-bottom:15px;
}

#news_area_back {
	width:911px;
	height:218px;
	margin:0 auto;
	padding-top:31px;
	padding-left:12px;
	box-sizing:border-box;
	border-radius:10px;
	background-color:#f3f3f3;
}


.bottom_margin {
	margin-bottom:15px;
}


.news_text {
	box-sizing:border-box;
	padding-top:8px;
	padding-left:26px;
}





#news_1 {
	width:287px;
	height:154px;
	float:left;
	position:relative;
	z-index:1;
/*	background-color:#CF3;*/
}

#news_2 {
	width:308px;
	height:154px;
	float:left;
	box-sizing:border-box;
	padding-top:8px;
	padding-left:36px;
	border-left:2px solid #666666;
	border-right:2px solid #666666;
	position:relative;
	z-index:1;
/*	background-color:#FFF;*/
}

#news_3 {
	width:287px;
	height:154px;
	float:left;
	position:relative;
	z-index:1;
/*	background-color:#CF3;*/
}




#news_btn_area {
	width:884px;
	height:80px;
	box-sizing:border-box;
	margin-top:110px;
	float:left;
	position:absolute;
	z-index:2;
/*	background-color:#FC6;*/
}


#btn_1 {
	width:60px;
	height:60px;
	box-sizing:border-box;
	margin:0 110px;
	float:left;
}

#btn_2 {
	width:60px;
	height:60px;
	box-sizing:border-box;
	margin:0 130px;
	float:left;
}

#btn_3 {
	width:60px;
	height:60px;
	box-sizing:border-box;
	margin:0 110px;
	float:left;
}

.news_img {
	width:60px;
	height:60px;
	padding:2px 0 0 2px;
	box-sizing:border-box;
	border-radius:50%;
	transition: .3s;
	background-color:#fff;
}

.news_img:hover {
	background-color:#ffca79;
	box-shadow: inset 3px 3px 2px 0 rgba(0,0,0, 0.2);
}



/*ここからフッター*/

footer {
	width:950px;
	height:206px;
	padding-top:30px;
/*	background-color:#93F;*/
}


#footer_area {
	width:921px;
	height:176px;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	background-color:#71c9c8;
}


#ft_rogo {
	width:369px;
	height:155px;
	padding-top:3px;
	box-sizing:border-box;
	float:left;
/*	background-color:#CF0;*/
}

#ft_rogo h2 {
	margin-left:50px;
/*	background-color:#C09;*/
}


#ft_icon_area {
	width:180px;
	height:40px;
	margin:20px 0 0 90px;
/*	background-color:#039;*/
}


#instagram {
	margin:0 10px;
	float:left;
}

#twitter {
	margin:0 10px;
	float:left;
}

#facebook {
	margin:0 10px;
	float:left;
}



#ft_menu {
	width:530px;
	height:155px;
	float:left;
/*	background-color:#6F6;*/
}

#ft_nav {
	width:496px;
	height:44px;
	margin-top:55px;
/*	background-color:#F63;*/
}

#ft_nav ul a {
	font-family:"Trajan Pro","ＭＳ ゴシック","ＭＳ Ｐ明朝";
	color:#fff;
	padding: 10px;
	float:left;
}