@charset "utf-8";

/*=========================================================================

 フジテレビフラワーネット

	last-updated: 2016.3.28

		+1 : RESET setting + FONT
		+2 : 基本レイアウト
		+3 : ヘッダーTOP
		+4 : ヘッダーナビ
		+5 : 検索ボックス・メンバーナビ
		+6 : ヘッダー検索
		+7 : パンくず
		+8 : コンテンツ　(TOP 右サイド)
		+9 : コンテンツ　下
		+10 : フッター
		+11 : フッターNAV AREA
		+12 : テキスト表示・非表示（toggle.js）
		+13 : ページTOP　BTN


=========================================================================*/

/* =================================================================
		+1 : RESET setting + FONT
================================================================= */
/* basic
-------------------------------------------------------------------------*/
*{ margin:0; padding:0;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,strong,em {font-style: normal;}
ul,ol,li {list-style-type: none;}
img {max-width : 100% ;height : auto ;border: 0;vertical-align: bottom;}
table {
	border-collapse: collapse;
	/* [disabled]border-spacing: 0; */
	empty-cells: show;
}
table td {word-break: break-all !important;word-wrap: break-word !important;}
input,select,textarea {vertical-align: middle;font-family: inherit;}
label{cursor: pointer;}
a {outline: none;}

/* text
-------------------------------------------------------------------------*/
body {
	width: 100%;
	min-width: 990px;
	font-size:75%;
	line-height:1.5;
	font-family:"メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #333333;
	-webkit-text-size-adjust: 100%;
	font-size: 12px;
}

/* link
-------------------------------------------------------------------------*/
a,a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover,a:active {
	color: #E55871;
	text-decoration: none;
}

/* clearfix
-------------------------------------------------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	clear:both;
}
.clearfix{
	_height:1px;
	min-height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

/* =================================================================
		+2 : 基本レイアウト
================================================================= */
.contentsInner {
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.contentsInner {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding:0 20px;
}
.contentsInner02 {
	width: 720px;
	margin: 0 auto;
	text-align: left;
	padding:0 0;
}
#flowerHeader {
	padding: 0 20px;
	text-align: center;
}
#flowerHeaderNav {
	padding: 0 20px;
	text-align: center;
}
#flowerHeaderSearch {
	padding: 0 20px;
	text-align: center;
	z-index:1;
}
#flowerContents {
	margin: 30px 0;
	text-align: center;
}
#flowerFooter {
	padding: 0 20px;
	text-align: center;
}

/* =================================================================
		+3 : ヘッダーTOP
================================================================= */
#flowerHeaderTop {
	font-size: 14px;
	line-height: 1.7;
	overflow: hidden;
	margin:0 0 10px;
	text-align:center;
}
#flowerHeaderTop.simple {
	margin-top:10px;
}
#flowerHeaderTop a {
	text-decoration: none !important;
}
#flowerHeaderTop .topBnr {
	width:1206px;
	margin:0 auto 8px;
}
#flowerHeaderTop #logoArea{
	width:680px;
	float:left;
}
#flowerHeaderTop #logoArea .logo {
	float: left;
	width: 200px;
	margin: 0;
}
#flowerHeaderTop #logoArea h1{
	font-size:11px;
	color:#656565;
	font-weight:normal;
	margin:13px 0 0 25px;
	float:left;
}
#flowerHeaderTop .headNav {
	float: right;
	width: 270px;
	margin: 0;
	overflow: hidden;

}
#flowerHeaderTop .headNav .message {
	font-size: 12px;
	color: #666;
	text-align: right;
}
#flowerHeaderTop .headNav .nav {
	float: right;
	font-size: 12px;
	margin: 13px 0 0;
}
#flowerHeaderTop .headNav .nav li {
	float: left;
}
#flowerHeaderTop .headNav .nav li a {
	display: inline-block;
	margin: 0 0 0 22px;
}


/* =================================================================
		+4 : ヘッダーナビ
================================================================= */
#flowerHeader {
	background-size: contain;
	background-color:#FCF4E7;
	border-top:solid 3px #D9C69F;
	padding:8px 0;
}
#flowerHeader a {
	text-decoration: none !important;
}
/* Gnav--------------------*/
#flowerHeaderNav {
	padding:0 0 4px;
}
#flowerHeaderNav .headGnav .gnav{
	float:left;
}
#flowerHeaderNav .headGnav #gnav1{
	margin:0 3px 0 0;
	background:#E65583
}
#flowerHeaderNav .headGnav #gnav2{
	margin:0 24px 0 0;
	background-color:#C1A466;
}
#flowerHeaderNav .headGnav .gnav {
	-webkit-border-radius: 4px;/* for Safari and Chrome */
	-moz-border-radius: 4px; /* for Firefox */
	-o-border-radius: 4px; /* for opera */
	border-radius:4px;
}
#flowerHeaderNav .headGnav .gnav a{
	padding:9px 15px 8px;
	margin:0 10px 0 0;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#flowerHeaderNav .headGnav #gnav1 a{
	background:url(../images/common/icon_arrow_gnav1.gif) no-repeat center right;
}
#flowerHeaderNav .headGnav #gnav2 a{
	background:url(../images/common/icon_arrow_gnav2.gif) no-repeat center right;
}
#flowerHeaderNav .headGnav .gnav:hover{
	text-decoration:none;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
