@charset "utf-8";



/* --------------------------------------------------------------------------------
	html & body
-------------------------------------------------------------------------------- */
html{
	
}
body {
	margin: 0 auto;
	padding: 0;
	max-width: 800px;
	line-height: 1.5;
	text-size-adjust: 100%;
	font-size: 3.8vw;
	
	color: #333;
}
img{
	max-width: 100%;
	height: auto;
}
address{
	font-style: normal;
}


/* --------------------------------------------------------------------------------
	共通 リセット タグ等
-------------------------------------------------------------------------------- */
.common {
	font-size: 3.8vw;
}

.common * {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	/* font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 300;
}

.common h1,
.common h2,
.common h3,
.common h4,
.common h5,
.common h6 {
	font-size: 1em;
}
.common ol,
.common ul {
	list-style: none;
}
.common table {
	border-collapse: collapse;
	border-spacing: 0;
	tont-size: 1em;
}
.common a,
.common a:link,
.common a:visited {
	text-decoration: none;
	color: #333;
    -webkit-tap-highlight-color:rgba(0,0,0,0.1);
	tap-highlight-color:rgba(0,0,0,0.8);
}
.common a:hover,
.common a:active {
	text-decoration: underline;
}


/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix::after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/********** プレースホルダー **********/
::-webkit-input-placeholder{
	color:#000;
}

.font-mincho,
.font-mincho *{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
}

.inner{
	padding: 0 3vw;
}


/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp{
	display:block;
}
.device-sp-inline{
	display:inline;
}
.device-pc{
	display:none;
}
.device-pc-inline{
	display:none;
}

/* --------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------- */
#container{
}


#pagetop{
	position: absolute;
	top: 0;
}


/* --------------------------------------------------------------------------------
	header-sp
-------------------------------------------------------------------------------- */
#header-sp{
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;

	background: #fff;
}

/*
コンテンツ
-------------------- */
#header-sp .h-contents{
	display: flex;
	
	width: 100%;
}

/********** ロゴ **********/
#header-sp .h-logo{
	width: 57vw;
}
#header-sp .h-logo h1 a{
	display: block;
	width: 30vw;
}
#header-sp .h-logo h1 a img{
	display: block;
}

/********** ボタン **********/
#header-sp .h-btns{
	width: 42vw;
}
#header-sp .h-btns ul{
	display: flex;
	width: 100%;
}
#header-sp .h-btns ul li{
	width: calc(100% / 3);
}
#header-sp .h-btns ul li a{
	display: block;
}
#header-sp .h-btns ul li img{
	display: block;
}

/********** ナビゲーション **********/
#header-sp .h-nav {
	position: relative;
	
	background: #2d0649;
}
#header-sp .h-nav > nav > ul {
	display: flex;
	justify-content: center;
	
	width: 100%;
}
#header-sp .h-nav nav ul li a {
	display: block;
	text-decoration: none;
}
#header-sp .h-nav > nav > ul > li{
	display: flex;
	justify-content: center;
	
	width: calc(100% / 5);
}
#header-sp .h-nav > nav > ul > li > a,
#header-sp .h-nav > nav > ul > li.open-close .open-close-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	
	width: 100%;
	height: auto;
	line-height: 1.4;
	text-align: center;
	font-size: 3.4vw;
	color: #fff;
}
#header-sp .h-nav nav ul li.open-close .open-close-contents {
	position: absolute;
	z-index: 1;
	top: 11vw;
	right: 0;
	left: 0;
	
	width: 100%;
	background: #eee;
}
#header-sp .h-nav nav ul li.open-close .open-close-contents::before {
	content: "";
	display: block;
	width: 0;
	top: -6vw;
	height: 2.4vw;
	position: absolute;
	border: solid 2.4vw rgba(255,255,255,0);
	border-bottom: solid 2.4vw #eee;
}

/* 季節限定商品 */
#header-sp .h-nav nav ul li.open-close.h-nav-kisetsu .open-close-contents::before {
	left: 27.8vw;
}
/* フルーツギフト */
#header-sp .h-nav nav ul li.open-close.h-nav-shiki .open-close-contents::before {
	left: 67.6vw;
}
/* 四季 */
#header-sp .h-nav nav ul li.open-close.h-nav-kakaku .open-close-contents::before {
	left: 87.8vw;
}

#header-sp .h-nav nav ul li.open-close .open-close-contents ul li {
	border-bottom: solid 1px #fff;
}
#header-sp .h-nav nav ul li.open-close .open-close-contents ul li a {
	display: block;
	padding: 2.5vw 5vw;
	color: #333;
	
	font-size: 3.4vw;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/*
ナビゲーションの展開
-------------------- */
/********** 非アクティブ時（通常時） **********/
#header-sp .h-nav .open-close .open-close-contents{
	display: none;
}

/********** アクティブ時 **********/
#header-sp .h-nav .open-close.active .open-close-contents{
	display: block;
}

