@charset "utf-8";

/* CSS Document */

/* ======================================================
	[small]
	@import"../css/test_line.css";
	------------------------------------------------------
	○px以上 + 印刷モード	@media print, screen and (min-width : ○px) {}
	○px以上				@media (min-width : ○px) {}
	○px以下				@media (max-width : ○px) {}
	------------------------------------------------------
	 [sp]		     ～  479	
	([tablet]	 480 ～     )
	 [pc]		1025 ～
====================================================== */
/* [pc, tablet, print] */
@media print, screen and (min-width : 480px) {}

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {}

/* [print] */
@media print {
}


/*
	スライドメニュー表示
	→library.php UA判定へ
*/

/* 行き来するボタン */
.SwitchingBtnPC
{
}

.SwitchingBtnSP
{
	display: none;
}

.Drawer
{
	display: block;
}

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

.WrapM
{
	max-width: initial;
	padding-left: 4vw;
	padding-right: 4vw;
}


/* ------------------------------------------------------
	組版　解除 */
/*
:is(#Header .Logo, #GlobalMenu) :is(ul, li)
#Header .Logo ul,
#Header .Logo li,
#GlobalMenu ul,
#GlobalMenu li,
.Contact td ul,
.Contact td li
{
	display: inline-block;
	float: none;
	width: auto;
	padding: 0;
	margin: 0;
}
*/

.Contact td :is(ul, li, label)
{
}
/*
	display: block;
*/

/* ------------------------------------------------------
	固定幅・最低幅　解除 */
body,
#masthead,
.Header,
#Contents,
.Main,
.Side,
.Side.Left,
.Side.Right,
.Index
{
	display: block;
	float: none;
	width: auto;
	min-width: initial;
	max-width: initial;
	height: auto;
	min-height: 0;
	margin: 0;
	border-width: 0;
}

body,
#masthead,
.Header,
.Header .Logo,
.Main,
.Side,
.Side.Left,
.Side.Right,
.Index
{
	padding: 0;
}

.WrapM
{
	min-width: initial;
}

/* ------------------------------------------------------
	文字
------------------------------------------------------ */
h1,
h2,
h3
{
	text-align: inherit;
	margin-bottom: 2em;
}

h2
{
	max-width: calc(100vw - (4vw * 2));
	margin-left: auto;
	margin-right: auto;
}
/*
*/

h2>b
{
	font-size: 1.5em;
}

h3
{
}

h3>b
{
	font-size: 1.2em;
}

h4
{
}

h4>b
{
	font-size: 1.2em;
}

/*
	font-size: 0.8em;
*/


img,
video
{
	padding: 0;
	margin: 0;
}

iframe
{
	height: 100vw;
}
/*
*/

.movie iframe
{
	height: initial;
}


.lead
{
	font-size: 1em;
	font-weight: normal;
}

.Note
{
	padding-left: 0;
	margin-left: 0;
}

.memo,
.Border,
.Frame
{
	padding: 1em;
}

.BG
{
	padding-left: 1em;
	padding-right: 1em;
}

.kome
{
}

.ColorBtn,
button[class^="Btn"]
{
	width: initial;
	max-width: 80vw;
	min-width: 10em;
}

.List .ColorBtn
{
}
/*
	min-width: inherit;
	width: 80%;
*/

.Header .ColorBtn
{
	padding: 0.5em;
}