#flowerHeaderNav .txt_guest{
	width:260px;
	float:right;
	text-align:right;
	padding:15px 10px 0 0;
}

/* ドロップダウンメニュー--------------------*/
#flowerHeaderNav .headGnav .dropmenu{
	list-style-type: none;
	width: 128px;
	background:#FFFFFF;
	position: relative;
	border:solid 1px #DDDDDD;
	float:left;
	margin:5px 0 0;
}
.dropmenu:before, .dropmenu:after{
	content: "";
	display: table;
}
.dropmenu:after{
	clear: both;
}

/* 季節の特集 */
.dropmenu .dropmenu_select a{
	display: block;
	background: #FFFFFF;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	padding: 6px 15px 5px;
	background:url(../images/common/icon_arrow_dropdown.gif) no-repeat 98px 8px;
}
/* その他の項目 */
.dropmenu ul.dropmenu_other{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin:0 0 0 -1px;
	padding:20px 0 5px;
	width:240px;
	border:solid 1px #DDDDDD;
	background: #FFFFFF;
}

.dropmenu ul.dropmenu_other li a{
	padding: 0 0 15px 25px;
	background: #FFFFFF;
	text-align: left;
}
.dropmenu ul.dropmenu_other li a:hover{
	color:#E54F69;
}

/* 効果 */
#dropmenu ul li{
	overflow: hidden;
	transition: .2s;
}
#dropmenu .dropmenu_select:hover ul li{
	overflow: visible;
	height: 100%;
}
.dropmenu .dropmenu_select:hover ul.dropmenu_other{
	border:solid 1px #DDDDDD;
	width:240px;
}
/* 効果フェードイン */
#dropmenu .dropmenu_select ul{
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .5s;
}
#dropmenu .dropmenu_select:hover ul{
	top: 100%;
	visibility: visible;
	opacity: 1;
}

/* =================================================================
		+5 : 検索ボックス・メンバーナビ
================================================================= */

#flowerSearchMember{
	background-color:#FCF4E7;
	padding:0px;
}

/* 検索ボックス-----------------------------*/

#headSearch {
    position: relative;
	float:left;
	-webkit-border-radius: 0px 4px 4px 0px;/* for Safari and Chrome */
	-moz-border-radius: 0px 4px 4px 0px; /* for Firefox */
	-o-border-radius: 0px 4px 4px 0px; /* for opera */
	border-radius: 0px 4px 4px 0px;
	background-color:#FFFFFF;
	width:640px;
	border:solid 2px #EE4B46;
}
input#keywords  {
	width:582px;
	height:24px;
	line-height:28px;
    background: #FFFFFF;
    border: none;
    padding: 4px;
    color: #666666;
	font-size:14px;
	font-weight:bold;
	box-sizing: content-box; /* 幅にパディングを含めない */
}

#headSearch #searchBtn button{
	display:block;
	background:#EE4B46;
	width:50px;
	height:32px;
	line-height:32px;
	border:none;
    position: absolute;
    top: 0;
    right: 0px;
	cursor:pointer;
}
#headSearch #searchBtn button img{
	vertical-align:top;
	height:26px;
	margin:2px;
}
#headSearch button:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */

}
/* ログイン時　header_login.html */
#headSearch.header_login{
	width:620px;
}
#headSearch.header_login input#keywords{
	width:562px;
}

