/* ------------------------------ */
@charset "UTF-8";
@import url("https://image.raku-uru.jp/cms/fontcss/font.css"); /* アイコンフォント */
/* ------------------------------ */
/* 共通変数部分 */
body {
	color:#333; /* 通常文字色 */
	background:#fff  URL(https://image.raku-uru.jp/01/12781/38/%E5%A3%81%E7%B4%99_1605145996352.jpg);
}

/* a リンク文字色 */
a,a:visited {
	color:#044389;　/*リンク文字色*/
}

/* ボタン (カート画面) */
.btn {
	color:#fff;
	background-color:#7d9433;
}

/* ボタン・ボタン(カート画面)ホバー */
a:hover,button:hover {
	color:#5995ed; /*リンクアクティブ文字色*/
}

/* バッチ */
	.icon-badge35945::before {
		width: 54px;
		height: 20px;
		display: block;
		position: absolute;
		font-size: 10px;
		line-height: 20px;
		text-align: center;
		background: #ed8c00;
		color: #ffffff;
		z-index: 1;
	}
			/* NEWバッジ */
		.icon-badge35945::before {
			content: "NEW";
			background: #dc0073;
			color: #ffffff;
		}
		.icon-badge35946::before {
		width: 54px;
		height: 20px;
		display: block;
		position: absolute;
		font-size: 10px;
		line-height: 20px;
		text-align: center;
		background: #ed8c00;
		color: #ffffff;
		z-index: 1;
	}
			/* おすすめバッジ */
		.icon-badge35946::before {
			content: "おすすめ";
			background: #00a1e4;
			color: #ffffff;
		}
		.icon-badge35947::before {
		width: 54px;
		height: 20px;
		display: block;
		position: absolute;
		font-size: 10px;
		line-height: 20px;
		text-align: center;
		background: #ed8c00;
		color: #ffffff;
		z-index: 1;
	}
			/* 人気バッジ  */
		.icon-badge35947::before {
			content: "人気";
			background: #ef3e36;
			color: #ffffff;
		}
	
/* ------------------------------ */
/* テーブルタグ */
td {
	padding:10px;
}

/* ------------------------------ */
/* カレンダー枠 */
.calendar_box {
	font-size:11px;
	padding:3px;
	text-align:center;
	min-height:30px;
}
/* 週枠 */
.week_box {
	background-color:#f6f6f6;
	padding:5px;
}
/* 日曜日 */
.sunday_box {
	color:#ff0000;
}
/* 土曜日 */
.saturday_box {
	color:#3b57ff;
}

/* イベント枠 */
.event_1 {
	text-align:center;
	background-color:#ffdc23;
	width:25px;
	height:25px;
	margin:auto;
	border-radius:50px;
}
.event_2 {
	text-align:center;
	background-color:#83beff;
	width:25px;
	height:25px;
	margin:auto;
	border-radius:50px;
}
.event_3 {
	text-align:center;
	background-color:#ff9cff;
	width:25px;
	height:25px;
	margin:auto;
	border-radius:50px;
}

/* ------------------------------ */
/* ヘッダーロゴ */
.header_logo {
	width:100%;
	max-width:300px;
}

/* 電話番号表示 */
.tel_image {
	width:80%;
	max-width:300px;
}

/* ------------------------------ */
/* 検索枠 */
.search_box {
	box-sizing: border-box;
	position: relative;
	border:1px solid #996600;
	padding: 5px;
	border-radius: 20px;
	width: 95%;
	padding-left:30px;
	background-color:#ffffff;
	margin:0px auto;
}
.search_button {
	position: absolute;
	left: 0px;
	width: 30px;
	height: 25px;
	outline: 0;
}
.search_form {
	width: 100%;
	outline: 0;
	border: none;
}
/* ------------------------------ */
/* カート系アイコン */
.icon_01 {
	width:100%;
	max-width:60px;
	height:auto;
}

/* ------------------------------ */
/* ヘッダー画像 */
.header_image {
	width:100%;
}