.pagetitle
{
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.pagetitle>.Wrap
{
}

.pagetitle .Img
{
}

.pagetitle .title
{
	font-size: 2em;
}


/* ------------------------------------------------------
	<ul> */
ul,
ol
{
	text-align: justify;
}
/*
	text-align: left;
*/

.Side ul,
.Side .SubMenu ul
{
	margin-left: 0;
}

.Header li,
.Side li,
.Footer .FooterMenu li
{
	display: inline-block;
	float: none;
	text-align: center;
}

.Header li a,
.Side li a,
.Footer .FooterMenu li a
{
	display: block;
}

/* ------------------------------------------------------
	<table> */
table
{
}

/*
	border-bottom-width: 1px;
*/

/* [ - sp] */
@media (max-width : calc(480px - 1px)) {}
/* [30文字以上]
@media (min-width : calc(16px * 30)) {*/
/*
:is(th, td)
*/
th,
td
{
	padding: 0.5em;
}

/*
tbody :is(th, td)
*/
tbody th,
tbody td
{
	display: inline-block;
	display: block;
	min-width: initial;
	width: 100%;
}

/*
thead :is(th, td)
*/
thead th,
thead td
{
	display: inline-block;
	min-width: initial;
	width: auto;
}

tbody th
{
	border-right-width: 0;
	border-bottom-width: 0;
	border-right-color: rgba(255,255,255,0.0);
	border-bottom-color: rgba(255,255,255,0.0);
}
/*
	border-top-width: 1px;
	padding-bottom: 0;
*/
	
tbody td
{
}

tbody th+td
{
	border-top-width: 0;
}
/*
	border-top-style: dashed;
	padding-top: 0;
	border-top-width: 0;
*/
	
:is(.Thead, .Tfoot) th
/*
.Thead th,
.Tfoot th
*/
{
	border-style: solid;
}

/* [form.php]　お支払い方法選択 */
#Form .Main .pay
{
}

#Form .Main .pay tr
{
}

#Form .Main .pay tr:nth-of-type(odd) td
{
}

#Form .Main .pay tr:nth-of-type(even) td
{
	border-top-style: dashed;
}

:is(table.Layout, .Calendar) :is(th, td)
/*
table.Layout th,
table.Layout td
*/
{
}

dl table.Layout
{
	margin-left: 0;
}

/*
.Calendar th,
.Calendar td
{
	display: table-cell;
}
*/

th.WidthMin
{
	width: auto
}

/* 横スクロール */
.y_scroll
{
	white-space: nowrap;
	overflow-x: auto;
}

.y_scroll :is(th, td)
/*
.y_scroll th,
.y_scroll td
*/
{
}

.y_scroll th
{
	min-width: 5em;
}

.y_scroll td
{
}


/* ------------------------------------------------------
	<form> */
.BtnBack,
.BtnOk,
.BtnBg :is(input, button):is([type="button"], [type="reset"], [type="submit"]):not(:first-of-type),
.BtnBg :is(input, button):is([type="button"], [type="reset"], [type="submit"]):not(:last-of-type),
/*
.BtnBg input[type="button"]:not(:first-of-type),
.BtnBg input[type="reset"]:not(:first-of-type),
.BtnBg input[type="submit"]:not(:first-of-type),
.BtnBg input[type="button"]:not(:last-of-type),
.BtnBg input[type="reset"]:not(:last-of-type),
.BtnBg input[type="submit"]:not(:last-of-type),
*/
.BtnDspOFF:not(:last-of-type),
.BtnDspOFF:not(:first-of-type)
{
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.BtnBg
{
	flex-direction: column-reverse;
}
/*
.BtnBg :is(input, button):is([type="button"], [type="reset"], [type="submit"]):not(:first-of-type)
{
	margin-top: 3em;
}

.BtnBg :is(input, button):is([type="button"], [type="reset"], [type="submit"]):not(:last-of-type)
{
	margin-bottom: 3em;
}
*/

.BtnBack
{
	width: auto;
	min-width: initial;
}

.c .BtnBack
{
	margin-left: auto;
	margin-right: auto;
}


/* ------------------------------------------------------ */

dd
{
	margin-left: 0;
}

/* ======================================================
	SNS
------------------------------------------------------ */
.SNS
{
}

.Footer .Wrap>.SNS
{
	margin: auto;
	display: block;
}

/* ======================================================
	navigation btn
------------------------------------------------------ */
.anchorBtn
{
}

.anchorBtn .main
{
}

.anchorBtn .main>*
{
}

.anchorBtn .main>*>*
{
	width: 50%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 1em;
	padding-right: 1em;
}

.anchorBtn .main .ColorBtn
{
	min-width: initial;
	width: 100%;
}

.tab .main .Top
{
	padding: 1em;
}

.tab .main .Top>.Wrap
{
	display: block;
}

.tab .main .Top .lead
{
}

.tab .main .Top .Img
{
	width: 25vw;
}

/* ======================================================
	流れ
------------------------------------------------------ */
/*
.Step
{
	text-align: center;
}

.Step :is(ul, ol)
/
.Step ul,
.Step ol
/
{
	text-align: inherit;
}

.Step ol>li
{
	padding-left: 0em;
}

.Step .title b
{
}

.Step .Txt
{
	text-align: left;
}

.Step .Arrow
{
}

.Step .StepTitle
{
	font-size: 1.2em;
}

.Step :is(.head .No, .arrow_down)
/
.Step .head .No,
.Step .arrow_down
/
{
	margin-left: 0;
}

.Step .head .No
{
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 0.5em;
}

.Step .head .No b
{
	margin: auto;
}

.Step .arrow_down
{
	margin-left: 0em;
}

.Shoppinguide .Step
{
	margin-left: 0em;
}

.Shoppinguide .Step li
{
	padding-left: 0em;
}
*/


/* ======================================================
	Gallery
------------------------------------------------------ */
.Gallery
{
}

.Top .Gallery
{
}

.Top .Gallery img
{
}
/*
[221026]高さがありすぎ
.Top .Gallery img
{
	height: 50vw;
	height: 75vw;
}
*/

.Top .Gallery .thumbnail img
{
	height: initial;
}

/* ======================================================
	検索BOX
------------------------------------------------------ */
.ClassSearchBox
{
}

#nav-drawer .ClassSearchBox
{
}

/*
	padding: 1em;
*/

.Drawer .SearchBox,
.Drawer .SearchBox *
{
	line-height: 1;
}

.Drawer .SearchBox .Txt
{
}

.Drawer .SearchBox .Txt .title
{
}

.Drawer .SearchBox input[name="keyword"]
{
	font-size: 16px;
}

.Drawer .SearchBox input[value$="検索"]
{
}

.Drawer .SearchBox input[value$="検索"][type="image"]
{
}

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





/* ======================================================
	<body>
------------------------------------------------------ */
html,
body
{
	width: auto;
}

/*
html
	{
	width: auto;
	height: auto;
}
body	{
	width: auto;
	height: auto;
}
*/

body
{
	font-size: 16px;
	background-position: center top;
}

@media (max-width : calc(16px * 20)) {
	body
	{
		font-size: 3.5vw;
		font-size: 3vw;
	}
}

#Document
{
}
/*
stickyが効かなくなるので、不可
	overflow: hidden;
*/

#Contents,
#content
{
	overflow: hidden;
	text-align: center;
}

/* ------------------------------------------------------
	logo
------------------------------------------------------ */
.Logo
{
	margin: 0;
	text-align: inherit;
}

.Logo>.Wrap
{
	padding-top: 0em;
	padding-bottom: 0;
}

.Logo a
{
}

.Logo .Img
{
}

.Logo .Img:after
{
}

.Logo .Img img
{
}

.Logo .txt
{
	gap: 0.25em;
}

.Logo .ClassSite
{
	line-height: 1;
}


.Header .Logo
{
	margin: 0;
}

.Header .Logo .Img
{
}

.Header .Logo .Img img
{
	height: 4em;
}


.Catch
{
}

.Header .Catch
{
	font-size: 0.8em;
}

.Footer .Logo
{
	font-size: 1em;
	margin-bottom: 0em;
}

.Footer .Logo .Img
{
}

.Footer .Logo .Img img
{
}

.Footer .Info .Logo
{
	font-size: 0.9em;
}

/* ======================================================
	<header>
------------------------------------------------------ */
#Header
{
	position: sticky;
	display: flex;
	align-items: center;
	gap: 1em;
	height: 3.5em;
	padding-left: 0.5em;
}
/*
*/

.Header
{
	text-align: inherit;
}

.Header>.Wrap
{
	width: calc(100% - ((1em + 0.5em) * 2));
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
/*
	padding: 0.5em;
*/

.Header>.Wrap>.Wrap
{
}
/*
	padding: 0.5em;
	align-items: flex-start;
	display: block;
*/

.Header .Navi
{
	margin-top: 0;
}
/*
	position: absolute;
	top: 0;
	right: 0;
	max-width: calc(100% - 7em);
*/

.Header .Navi .Access
{
	padding: 0em;
	border-width: 0;
}
/*
	font-size: 0.8em;
*/


/* ------------------------------------------------------
	<header>左右
------------------------------------------------------ */
.Header .Left
{
}

.Header .Right
{
}

/* ======================================================
	<global menu>
------------------------------------------------------ 
#GlobalMenu
{
	float: none;
	width: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}

#GlobalMenu,
#GlobalMenu ul
{
	height: auto;
	border-radius: 10px;
}
*/


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



/* ======================================================
	カテゴリ
------------------------------------------------------ */




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





/* ======================================================
	<main>
------------------------------------------------------ */
.Main
{
}

/* -margin clear */
.Main>.Wrap
{
}
/*
	padding-top: 1px;
	padding-bottom: 1px;
*/

/* ======================================================
	login
------------------------------------------------------ */
.Login
{
}

/* ======================================================
	signin
------------------------------------------------------ */
#Signin
{
}

#Signin #Header
{
	position: static;
	padding-top: 2vh;
	border-width: 0;
}

#Signin .SignInForm>.Wrap
{
	width: auto;
}

#Signin .SignInFormEntry
{
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom-width: 1px;
}

/* ======================================================
	index
------------------------------------------------------ */
.Index
{
}

.Index .Top
{
	font-size: 1em;
}

.Index .Top .Txt .lead
{
	line-height: 1.5;
}
/*
.Index .Flex
{
}

.Index .Flex>*
{
	width: 100%;
	display: block;
	margin-left: 0;
}

.Index .Flex>*>*,
.Index .Flex.gap0>*>*
{
	width: 100%;
	flex-basis: auto;
	margin-left: 0;
}
*/

.Index .Ct
{
}

.Index .Ct .Img
{
}

.Index .Ct .Img img
{
}
/*
	height: 50vw;
*/

.Index .AccessMap
{
}

.Index .AccessMap>*
{
}

.Index .AccessMap>*>*
{
	flex-direction: column;
	gap: 0;
}

.Index .AccessMap .data
{
	padding: 4vw;
}

.Index .AccessMap .data ul
{
	display: table;
}

.Index .AccessMap .data ul>li
{
	margin: 0;
	display: table-row;
}

.Index .AccessMap .data ul>li>.Wrap
{
	width: auto;
	display: table-cell;
}

.Index .AccessMap .data li>*:not(:first-of-type)
{
	padding-left: 1em;
}

/* ------------------------------------------------------
	お知らせ */
.NewsList
{
}

.NewsList .list_head
{
}
/*
	display: block;
*/

.NewsList .title
{
}
/*
	width: initial;
	font-weight: bold;
*/

.NewsDetail
{
}

/* ======================================================
	メニュー
	menu.php
------------------------------------------------------ */
.Menu .addition .Flex
{
}

.Menu .addition .Flex>*
{
	width: 100%;
	display: block;
	margin-left: 0;
}

.Menu .addition .Flex>*>*,
.Menu .addition .Flex.gap0>*>*
{
	width: 100%;
	flex-basis: auto;
	margin-left: 0;
}


/* ======================================================
	店内紹介
	floor.php
------------------------------------------------------ */
.Floor
{
}

.Floor .Gallery
{
}

.Floor .Gallery .Flex
{
}

.Floor .Gallery .Flex>*
{
	display: block;
}

.Floor .Gallery .Flex>*>*
{
	width: auto;
}

.Floor .Gallery .title
{
	text-align: left;
}


/* ======================================================
	地図
------------------------------------------------------ */
.Map
{
	height: 100vw;
}

.AccessMap
{
}

.AccessMap .Map
{
	width: 100%;
}

.Abouts
{
}

.Abouts .Map
{
}

.MapNaviBtn
{
}

.MapNaviBtn>span
{
	display: inline-block;
	margin-bottom: 1em;
}

.MapNaviBtn>span:not(:last-of-type)
{
}

/* ======================================================
	お問い合わせ
	contact.php
------------------------------------------------------ */
/* 電話 */
.Footer .ClassTel .Num
{
	display: block;
}

.Contact
{
}

.uketsuke_header
{
	margin-bottom: 0.5em;
}

:is(.Header, .Footer) .uketsuke
{
	display: block;
	margin-top: 0.5em;
}

.Header .uketsuke_header
{
	display: none;
}

.Header .ClassContact
{
}

.Footer .ClassContact
{
}

.Footer .ClassContact a
{
	padding: 1em;
}

.Footer .ClassContact a .WrapM
{
	padding: 0;
}

.Footer .ClassContact .title
{
	margin: auto;
}

.Footer .ClassContact .Free
{
}

.Footer .ClassContact .Free>.Wrap
{
	padding: 0;
}

.Footer .ContactDetails:not(.black)
{
	padding: 0;
}



/* ======================================================
	個人情報について
	privacy.php
------------------------------------------------------ */
.Privacy
{
}

.Privacy dl
{
}
/*
	text-align: left;
	font-size: 0.8em;
*/

.Privacy dt
{
	font-size: 1em;
}

/* ======================================================
	サイトマップ
	sitemap.php
------------------------------------------------------ */
.Sitemap
{
}

.Sitemap .body
{
	display: inline-block;
}

.Sitemap .body .Layout
{
	display: block;
}

.Sitemap .body .SNS
{
	margin-top: 3em;
}

/* ======================================================
	side固定
------------------------------------------------------ */
.sideArea
{
}

/* ======================================================
	左右
------------------------------------------------------ */
.Side
{
}

/*
	border-bottom-width: 1px;
	border-top-width: 1px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
*/

.Side ul
{
}

.Side li
{
	margin-bottom: 0;
	display: inline-block;
	width: 49%;
}

.Side img
{
}

.Side .Banner
{
	margin-bottom: 0;
}

.Side .Banner p
{
	display: inline-block;
	width: 48.5%;
	margin-top: 0.5em;
	text-align: center;
}

.Side.Left,
.Side.Right
{
	display: inline-block;
	width: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.Side .Calendar table
{
	width: 50%;
	float: left;
}

.SideCategory li
{
	text-align: left;
}

/* ======================================================
	Footer
------------------------------------------------------ */
/* ------------------------------------------------------
	上へ戻る
#Contents,
#content
	{
	padding-bottom: 5em;
}
.FooterBtn
	{
	text-align: center;
}
.BackTop
	{
	margin-left: auto;
	margin-right: auto;
}
*/

.FooterBtn
{
	right: 0.5em;
}

.FooterBtn .Btn
{
}

.FooterBtn a
{
}

.BackTop
{
}

.BackTop a:before
{
}

.BackTop a:after
{
}

/* ------------------------------------------------------
	footer
------------------------------------------------------ */
#Footer
{
}

.Footer
{
}

.Footer .Info
{
}

.Footer .Info>.Wrap
{
	flex-wrap: wrap;
	gap: 1em;
}

.Footer .Info>.Wrap>*
{
	width: 100%;
}

.Footer .Info>.Wrap>*>*
{
}

.Footer .Info>.Wrap>*>*:not(:first-of-type)
{
}

.Footer .Info .Navi
{
	font-size: 0.8em;
	margin-top: 1em;
	line-height: 1.5;
}

.Footer .Info .Navi>*
{
}

.Footer .Info .Navi td
{
}

.Footer .Info .Navi td .nowrap
{
	display: block;
}

.Footer .Info .Navi td .nowrap+br
{
	display: none;
}

.Footer .Menu
{
	justify-content: center;
	text-align: center;
}

.Copy
{
	text-align: center;
}



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




/* ============================================================================================================
	特定商取引法に関する表示
	law.php
------------------------------------------------------------------------------------------------------------ */
.Law table.Layout
{
	margin-left: 0;
}

.Law table.Layout th,
.Law table.Layout td
{
	display: block;
}


.ShohinList
{
}

.ShohinList .List
{
}

.ShohinList .main
{
	width: auto;
	float: none;
	margin-top: 5em;
}

.ShohinDetail
{
}

.ShohinDetail .Gallery
{
}

.ShohinDetail .Gallery ul
{
	display: block;
}

.ShohinDetail .Gallery .Item
{
	width: 18.5%;
	margin-left: 0;
	display: inline-block;
}

.ShohinList .Btn .ColorBtn
{
	min-width: initial;
}

/* ============================================================================================================
	お届け時間
	guide_delivery.php
------------------------------------------------------------------------------------------------------------ */
.OtodokeTime ul
{
	list-style: none;
	display: inline-block;
	margin-left: 0;
}

.OtodokeTime ul>li
{
}

.OtodokeTime ul>li img
{
	display: inline-block;
	margin-right: 1em;
	width: 3em;
}

/* ============================================================================================================
	cart～
------------------------------------------------------------------------------------------------------------ */
.Cart
{
}

.Cart .List
{
}

.Cart .List table
{
	display: block;
	line-height: 1.5;
	border-width: 0;
}

.Cart .List thead
{
	display: none;
}

.Cart .List tbody
{
	display: block;
}

.Cart .List tbody tr
{
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	gap: 0em;
	border-top-width: 1px;
	border-style: solid;
	padding-left: calc(7em + 1em);
}

.Cart .List tbody :where(th, td)
{
	display: flex;
	padding: 0;
	border-width: 0;
}

.Cart .List tbody td
{
	order: 5;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-top-width: 1px;
	border-top-style: dashed;
}

.Cart .List tfoot
{
	width: 100%;
	display: table;
}


/* [カートを見る]	「削除」ボタン */
.Cart .List .Btn.Del
{
	order: 9;
	justify-content: flex-end;
}

.Cart .List .Btn.Del input
{
	font-size: 0.8em;
}

/* [カートを見る]	商品画像 */
.Cart .List td.photo
{
	order: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 7em;
	margin-left: 0;
	border-width: 0;
}

.Cart .List .photo .Img
{
	display: block;
}

/* [カートを見る]	商品データ */
.Cart .List .data
{
	flex-wrap: wrap;
	gap: 0.5em;
	border-width: 0;
}

.Cart .List .data>*
{
	width: 100%;
}

.Cart .List .data .ShohinCode
{
	display: flex;
}

.Cart .List .data .ShohinCode:before,
.Cart .List .data .ShohinCode:after
{
	display: inherit;
}

.Cart .List .data .ShohinCode:before
{
	content: "[";
}

.Cart .List .data .ShohinCode:after
{
	content: "]";
}

/* [カートを見る]	購入数 */
.Cart .List .kazu
{
}

.Cart .List .kazu input[name="kazu"]
{
}

.Cart .List .kazu button[value="変更"]
{
}

/* [カートを見る]	価格 */
.Cart .List .Price
{
	gap: 0.5em;
	justify-content: flex-end;
}

.Cart .List .PriceCell .Wrap:before
{
	content: "小計";
}


/* ------------------------------------------------------
	お客様情報
	form1.php
*/
.Cart.Form1
{
}

/* [お客様情報]	姓・名 */
.Cart.Form1 input[name="name1"],
.Cart.Form1 input[name="name2"],
.Cart.Form1 input[name="furigana1"],
.Cart.Form1 input[name="furigana2"]
{
	width: calc((100% - 7.5em) / 2);
}



/* ============================================================================================================
	会員ログイン
	member_login.php
------------------------------------------------------------------------------------------------------------ */
.Main.Member
{
}

.MemberLogin
{
}

.MemberLogin form
{
}

.MemberLogin form table,
.SendPass form table
{
	width: 100%;
}

.MemberLogin form th,
.SendPass form th
{
	text-align: left;
}

.MemberLogin form td
{
}

/* ============================================================================================================
	予約
	reserve.php
------------------------------------------------------------------------------------------------------------ */
.ReserveBanner
{
	width: auto;
}




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





/* ============================================================================================================
	管理ページ用
------------------------------------------------------------------------------------------------------------ */
#nav
{
	float: none;
	width: auto;
	list-style: none;
	margin-left: 1.5em;
}

#nav li
{
	list-style-type: disc;
}

#nav li br
{
	display: inline;
}

ul#con
{
	float: none;
	width: auto;
}

#con>li
{
	margin: 0;
	padding: 1.5em;
}




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



/* ============================================================================================================
	<br>表示・非表示 */
/* [ - sp] */
@media (max-width : calc(480px - 1px)) {}
.pc,
.Itempc,
.SuBR,
.SuDsp
{
	display: none;
	opacity: 0;
}
:is(th, td).pc
{
	aspect-ratio: 1;
	position: absolute;
	width: 0;
	overflow: hidden;
	opacity: 0;
}
.sp,
.Itemsp,
.SBR,
.SDsp
{
	display: revert;
}

.kara
{
	display: none;
}


/* ============================================================================================================
	box */
/*
#GlobalMenu,
*/
.Side .Banner,
.Side .SubMenu
{
	zoom: 1;
}

/*
#GlobalMenu:after,
*/
.Side .Banner:after,
.Side .SubMenu:after
{
	content: "";
	display: block;
	clear: both;
}

/* ============================================================================================================
	非表示 */
/*
#GlobalMenu,
#Header .GlobalMenu,
*/
.PageNavi,
.TextSize,
#fontSize,
.Header .ClassContact
{
	display: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border-width: 0;
	overflow: hidden;
}