/* メンバーナビ--------------------------------------*/
#flowerSearchMember #headMember{
	float:right;
}
#flowerSearchMember #headMember ul li{
	float:left;
	height:34px;
	line-height:34px;
	border-right:solid 1px #CCCCCC;
	padding:0 8px;
	background-color:#F9F9F9;
}
#flowerSearchMember #headMember ul li.last{
	border:none;
}
#flowerSearchMember #headMember ul li a{
	display:block;
	font-size:12px;
}
/* 会員登録 */
#flowerSearchMember #headMember ul li.member a{
	background: url(../images/common/icon_member.gif) no-repeat 0 9px;
	padding:0 0 0 20px;
}
#flowerSearchMember #headMember ul li.member a:hover,
#flowerSearchMember #headMember ul li.member a.here{
	background-position: 0 -36px;
}
/* お客様情報 */
#flowerSearchMember #headMember ul li.member_info a{
	background: url(../images/common/icon_member_info.gif) no-repeat 0 9px;
	padding:0 0 0 20px;
}
#flowerSearchMember #headMember ul li.member_info a:hover,
#flowerSearchMember #headMember ul li.member_info a.here{
	background-position: 0 -36px;
}
/* ログイン */
#flowerSearchMember #headMember ul li.login a{
	background: url(../images/common/icon_login.gif) no-repeat 0 9px;
	padding:0 0 0 20px;
}
#flowerSearchMember #headMember ul li.login a:hover,
#flowerSearchMember #headMember ul li.login a.here{
	background-position: 0 -36px;
}
/* ご注文商品一覧 */
#flowerSearchMember #headMember ul li.cart a{
	background: url(../images/common/icon_cart.gif) no-repeat 0 9px;
	padding:0 0 0 20px;
}
#flowerSearchMember #headMember ul li.cart a:hover,
#flowerSearchMember #headMember ul li.cart a.here{
	background-position: 0 -36px;
}
#flowerSearchMember #headMember ul li a.here{
	color:#E55871;
}
#flowerSearchMember #headMember ul li a:hover{
	text-decoration:none;
}

/* =================================================================
		+6 : ヘッダー検索
================================================================= */
#flowerHeaderSearch {
	font-size: 14px;
	line-height: 1.7;
	color: #fff;
	padding: 10px 0;
	background: #333;
}
/* =================================================================
		+7 : パンくず
================================================================= */
#flowerBreadcrumb .breadcrumb{
	margin:10px 0 30px;
}
#flowerBreadcrumb .breadcrumb li{
	display:inline;
	margin:0 0px 0 0;
}
#flowerBreadcrumb .breadcrumb li a{
	color:#E55871;
	margin:0 5px 0 0;
}
#flowerBreadcrumb .breadcrumb li a:hover{
	text-decoration:underline;
}
#flowerBreadcrumb .breadcrumb li.here{
	color:#333333;
}
/* =================================================================
		+8 : コンテンツ　(TOP 右サイド)
================================================================= */
.mainBox{
	margin:0 0 20px;
}
/* メインタイトル共通　[TOP]------------- */
.mainTit{
	background:#FCF4E7;
	border-left:solid 2px #EA8E99;
	position:relative;
}
.main_margin{
	margin:0 0 20px;
}
.mainTit h2{
	font-size:18px;
	font-weight:bold;
	float:left;
	padding:5px 20px 5px 10px;
}
.mainTit p{
	font-size:12px;
	padding:10px 0 0;
}
/* txt強調 */
.mainTit p.txt_em{
	color:#E54F69;
}
/* タイトル右 */
.mainTit .mainTit_right{
	position: absolute;
    right: 15px;
    top: 0px;
}

/* ItemBox共通　[TOP]------------- */
.itemWrap .itemBox{
	float:left;
	display:inline;
}
/* width設定　[TOP] */
/* 写真5並び */
.itemWrap .itemBox{
	width:125px;
	margin:0 20px 0 0;
}
/* 写真4並び */
.itemWrap .itemBox2{
	position:relative;
	float:left;
	width:165px;
	height:165px;
	margin:0 15px 15px 0;
	overflow: hidden;
}
.itemWrap .itemBox2 .onlyone{
	position: absolute;
    background:#000000;
    bottom: 0;
	left: 0;
    line-height: 25px;
    text-align: center;
    width: 165px;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */

}
.itemWrap .itemBox img{
	max-width: 125px;
	max-height: 125px;
	-ms-interpolation-mode: bicubic;
}

.itemWrap .itemBox2 .onlyone_ph img{
	max-width: 165px;
	max-height: 165px;
	-ms-interpolation-mode: bicubic;
}
.itemWrap .itemBox2 a{
	color: #FFFFFF;
}
.itemWrap .itemBox a:hover{
	text-decoration:none;
}
.itemWrap .itemBox2 a img:hover,
.itemWrap .itemBox2 .onlyone a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	text-decoration:none;
}

/* mainBlock下ボーダー[TOP] */
.line_bottom{
	border-bottom:solid 1px #EEEEEE;
	padding:0 0 20px;
}

.itemWrap .last{
	margin:0;
}
.itemBox p.txt_item{
	margin:10px 0 0;
}
.itemBox p.txt_price{
	margin:10px 0 0;
}
.itemBox p.txt_center{
	text-align:center;
}
.itemBox a:hover img,
.itemBox2 a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */

}
/* =================================================================
		+9 : コンテンツ　下
================================================================= */
/* 最近チェックした商品
-------------------------------------------------------------------------*/
#flowerRecently .mainBox{
	border-top:solid 2px #EDEDED;
	padding:20px 0 0;
}
#flowerRecently h2{
	font-size:14px;
	font-weight:bold;
	margin:0 0 20px;
}
#flowerRecently .mainBox .itemWrap{
	margin: 0 -38px 0 0;
}
#flowerRecently .itemWrap .itemBox{
	margin:0 38px 45px 0;
}

