@charset "Shift_JIS";

@media screen and (max-width: 1179px) {
.common_wrapper {
	width:100%;
	overflow:hidden;
}
/** header Style START *************************************/
/** ヘッダーロゴ */
.header_common_logo {
	float: left;
	width: 166px;
	margin: 15px 0 0;
}

/** Eflora キャッチコピー */
.header_common_copy {
	color: #a1a1a1;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	float: left;
	margin: 25px 0 0 14px;
	width:246px;
}
/** header Style E N D *************************************/

/** global navi Style START ********************************/
ul.global-nav {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

/** ナビ ボタン */
li.is-localNavBtn > a {
	color: #fff;
	position: relative;
	display: inline-block;
	height: 42px;
	width: 192px;
/*	line-height: 43px;*/
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	box-sizing: border-box;
	letter-spacing: 0.2em;
}
/** global navi Style E N D ********************************/

/** お花を贈る(追従) navi container START ******************/
.flowers-gift-container-compliance {
	display: none;
	background-color: #f0f1f4;
	position: absolute;
	top: 42px;
	height: 200px;
	width: 940px;
	padding:5px 10px 20px 10px;
	background: rgba(240,244,241, 0.97);
}

.flowers-gift-container-compliance p.title {
	font-weight: bold;
}

.flowers-gift-container-compliance p.explanation {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.5em;
}

.tabcontent1 {
	display: none;
    padding: 20px;
    width: 315px;
    height: 181px;
    /*background-color: #fbf1f6;*/
    /*border-top: 1px solid #da5098;*/
}

.tabcontent2 {
	display: none;
    padding: 20px;
    width: 315px;
    height: 181px;
    background-color: #fbf1f6;
    border-top: 1px solid #da5098;
}

.tabcontent3 {
	display: none;
    padding: 20px;
    width: 315px;
    height: 181px;
    background-color: #fbf1f6;
    border-top: 1px solid #da5098;
}

/** お花を贈る(追従) navi container E N D ******************/

/** お花を贈る navi container START ************************/
.flowers-gift-container {
	display: none;
	background-color: #f0f1f4;
	position: absolute;
	top: 42px;
	height: 370px !important;
	width: 355px;
	padding: 5px 10px 20px 10px;
	background: rgba(240,244,241, 0.97);
}

.flowers-gift-container p.explanation {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.5em;
}

.flowers-search-conditions dl {
	margin: 0px;
}

.selection-condition-list > li {
	float: left;
	/*margin: 0 0 0 25px;*/
}

/** 都道府県から選ぶ */
.select-pref-box {
	float: left;
	width: 64%;
}

/** 住所・郵便番号から探す */
.address-postalcode-search-box {
	float: left;
	width: 35%;
}

.address-postalcode-search-box .search-btn {
	margin: 5px 0 0 1px;
}
/** お花を贈る navi container E N D ************************/

/** お急ぎで贈る navi container START **********************/

/** お急ぎで贈る */
.hurry-flowers-gift-container {
	background-color: #f0f1f4;
	position: absolute;
	top: 42px;
	left: 0;
	right: 0;
	margin: auto;
	height: 355px !important;
	width: 940px !important;
	padding: 5px 10px 20px 10px;
	background: rgba(240,244,241, 0.97);
	display: none;
}

/** お急ぎで贈る navi container E N D **********************/

/** お花から探す navi container START **********************/

/** お花から探す */
.flowers-search-container {
	background-color: #f0f1f4;
	position: absolute;
	top: 42px;
	left: 0;
	right: 0;
	margin: auto;
	height: 225px !important;
	width: 940px !important;
	padding: 25px 10px 20px 10px;
	background: rgba(240,244,241, 0.97);
	display: none;
}

/** お花から探す navi container E N D **********************/

/** 用途から探す navi container START **********************/

/** 用途から探す */
.use-search-container {
	background-color: #f0f1f4;
	position: absolute;
	top: 42px;
	left: 0;
	right: 0;
	margin: auto;
	height: auto !important;
	width: 940px !important;
	padding: 5px 10px 20px 10px;
	background: rgba(240,244,241, 0.97);
	display: none;
}

/** 用途から探す navi container E N D **********************/

/** スタイルから探す navi container START ******************/

/** スタイルから探す */
.style-search-container {
	background-color: #f0f1f4;
	position: absolute;
	top: 42px;
	left: 0;
	right: 0;
	margin: auto;
	height: auto !important;
	width: 940px !important;
	padding: 5px 10px 20px 10px;
	background: rgba(240,244,241, 0.97);
	display: none;
}

/** スタイルから探す navi container E N D ******************/

/** slider navi Style START ********************************/
.head-top-wrapper {
	width:100%;
	min-width:100%;
	height:306px;
}

.head-top-wrapper .flexslider {
	display:block;
	max-width: 960px;
    max-height: 306.18px;
    margin: 0 auto;
    border: none;
}

/* 最近閲覧した商品 */
.recently-browsed-product-sec > .flexslider-product {
	display:none;
	max-width: 956px;
    max-height: 288px;
    margin: 0 auto;
    border: none;
}

.flexslider-product .flex-direction-nav {
	position: relative;
	top: -149px;
}

.flexslider-product .flex-prev {
	position: absolute;
	opacity: 0.9;
	left: 3px;
	background-color: #FFF;
	height: 60px;
	border-radius:  3px 0 0 3px;
	box-shadow:  0 1px 3px #888;
	line-height: 67px;
	text-align:  center;
	z-index: 0;
}

.flexslider-product .flex-next {
	position: absolute;
	opacity: 0.9;
	right: 3px;
	background-color: #FFF;
	height: 60px;
	border-radius: 0 3px 3px 0;
	box-shadow:  0 1px 3px #888;
	line-height: 67px;
	text-align:  center;
	z-index: 0;
}

.common_check_list_tag {
	font-size: 12px;
	min-width:140px;
	margin: 12px 18px 10px;
	display:inline-block;
	font-weight:bold;
	float:left;
}
.common_check_list_close {
	width:26px;
	height:26px;
	display:inline-block;
	margin:4px 3px 0 0;
	cursor:pointer;
	position:absolute;
	top:0px;
	right:0px;
	z-index:30;
}
.common_check_list_img {
	clear:both;
	width:154px;
	height:93px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background:#FFF;
	line-height: 0;
}
.common_check_list_img img {
	width:auto;
	height:auto;
	max-width:120px;
	max-height:90px;
}
.common_check_list_price {
	font-size: 14px;
	color:#e60012;
	margin:5px 18px 0;
	border-bottom:1px solid #fee6eb;
	display:block;
	padding:0 0 5px;
	font-weight:bold;
}
.common_check_list_price_end_of_sales {
	font-size: 12px;
	color: #e60012;
	font-weight: normal;
}
.common_check_list_shop {
	font-size: 12px;
	margin:7px 13px 0;
	line-height:1.6;
	font-weight:bold;
	padding:0 0 0 19px;
	background:url(../../images/common_check_list_shop_icon.png) no-repeat 0 1px;
}
.common_check_list_address {
	font-size: 12px;
	margin:0 13px 5px;
	line-height:1.6;
	padding:0 0 0 19px;
}

/* 全国の加盟店紹介 */
.shop-introduction-title {
	text-align: center;
	/*	font-weight: bold; */
	font-size: 33px;
	margin: 0px 0 20px 0;
}

.shop-introduction-sec > .flexslider-shop {
	display:block;
	max-width: 958px;
    max-height: 320px;
    margin: 0 auto;
    border: none;
}

.flexslider-shop .flex-direction-nav {
	position: relative;
	top: -184px;
}

.flexslider-shop .flex-nav-prev {
	position: absolute;
	left: 1%;
	z-index: 0;
}

.flexslider-shop .flex-nav-next {
	position: absolute;
	right: 1%;
	z-index: 0;
}

.flexslider-shop .flex-prev {
	opacity: 0.9;
	left: -3.3px;
	background-color: #FFF;
	height: 63px;
	border-radius:  3px 0 0 3px;
	box-shadow:  0 1px 3px #888;
	line-height: 66px;
	text-align:  center;
}

.flexslider-shop .flex-next {
	opacity: 0.9;
	right: -3.9px;
	background-color: #FFF;
	height: 63px;
	border-radius: 0 3px 3px 0;
	box-shadow:  0 1px 3px #888;
	line-height: 66px;
	text-align:  center;
}

.shop_list_img {
	clear:both;
	width:184px;
	height:138px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background:#FFF;
	line-height: 0;
}

.shop_list_img img {
	width:auto;
	height:auto;
	max-width:184px;
	height:138px;
}

/** slider navi Style E N D ********************************/

/** 手渡しバナー Style START *********************************/
.tewatashi-use-box {
	margin: 0 auto 10px;
	width: 960px;
	min-width: 960px;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.tewatashi-use-feature-title {
	text-align: center;
	font-size: 33px;
	margin: 30px 0 20px 0;
/*	margin: 85px 0 20px 0; */
}
.tewatashi-use-box div {
	width: 760px;
	margin: 0 0 20px 0;
	display: block;
}
/** 手渡しバナー Style END ********************************/

/** 特別用途特集 Style START *********************************/
.special-use-box {
	margin: 0 auto 10px;
/*	margin: 85px auto 10px; */
	width: 960px;
	min-width: 960px;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.special-use-feature-title {
	text-align: center;
	font-size: 33px;
	margin: 10px 0 20px 0;
}

.special-use-box div {
	width: 960px;
	margin: 0 0 20px 0;
	display: block;
}

.special-use-box2 {
	margin: 0 auto 10px;
	width: 760px;
	min-width: 760px;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.special-use-box2 li {
	width: 270px;
	margin: 0 34px 30px 0;
	position: relative;
	display: block;
	box-sizing: border-box;
}

.special-use-box2 li:nth-child(2n) {
	margin-right: 0;
}

.special-use-box3 {
	margin: 0 auto 10px;
	width: 960px;
	min-width: 960px;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.special-use-box3 li {
	margin: 0 0 10px 0;
	position: relative;
	display: block;
	box-sizing: border-box;
}

.special-use-box3 div {
	background-color: #f5f6fa;
	padding: 15px 20px 15px 20px;
	width: 718px;
	border: 1px solid #e5e6e7;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/** 特別用途特集 Style E N D *********************************/

/** 特集 Style START ***************************************/
.feature-box {
	margin: 0 auto 10px;
	width: 960px;
	min-width: 960px;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.feature-box li {
	width: 363px;
	margin: 0 34px 30px 0;
	position: relative;
	display: block;
	box-sizing: border-box;
}

.feature-box li:nth-child(2n) {
	margin-right: 0 !important;
}

.feature-box li:nth-child(3n) {
	margin-right: 34px;
}

.feature-box2 {
	margin: 0 auto 10px;
	width: 960px;
	min-width: 960px;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.feature-box2 li {
	width: 234px;
	margin: 0 29px 30px 0;
	position: relative;
	display: block;
	box-sizing: border-box;
}

.feature-box2 li:nth-child(3n) {
	margin-right: 0 !important;
}

.feature-box2 li:nth-child(4n) {
	margin-right: 29px;
}

/** 特集 Style E N D ***************************************/

/** キャンペーン Style START *******************************/
.campaign-box {
	margin: 0 auto 10px;
	width: 760px;
	min-width: 760px;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.campaign-box li {
	width: 360px;
	margin: 0 34px 30px 0;
	position: relative;
	display: block;
	box-sizing: border-box;
}

.campaign-box li:nth-child(2n) {
	margin-right: 0px;
}
/** キャンペーン Style E N D *******************************/

/** 「イーフローラ」の特徴 Style START *********************/
.characteristic-box {
	margin: 0 auto 10px;
	width: 960px;
	min-width: 960px;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.characteristic-box li {
	width: 288px;
	margin: 0 20px 30px 0;
	position: relative;
	display: block;
	box-sizing: border-box;
}

.characteristic-box h5 {
	font-weight:bold;
	text-align: center;
	margin-bottom: 30px;
	font-size: 24px;
	color: #de7cb5;
}

.characteristic-text-box {
	margin-top: 30px;
}

/** 「イーフローラ」の特徴 Style E N D *********************/

/** 安心便利なサービス Style START *************************/
.eflora-service-box {
	margin: 0 auto 10px;
	width: 960px;
	min-width: 960px;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.eflora-service-box li {
	width: 363px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 34px 30px 0;
	position: relative;
	display: block;
	box-sizing: border-box;
	border: 1px solid #e5e6e7;
	box-shadow: 0px 0px 20px 2px rgba(4,0,0,0.1);
}

.eflora-service-box li:nth-child(2n) {
	margin-right: 0 !important;
}

.eflora-service-box li:nth-child(3n) {
	margin-right: 34px;
}

/** 安心便利なサービス Style E N D *************************/

/** お知らせ Style START ***********************************/
.notice-box {
	margin: 0 auto 10px;
	width: 960px;
	min-width: 960px;
}

.notice-box > li {
	width: 960px;
	margin: 0 auto;
	padding: 15px 0 15px 0;
	border-bottom: 1px dotted;
}

.notice-contents-box {
	float: left;
	width: 845px;
}

.notice-detail-link-box {
	margin: 0 auto 10px;
	width: 960px;
}

/** お知らせ Style E N D ***********************************/

/** 重要なお知らせ Style START ***********************************/
.notice-important-box {
	margin: 100px auto 10px;
	width: 960px;
	min-width: 960px;
}

.notice-important-box > li {
	width: 960px;
	margin: 0 auto;
	padding: 5px 0;
}

.notice-important-contents-box {
	float: left;
}

.notice-important-detail-link-box {
	margin: 0 auto 10px;
	width: 960px;
}

/** 重要なお知らせ Style E N D ***********************************/

/** 加盟店に行こう Style START *****************************/
.go-to-member-store-sec {
	margin: 0 auto;
	width: 100%;
	padding: 30px 0 24px;
	background: #f9e0ed;
	background: url(../../images/top/background.jpg) no-repeat top;
	background-size: 146%;
	height: 900px;
}

.go-to-member-store-box {
	margin: 0 auto 10px;
	width: 960px;
	min-width: 960px;
}

.go-to-member-store-box > div.description {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 960px;
	font-size: 12px;
	line-height: 1.7em;
}

.member-store-search-box {
	margin: 0 auto;
	width: 960px;
	height: 685px;
	background: rgba(240,244,241, 0.8);
}

.pref-search-area {
	float:left;
	width: 644px;
	height: 350px;
	margin-top: 30px;
	margin-left: 168px;
}

.store-search-area {
	float:left;
	width: 644px;
	margin: 30px 0 0 168px;
}

/** 加盟店に行こう Style E N D *****************************/

.addressee-choose-top-box {
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
}

/** 都道府県・住所・郵便番号 検索エリア */
.addressee-choose-buttom-box {
	display: block;
	width: 100%;
	margin: 10px 0 0 3px;
}

.selection-condition-box {
	background-color: #FFF;
	margin: 5px 0 0 0;
	border: 1px solid #f3c4e1;
	padding: 5px;
}

/** footer Style START *************************************/
/** フッター（サブ） */
.footer-sub-content {
	margin: 0 auto;
	width: 960px;
}

.sns-title {
	width: 20%;
	float: left;
}

.banner-box {
	margin: 0 auto 10px;
	width: 535px;
	min-width: 535px;
	-js-display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.banner-box li {
	width: 165px;
	margin: 0 20px 30px 0;
	position: relative;
	display: block;
	box-sizing: border-box;
}

/** footer Style E N D *************************************/

/** common Style START *************************************/

/** input text 検索条件 */
.search-input-area {
	margin: 7px 0 15px 0;
}

/** common Style E N D *************************************/

}