/*
ナビゲーションの展開
-------------------- */
#header-sp .h-menu{
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	
	width: 100%;
	height: 100%;
	padding: 0 4vw 3.5vw 5vw;
	
	font-size: 3.8vw;
	background: #e5e5e5;
	display: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/********** CLOSE **********/
#header-sp .h-menu .h-btn-menu-close{
	width: 14vw;
	margin: 0 -4vw 3vw auto;
}
#header-sp .h-menu .h-btn-menu-close img{
	display: block;
}

/********** 検索 **********/
#header-sp .h-menu .search {
	padding: 0 0 7vw 0;
}
#header-sp .h-menu .search .search-box {
	display: flex;
	width: 100%;
	
	padding: 0.3vw;
	background: #333;
}
#header-sp .h-menu .search .search-box .txt-search {
	display: flex;
	width: calc(100% - 10vw);
}
#header-sp .h-menu .search .search-box .txt-search input {
	display: block;
	border: none;
	border-radius: 0;
	padding: 0 3vw;
	font-size: 3.6vw;
}
#header-sp .h-menu .search .search-box .img-search {
	display: flex;
}
#header-sp .h-menu .search .search-box .img-search input {
	display: block;
	width: 10vw;
	height: 10vw;
}

/********** 新規会員登録・ログイン **********/
#header-sp .h-menu .h-menu-btn {
	padding: 0 0 9vw 0;
}
#header-sp .h-menu .h-menu-btn ul {
	display: flex;
	justify-content: space-between;
	
	width: 100%;
}
#header-sp .h-menu .h-menu-btn ul li a {
	display: block;
}
#header-sp .h-menu .h-menu-btn ul li img {
	display: block;
	width: 43vw;
}

/********** メニュー見出し **********/
#header-sp .h-menu .heading {
	margin: 0 0 6vw;
	padding: 0 0 0 2vw;
	border-left: solid 1vw #fff;
	line-height: 1.2;
	font-size: 4.4vw;
}

/********** メニューリスト **********/
#header-sp .h-menu .h-menu-1{
	padding: 0 0 5.8vw;
}
#header-sp .h-menu .h-menu-1 ul li {
	padding: 0 0 6.4vw 2vw;
	font-weight: bold;
}
#header-sp .h-menu .h-menu-1 ul li a {
	display: block;
}

/********** 実店舗情報 **********/
#header-sp .h-menu .shopinfo .heading{
	margin: 0 0 3vw;
}
#header-sp .h-menu .shopinfo .sheading{
	display: flex;
	align-items: center;
	
	margin: 0 0 2vw;
	font-size: 5.6vw;
}
#header-sp .h-menu .shopinfo .sheading .sheading-name{
	padding: 0 5vw 0 0;
}
/* SNS */
#header-sp .h-menu .shopinfo .sheading .h-btn-sns ul{
	display: flex;
}
#header-sp .h-menu .shopinfo .sheading .h-btn-sns ul li{
	width: 8vw;
	margin: 0 3vw 0 0;
}

#header-sp .h-menu .shopinfo .sheading .h-btn-sns ul li img{
	display: block;
	width: 8vw;
	height: auto;
}

/* 住所 */
#header-sp .h-menu .shopinfo .address{
	padding: 0 0 4vw;
	line-height: 1.6;
}

/* 住所 */
#header-sp .h-menu .shopinfo .shopinfo-box .h-img-shop{
	padding: 0 0 8vw;
}
#header-sp .h-menu .shopinfo .shopinfo-box .h-img-shop img{
	display: block;
	width: 50vw;
	margin: 0 auto;
}

/* ボタン */
#header-sp .h-menu .h-btns-tel-form ul{
	width: 75vw;
	margin: 0 auto;
}
#header-sp .h-menu .h-btns-tel-form ul li{
	padding: 0 0 4vw;
}
#header-sp .h-menu .h-btns-tel-form ul li a{
	display: block;
	margin: 0 auto;
}
#header-sp .h-menu .h-btns-tel-form ul li img{
	display: block;
}


/* --------------------------------------------------------------------------------
	fs-l-main
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	footer-sp
-------------------------------------------------------------------------------- */
#footer-sp{
}

/********** お問い合わせ **********/
#footer-sp .f-btns{
	padding: 9vw 12.5vw 3vw;
	background: #e5e5e5;
}
#footer-sp .f-btns ul li{
	padding: 0 0 4vw;
}
#footer-sp .f-btns ul li a{
	display: block;
}
#footer-sp .f-btns ul li a img{
	display: block;
}

/********** ↑ **********/
#footer-sp .f-btn-pagetop{
	position: fixed;
	z-index: 100;
	right: 1vw;
	bottom: 6vw;
}
#footer-sp .f-btn-pagetop a{
	display: block;
	width: 12vw;
	height: auto;
}

/********** コピーライト **********/
#footer-sp .copyright{
	padding: 2vw 0;
	text-align: center;
	font-size: 2.7vw;
}