/* =================================================================
		+10 : フッター
================================================================= */
#flowerFooter {
	font-size: 12px;
	line-height: 1.5;
	margin:20px 0 80px;
}
#flowerFooter a{
	text-decoration: none !important;
}
#flowerFooter .mainBox {
	padding: 0;
	margin:0;
	overflow: hidden;
}
#flowerFooter .mainBox .footMsg {
	padding: 0 0 25px;
	border-bottom:solid 1px #E1E1E1;
	margin:0 10px 10px 0;
	width:868px;
	float:left;
	display:inline;
}
#flowerFooter .mainBox .pMark {
	width:72px;
	float: right;
	margin:0;
}
#flowerFooter .mainBox .footMsg h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px;
}
#flowerFooter .mainBox .footMsg .txt {
	font-size: 10px;
	color: #666666;
}
#flowerFooter .mainBox .footMsg .openBtn{
	font-weight:bold;
	margin:0 0 0 10px;
	cursor: pointer;
}

/* =================================================================
		+11 : フッターNAV AREA
================================================================= */
#footerNavArea{
	background-size: contain;
	width:100%;
	background-color:#DDCDAB;
}
#footerNavArea a{
	text-decoration: none !important;
}
/* Footer Bnr--------------------------------- */
#footerNavArea #footerBnr{
	padding:20px 0 0;
}
#footerNavArea #footerBnr li{
	width:180px;
	height:42px;
	float:left;
	margin:0 12px 10px 0;
}
#footerNavArea #footerBnr li.last{
	margin:0 ;
}
#footerNavArea #footerBnr li a img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
/* Footer Nav--------------------------------- */
#footerNavArea #footerNav{
	width:100%;
	position:relative;
}
#footerNav #footerNavInner{
	width:950px;
	margin:0 auto;
	text-align:left;
	padding:0 20px;
}
#footerNav #footerNavInner .footerNav_box{
	margin:20px 0;
	padding:0;
	width:180px;
	float:left;
}
#footerNav #footerNavInner .footerNav_box_last{
	width:200px;
}
#footerNav #footerNavInner .footerNav_box .footerNav_title{
	border-left:solid 4px #000000;
	padding:2px 0 0 8px;
	margin:0 0 16px;
	font-weight:bold;
	font-size:13px;
	line-height:120%;
}
#footerNav #footerNavInner ul.{
	background: url(../images/common/footer/icon_footer.gif) no-repeat 0 8px;
	padding:0 0 0 15px;
	margin:0 0 5px;
	font-size:12px;
}
#footerNav #footerNavInner ul.footerNav_menu li a:hover{
	text-decoration:none;
}

/* =================================================================
		2017.08.22 nakagome add フッター表示修正
================================================================= */
.footerNav_menu li {
     background: rgba(0, 0, 0, 0) url("/images/common/li_arrow_smgray.png") no-repeat scroll 1px 0.5em;
     line-height: 1.4;
     font-size:13px;     
     margin: 0 0 10px;
     padding: 0 0 0 15px;
   

}

/* Footer QR--------------------------------- */

#footerNavArea #footerQr{
	background:#FFFFFF;
	width:370px;
	position:absolute;
	bottom:40px;
	right:40px;
}
#footerNavArea #footerQr .qr{
	width:57px;
	float:left;
	padding:15px 0 15px 15px;
	display:inline
}
#footerNavArea #footerQr .txt_qr{
	width:260px;
	float:right;
	margin:15px;
	display:inline
}
#footerNavArea #footerQr .txt_qr .txt_em{
	font-weight:bold;
}
/* =================================================================
		+12 : テキスト表示・非表示（toggle.js）
================================================================= */
/* footer、お急ぎ便　共通（BTNは[.openBtn]で設定） */
.txt_hide,
.txt_hide2,
.txt_hide3{
	display: none;
}
.openBtn,
.openBtn2,
.openBtn3{
	cursor:pointer;
}

/* =================================================================
		+13 : ページTOP　BTN
================================================================= */

#flowerWrap{
	min-height: 1000px ;
}
.page-top{display: none ;}
.page-top p{
	position: fixed ;
	right: 0px ;
	bottom: 25px ;
	font-size:20px;
}
.move-page-top{
	display: block ;
	background: #EE4B46;
	width: 50px ;
	height: 50px ;
	cursor: pointer ;

	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}
@media screen and ( min-width:990px ){
	.move-page-top:hover{opacity: 0.6 ;}
}

/* =================================================================
		+14 : 1606追加トップインフォメーション
================================================================= */
a.top_info {
	text-decoration: underline!important;

}