/* ------------------------------ */
/* レフトボックス */
#left_box {
	width:200px;
	float:left;
}
/* タブレット */
@media only screen and (max-width:767px) {
	#left_box {
		display:none;
	}
}

/* レフトメニューボタン */
.left_menu_button {
	display:block;
	padding:15px 10px;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	background-color:#ffffff;
	transition:0.3s;
}
.left_menu_button:hover {
	background-color:#fffadd;
	color:#663300;
}

/* ------------------------------ */
/* メインコンテンツ */
#main_contents {
	padding:10px 0px 20px 220px;
}
/* タブレット */
@media only screen and (max-width:767px) {
	#main_contents {
		padding:10px 0px 20px 0px;
	}
}
/* ------------------------------ */
/* フッターコンテンツ */
.footer_contents {
	background-color:#ffffff;
	border-top:5px solid #ffdc23;
	border-bottom:2px solid #ffdc23;
	padding-top:50px;
	padding-bottom:50px;
}

/* ショッピングガイド系リンクボタン */
.guide_link_button {
	float:left;
	padding:10px;
}

/* フッター */
#footer {
	padding:30px;
	text-align:center;
}

/*------------------------------*/
/* モバイル用親ボタン */
.mobile_menu_parent {
	display:block;
	margin:20px 5px 3px 5px;
	padding:10px;
	border: 1px solid #996600;
	background-color:#ffffff;
	color: #663300;
	font-weight: bold;
	font-size:16px;
	transition:0.3s;
}
.mobile_menu_parent:hover {
	background-color:#ffdc23;
}

/* モバイル用子ボタン */
.mobile_menu_child {
	display:block;
	margin:5px 5px 5px 20px;
	padding:10px;
	border: 1px solid #996600;
	background-color:#ffffff;
	color: #663300;
	font-size:14px;
	transition:0.3s;
}
.mobile_menu_child:hover {
	background-color:#ffdc23;
}

