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

/*簡易リセット*/
* {
	padding:0;
	margin:0 auto;
	border:none;
	box-sizing:border-box;
	list-style-type:none;
}

/*基本設定*/
img {
	max-width:100%;
	height:auto;
}
p {
	font-size:16px;
	color:#666666;
}

/*レイアウト幅960px*/
#header, #main, #footer {
	max-width:960px;
	background-color:#ffffff;
	padding-left:4px;
	padding-right:4px;
}

/*
#wrapper {
	background-image:url(../images/bonabia_bg.png);
	background-repeat:repeat;
}
*/

/*ヘッダー部分*/
#headfix{
	width:100%;
	position:fixed;
	background-color:#ffff;
	z-index:10;
	margin-top:0;
	top:0px;
	left:0px;
}

#header {
	overflow: hidden;
	padding-top:20px;
	padding-bottom:10px;
	height:10％;
}

#logo {
margin-top: 0;
	width:18%;
	height:47.47%;
	padding-left:0;
	float:left;
}


#header p{

	float:left;
	margin-left: 4%;
	
}
#header a{
	float: left;
	color:#EF489C;
}

#newopen{
	width:26.77%;
	float: right;
}

/*スライドショー部分*/
#story {
	overflow:hidden;
	margin-top:125px;
}
/*スライドショー コピー部分*/
#copy {
	width:50%;
	float:left;
}
#copy p {
	height:0;
	position:relative;
	padding-top:67.6%
}
#copy p img {
	position:absolute;
	top:24%;
	right:16%;
	width:38.375%;
	height:49.875%
}
#copy .bxslider > div:nth-child(even) {
	background-color:#ffacd4;
}
/*コピー部分背景色奇数枚目の色*/
#copy  .bxslider > div:nth-child(odd){
	background-color:#6ae5e2;
}



/*スライドショー 画像部分*/
#images {
	width:50%;
	float:left;
}









	
/*セクション部分*/

/*項目部分の設定*/

#main{
	margin-top:0;
}

h2 {
	height:8.33%; /*80px*/
	margin:6.25% auto 0 auto; /*60px*/
	border-bottom:4px solid #f08ebe;
	padding-top:0.21%; /*20px*/
	text-align:center;
}


h3 {
	height:8.33%; /*80px*/
	width:91.66%;
	margin:0.21% auto 0 auto; /*20px*/
	text-align:center;
	border-bottom:2px solid #edc2d8;
	padding-top:2.5%; /*24px*/
}
/*moreボタン*/

.more1, .more2 {
	margin-top:6.25%;
	margin-bottom:8.33%;
	text-align:right;
}

.more1{
	width:100%;
}

.more2 {
	width:91.66%;
}

/*ボナビアとは*/
#concept article {
	overflow:hidden;
}
#concept article p {
	width:60%;
	margin:0 auto;
	padding-top:4.17%; /*40px*/
	float:left;
	text-align:center;
}

#concept article .sec_photo{
	float:right;
	width:40%;
	padding-top:4.17%; /*40px*/
	}


/*トピックス,メモリアルフラワーアート*/
#topics article,#flower article  {
	overflow:hidden;
}
#topics article p,#flower article p {
	width:55%;
	margin:4.17% auto;
	padding-top:4.17%; /*40px*/
	padding-right:4.17%;
	float:right;
	text-align:center;
}

#topics article .sec_photo,#flower article .sec_photo{
	float:left;
	width:36.67%;
	padding-top:4.17%; /*40px*/
	}
	
#topics article img,#flower article img {
	margin-right:4.55%; /*16px*/
	margin-left:10.67%;  /*36px*/
}
/*フレブル用＆オーナー様用*/
.items {
	overflow:hidden;
	margin:0 36px;
}
.items figure {
	float:left;
	margin-right:3%;
	margin-top:40px;
	text-align:center;
	width: calc(93.6% / 3);
}
.items figure:nth-child(3n) {
	margin-right:0;
}


.items figure img {
	display:block;
}

/*ギャラリー*/



#gallery iframe{
	margin-top:4.17%;
}

/*お買い物ガイド*/
#guide article {
	text-align:center;
}
#guide p {
	padding-top:10px;
}
#guide .title p {
	font-size:115%;
	text-decoration:underline;
	padding-top:60px;
	color:#222222;
}
/*フッター*/
#footer {
	height:80px;
	margin:80px auto;
	text-align:center;
	border-top:4px solid #f08ebe;
	padding-top:4px;
	overflow:hidden;
}
#kiyaku {
	float:left;
	text-align:left;
}
#kiyaku p {
	font-size:12px;
}
#copyright {
	float:right;
}


/*トップへ戻るボタン*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 240px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color:#50cda0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}



/*ボナビアページ（about）*/
/*gnavのスティッキー済み上線設定、h2のmargin top設定*/
#about #gnav_flame{
top:125px;
border-top:2px solid #edc2d8;
}

#about h2{
	margin-top:250px;
}


/*トピックスページ（topics）*/
/*gnavのスティッキー済み上線設定、h2のmargin top設定*/
#topic #gnav_flame{
top:125px;
border-top:2px solid #edc2d8;
}

#topic h2{
	margin-top:180px;
}

/*フレブル用アイテムページ（dogs）*/
/*gnavのスティッキー済み上線設定、h2のmargin top設定*/
#dogs #gnav_flame{
top:125px;
border-top:2px solid #edc2d8;
}

#dogs h2{
	margin-top:250px;
}

/*オーナー様用アイテムページ（orners）*/
/*gnavのスティッキー済み上線設定、h2のmargin top設定*/
#orners #gnav_flame{
top:125px;
border-top:2px solid #edc2d8;
}

#orners h2{
	margin-top:250px;
}

/*メモリアルフラワーアートページ（mf）*/
/*gnavのスティッキー済み上線設定、h2のmargin top設定*/
#mf #gnav_flame{
top:125px;
border-top:2px solid #edc2d8;
}

#mf h2{
	margin-top:250px;
}


/*フォトギャラリーページ（ig）*/
/*gnavのスティッキー済み上線設定、h2のmargin top設定*/
#ig #gnav_flame{
top:125px;
border-top:2px solid #edc2d8;
}

#ig h2{
	margin-top:250px;
}

/*ショップアイテムページ（ig）*/
/*gnavのスティッキー済み上線設定、h2のmargin top設定*/

#shopitem #gnav_flame{
top:125px;
border-top:2px solid #edc2d8;
}

#shopitem h2{
	margin-top:250px;
}


/*お買い物ガイドページ（ig）*/
/*gnavのスティッキー済み上線設定、h2のmargin top設定*/

#guide #gnav_flame{
top:125px;
border-top:2px solid #edc2d8;
}

#guide h2{
	margin-top:250px;
}

#for_fb{
	overflow:hidden;}

.items{
	float:left;
	width:100%;}

.detail{
	width:50%;
	float:right;

}

#itemfb01 #footer{
	clear:both;
}