/*------------------------------*/
/*トップへ戻るボタン*/
.js_scroll_top_button {
	bottom:80px;
	right:10px;
	position:fixed;
	z-index:101;
	background-color:#ffdc23;
	color:#663300;
	width:60px;
	height:60px;
	padding:5px;
	box-sizing:border-box;
	text-align:center;
	cursor:pointer;
	display:none;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

/*------------------------------*/
/* スマホ用メニューボタン */
.js_menu_switch {
	top:20px;
	right:5px;
	z-index:102;
	display:none;
	position:fixed;
	box-sizing:border-box;
	text-align:center;
	cursor:pointer;
	padding:11px;
	background-color: #ffdc23;

	/* 選択禁止 */
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
@media only screen and (max-width:767px) { /* タブレット */
/* @media only screen and (max-width:550px) { /* スマホ */
	.js_menu_switch {
		display: block;
	}
}
/*------------------------------*/
/* ハンバーガーボタン */
.menu_trigger {
	position:relative;
	box-sizing:border-box;
	width:30px; /* 外枠の高さ */
	height:30px; /* 外枠の高さ */
}
.menu_trigger div {
	transition:0.5s;
	position:absolute;
	width:100%;
	height:2px; /* 棒の太さ */

/* 影 */
/*
	box-shadow:
	1px 1px 4px rgba(0,0,0,0.3);
*/

}
.menu_trigger div:nth-of-type(1) {
	background-color:#663300;
	top:0px;
}
.menu_trigger div:nth-of-type(2) {
	background-color:#663300;
	top:50%;
	transform:translateY(-50%);
}
.menu_trigger div:nth-of-type(3) {
	background-color:#663300;
	bottom:0px;
}
/*------------------------------*/
/* モバイル用のメニューボックス */
.js_mobile_nav {
	display:none;
}

/* ------------------------------ */
/* カテゴリー枠 */
.category_list_box {
	width:170px;
	display:inline-block;
	padding:5px;
}

/* 子カテゴリー枠 */
.category_child_list_box {
	position:absolute;
	width:160px; /* 隙間調整 */
	background-color:rgba(255,255,255,0.9);
	display:none;
	transition:1s;
	border-bottom:3px solid #ffdc23;
	z-index:101;
}

/* 親カテゴリーボタン */
.category_parent {
	display:block;
	text-align:center;
	padding:10px;
	border:1px solid #996600;
	color:#663300;
	font-weight:bold;
	cursor:pointer;
}
.category_parent:hover {
	background-color:rgba(255,255,255,0.7);
}

/* 子カテゴリーボタン */
.category_child {
	display:block;
	padding:10px;
	text-align:left;
	transition:0.3s;
}
.category_child:hover {
	background-color:#fffadd;
}

/* 下矢印 */
.icon_down_arrow {
	height:5px;
	margin-top:12px;
}

/* ------------------------------ */
/* トップページ */
/* ------------------------------ */
/* 商品画像枠 */
.item_image_box {
	display:block;
	max-height:200px;
}
/* ランキングアイコン */
.rank_1_icon,.rank_2_icon,.rank_3_icon {
	position:absolute;
	z-index: 1;
	display: block;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
.rank_1_icon::before {
	position:absolute;
	width:40px;
	content: "1";
	background-color:#f0b83c;
	padding:5px;
}
.rank_2_icon::before {
	position:absolute;
	width:40px;
	content: "2";
	background-color:#6496c8;
	padding:5px;
}
.rank_3_icon::before {
	position:absolute;
	width:40px;
	content: "3";
	background-color:#c86450;
	padding:5px;
}
/* 商品画像 */
.item_image {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	/* 上下中央 */
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%); /* Safari用 */
	transform:translateY(-50%);
}


/* ------------------------------ */
/* 商品一覧 */
/* ------------------------------ */
/* ソートボタン */
.sort_item_title {
	padding:0px 20px;
}
.sort_item {
	border-right:1px solid #000000;
	padding:0px 20px;
}
.sort_item:last-of-type {
	border-right:none;
}

/* pページャー */
.pager {
	padding:5px;
}




/* ------------------------------ */
/* 商品詳細ページ */
/* ------------------------------ */
/* 商品画像枠 */
.item_image_details_wrap {
	position: relative;
	background-color: #ffffff;
}
.item_image_details_wrap:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.item_image_details {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* サイズリミット */
.limit_box {
	max-width:100%;
	max-height:100%;
}

/* 予約商品 */
.reserved_items {
	border:1px solid #e31c24;
	text-align:center;
	color:#e31c24;
	width:100px;
}
/* テキストフォーム */
.form_text {
	border:1px solid #cccccc;
	padding:15px;
	width:100%;
}
.form_select {
	border:1px solid #cccccc;
	padding:15px;
	width:100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('https://image.raku-uru.jp/01/12781/20/down_arrow_1605143674054.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px 25px;
}

/* プラスマイナスボタン */
.plus_button,.minus_button {
	background-color: #efefef;
	padding:15px 25px;
	float:left;
	font-size:20px;
	line-height:30px;
	cursor:pointer;
	transition:0.3s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.plus_button {
	margin-left:10px;
}
.minus_button {
	margin-right:10px;
}
.plus_button:hover,.minus_button:hover {
	background-color: #ffffff;
}

/* カートボタン */
.cart_button {
	border: none;
	width: 100%;
	padding: 15px;
	font-size: 20px;
	color: #000000;
	background-color: #cccccc;
	text-align:center;
	transition:0.3s;
	cursor:pointer;
}
.cart_button:hover {
	background-color: #b8b8b8;
	color: #ffffff;
}

/* 数値入力フォーム */
.form_count {
	border:1px solid #cccccc;
	float:left;
	line-height:10px;
	width:60px;
	height:60px;
	text-align: center;
	font-size:18px;
	line-height:18px;
	-moz-appearance:textfield; /* スピンボタン非表示 */
}
/* スピンボタン非表示 */
.form_count::-webkit-outer-spin-button,
.form_count::-webkit-inner-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

/* チェックボックス・ラジオボックス */
.input_form_checkbox {
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 5px 5px;
	border: 1px solid #d9d9d9;
	border-radius: 7px;
	font-size: 18px;
	cursor:pointer;
}

/* 商品詳細ページ用スライダー */
.slider_mask_frame {
	overflow:hidden;
	position:relative;
	background-color: #ffffff;
}
.slider_frame {
	transition:1s;
	position:absolute;
	left:0px;
}
.slider_image {
	width:100%;
	float:left;
	text-align:center;
	cursor:pointer;
}
.slider_image img {
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}

/* ポップアップ枠 */
#popup_box {
	z-index:9999;
	position:absolute;
	background-color:rgba(0,0,0,0.8);
	min-height:10000px;
	width:100%; 
	top:0px;
	text-align:center;
}
/* ポップアップ要素枠 */
.popup_image_wrap {
	position: absolute;
	text-align: center;
	width: 100%;
	padding:20px;
}
/* ポップアップ画像 */
.popup_image {
	max-width:100%;
}
/* ポップアップ画像閉じるボタン */
#js_popup_box_off {
	text-align:right;
	margin-right:auto;
	margin-left:auto;
	color:#ffffff;
	font-size:60px;
	font-weight:bold;
	max-width:100%;
	cursor:pointer;
}

/* ------------------------------ */
/* 会員限定ログインページ */
/* ------------------------------ */

/* ログインフォームテキスト */
.login_form_text {
	border:1px solid #cccccc;
	padding:10px;
	width:100%;
	font-size:18px;
}

/* カートボタン */
.cart_button {
	display: block;
	width:100%;
	max-width:250px;
	margin-left:auto;
	margin-right:auto;
}

/* フッターロゴ */
.footer_logo {
	width:100%;
	max-width:350px;
}

/* テキストリンク */
.text_decoration_underline {
	text-decoration: underline;
}

/* ------------------------------ */
/* ボーダー */
.border_left_01 {
	border-left:1px solid #996600;
}
/* タブレット */
@media only screen and (max-width:767px) {
	.border_left_01 {
		border:none;
	}
}

.border_bottom_01 {
	border-bottom:2px solid #ffdc23;
}
.border_bottom_02 {
	border-bottom:2px solid #996600;
}

/* ------------------------------ */
/* 背景色 */
.background_color_01 {
	background-color:#ffdc23;
}

/* ------------------------------ */
/* 線 */
.hr_01 {
	border-top:1px solid #cccccc;
	margin:0px;
}
.hr_02 {
	border-top:1px solid #996600;
	margin:0px;
}
.hr_03 {
	border-top:1px dotted #996600;
	margin:0px;
}
/* アンダーライン*/
.border_bottom_cccccc {
	border-bottom:1px solid #cccccc;
}

/* ------------------------------ */
/* フォントカラー */
.color_01 {
	color:#663300;
}
.color_02 {
	color:#808080;
}


/* ------------------------------ */
/* フリーページ */
/* ------------------------------ */

/* サブタイトル帯 */
.sub_title_line_01 {
	background-color:#ffffff;
	color:#936600;
	font-size:20px;
	font-weight:bold;
	border-bottom:2px solid #936600;
	padding:5px 20px;
}

/* 影 */
.box_shado {
	box-shadow: 4px 4px 4px #cccccc;
}

.border_all_01 {
	border:1px solid #936600;
}

/* フルーツアイコン*/
.fruit_icon {
	max-width:25px;
}


/* 問い合わせボタン */
.inquiry_button_01 {
	display: block;
	width:100%;
	max-width:350px;
	margin:10px auto 50px auto;
	padding:5px 20px;
	background-color:#ffdc23;
	color:#936600;
	border-radius:10px;
	font-size:25px;
	font-weight:bold;
	transition:0.3s;
}
.inquiry_button_01:hover {
	background-color:#936600;
	color:#ffffff;
}