@charset "utf-8";

/* CSS Document */

/* ======================================================
	[small]
	@import"../css/test_line.css";
	------------------------------------------------------
	min-width　→　○px以上だと??という設定にする
	max-width　→　○px以下だと??という設定にする
====================================================== */
/*
	スライドメニュー表示
	→library.php UA判定へ
*/

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

.SwitchingBtnSP
{
	display: none;
}



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

.WrapM,
.Footer>.Wrap>*
{
	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
{
}

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

h3
{
}

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

h4
{
}

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

/*
	font-size: 0.8em;
*/


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

iframe
{
	height: 100vw;
}

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

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

.memo
{
	padding: 1em;
}

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

.kome
{
}

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

.List .ColorBtn
{
	min-width: inherit;
	width: 80%;
}
.Header .ColorBtn
{
	padding: 0.5em;
}

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

.CategoryTitle>.Wrap
{
}

.CategoryTitle h1
{
	margin-top: 0;
}

.CategoryTitle h1 .Wrap
{
}

.CategoryTitle .Img
{
}

.CategoryTitle .title
{
	font-size: 2em;
}
/*
	font-size: 1.2em;
*/

.CategoryTitle .Child
{
	font-size: 0.8em;
}

.CategoryTitle h1 .Sub
{
}

/* ------------------------------------------------------
	<ul> */
ul,
ol
{
	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;
*/

/* 幅が、指定未満 */
@media screen and (max-width: 750px) {

/*@media screen and (max-width: 480px) {*/
/* 幅が、30文字以上 
@media screen and (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-child),
.BtnBg :is(input, button):is([type="button"], [type="reset"], [type="submit"]):not(:last-child),
/*
.BtnBg input[type="button"]:not(:first-child),
.BtnBg input[type="reset"]:not(:first-child),
.BtnBg input[type="submit"]:not(:first-child),
.BtnBg input[type="button"]:not(:last-child),
.BtnBg input[type="reset"]:not(:last-child),
.BtnBg input[type="submit"]:not(:last-child),
*/
.BtnDspOFF:not(:last-child),
.BtnDspOFF:not(:first-child)
{
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.BtnBg :is(input, button):is([type="button"], [type="reset"], [type="submit"]):not(:first-child)
{
	margin-top: 3em;
}

.BtnBg :is(input, button):is([type="button"], [type="reset"], [type="submit"]):not(:last-child)
{
	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
{
	height: 50vw;
}
/*
[221026]高さがありすぎ
.Top .Gallery img
{
	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 screen and (max-width: calc(16px * 30)) {
 body {
	font-size: 3.5vw;
	font-size: 3vw;
}
}

#Document
{
}
/*
	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
{
}

.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: 1em;
}

.Footer .Logo .Img
{
}

.Footer .Logo .Img img
{
}

.Footer .Info .Logo
{
}

/* ======================================================
	<header>
------------------------------------------------------ */
#Header
{
}

.Header
{
	text-align: inherit;
}

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

.Header>.Wrap>.Wrap
{
}
/*
	display: block;
*/

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

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

.Header li:not(:first-child)
{
}
/*
	margin: auto;
	margin-top: 0.5em;
*/

/* ------------------------------------------------------
	<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.Tight>*>*
{
	width: 100%;
	flex-basis: auto;
	margin-left: 0;
}

.Index .Ct
{
}

.Index .Ct .Img
{
}

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

.Index .AccessMap
{
}

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

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

.NewsList .header
{
	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.Tight>*>*
{
	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-child)
{
}

/* ======================================================
	お問い合わせ
	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;
}


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

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

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

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

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

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

.Sitemap .main .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 .FooterInfo
{
}

.Footer .FooterInfo>.WrapM
{
	padding-left: 0;
	padding-right: 0;
}

.Footer .Info
{
}

.Footer .FooterInfo .Info
{
	display: block;
}

.Footer .FooterInfo>.Wrap
{
}

.Footer .FooterInfo>.Wrap>*
{
}

.Footer .FooterInfo>.Wrap>*:not(:first-child)
{
	margin: 1em auto auto;
}

.Footer .FooterInfo>.Wrap>*>*
{
}

.Footer .FooterInfo>.Wrap>*>*:not(:first-child)
{
}

.Footer .FooterInfo .Navi
{
	text-align: center;
	margin-left: initial;
}

.Footer .FooterInfo .Navi>*
{
}

.Footer .FooterInfo .Navi td
{
}

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

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

.Footer .Menu
{
	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～
------------------------------------------------------ */
.CartShow
{
}

.Form .CartShow .box
{
	clear: both;
}

/* 幅が、指定未満 
@media screen and (max-width: 750px) {*/
/* 幅が、30文字以上
@media screen and (min-width: calc(16px * 30)) {*/
.CartShow .List
{
}

.CartShow .List ul
{
	text-align: left;
}

.CartShow .List table
{
	border-width: 1px 0;
}

.CartShow .List tr:first-child
{
}

.CartShow .List th,
.CartShow .List td
{
	padding: 0;
	border-width: 0;
}

.CartShow .List thead,
.CartShow .List thead tr
{
	display: none;
}

.CartShow .List tbody,
.CartShow .List tbody tr
{
	display: block;
}

.CartShow .List tbody th,
.CartShow .List tbody td
{
	padding: 0;
}

.CartShow .List tfoot
{
	display: table;
	margin-left: auto;
	margin-right: 0;
	width: 100%;
}

.CartShow .List tfoot tr
{
}

.CartShow .List tfoot th,
.CartShow .List tfoot td
{
	display: block;
}

.CartShow .List table .Btn.Del,
.CartShow .List table .img,
.CartShow .List table .Data,
.CartShow .List table .data
{
	margin-top: 0.5em;
}

.CartShow .List table .Data,
.CartShow .List table .data
{
	margin-left: calc(5em + 1em);
	margin-right: 3em;
	margin-top: 0.5em;
}

/*
	.CartShow .List table .Data,
	.CartShow .List table .data,
	.CartShow .List table .kazu
		{
		margin-left: calc(5em + 1em);
		margin-right: 3em;
		margin-top: 0.5em;
	}
*/
	
.CartShow .List table .Data,
.CartShow .List table .data,
.CartShow .List table .kazu
{
}

.CartShow .List table .option
{
}

.CartShow .List table .option ul
{
	margin-top: 0;
	margin-bottom: 0;
}

.CartShow .List table .option ul>li
{
}

.CartShow .List table .option ul>li:not(:first-child)
{
	margin-top: 0.5em;
}

.Form2 .CartShow .List table .Data,
.Form2 .CartShow .List table .data,
.Form2 .CartShow .List table .kazu
{
	margin-right: 0em;
}

/* カートを見る・削除ボタン */
.CartShow .List table .Btn.Del
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

/*
		padding-top: 0;
*/
	
.CartShow .List table .Btn.Del input[type="submit"]
{
	padding-left: 0;
	padding-right: 0;
	letter-spacing: normal;
	width: 100%;
}

/* カートを見る・pic */
.CartShow .List table .img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 6em;
	background-color: transparent;
	z-index: 2;
}

.Form .CartShow .List table .img
{
}

/* カートを見る・品名 */
.CartShow .List table .Data,
.CartShow .List table .data
{
}

.Form .CartShow .List table .Data,
.Form .CartShow .List table .data
{
	padding-right: 0;
}

.CartShow .List table .Data .ShohinCode,
.CartShow .List table .data .ShohinCode
{
	font-size: 0.8em;
}

.CartShow .List table .Data .ShohinName,
.CartShow .List table .data .ShohinName
{
	line-height: 1.5;
}

.CartShow .List table .Data .ShohinName>b,
.CartShow .List table .data .ShohinName>b
{
	font-size: inherit;
}

/* カートを見る・サイズ、購入数、単価、\ */
.CartShow .List table td:not(.img)
{
}

.Form .CartShow .List table td:not(.img)
{
	padding-left: calc(6em + 1em);
}

/* カートを見る・サイズ */
.CartShow .List table .size
{
}

.Form .CartShow .List table .size
{
	padding-bottom: 0;
}

/* カートを見る・購入数 */
.CartShow .List table .kazu
{
}

.Form .CartShow .List table .kazu
{
	text-align: left;
	padding-top: 0;
}

/*
		text-align: left;
*/
	
.CartShow .List table .kazu .Btn
{
	display: inline-block;
}

/* カートを見る・単価 */
.CartShow .List table .tanka
{
	position: absolute;
	right: 0;
	bottom: 3em;
}

/* カートを見る・\ */
.CartShow .List table .price
{
}

.Form .CartShow .List table .price
{
	padding-top: 0em;
}

.Form .CartShow .List table .price>.Wrap
{
	border-top-width: 1px;
	border-top-style: dashed;
	padding-top: 0.25em;
}

/*
		border-top-width: 1px;
		border-top-style: dashed;
		padding-top: 0.25em;
		padding-bottom: 0.25em;
		margin-left: calc(6em + 1em);
*/
	
	
	/* カートを見る・\合計 */
.CartShow .List tfoot th,
.CartShow .List tfoot td
{
	display: table-cell;
	width: auto;
	padding-top: 0.25em;
	border-top-width: 1px;
}

.CartShow .List tfoot tr:last-child th,
.CartShow .List tfoot tr:last-child td
{
	padding-bottom: 0.25em;
	font-weight: bold;
}

/*
	.CartShow .List tfoot
		{
	}
	.CartShow .List tfoot tr
		{
		display: block;
		text-align: right;
	}
	.CartShow .List tfoot th,
	.CartShow .List tfoot td
		{
		display: inline-block;
		width: auto;
	}
	.CartShow .List tfoot th[class],
	.CartShow .List tfoot td[class]
		{
		width: auto;
		margin-left: 0;
	}
*/
/*}*/

.ULHosoku
{
	font-size: smaller;
}

.CartShow .CartBtn .member
{
}

.CartShow .CartBtn .member th
{
	text-align: left;
}

#Form
{
}

/*
#Form section
	{
	margin-left: 4vw;
	margin-right: 4vw;
}
*/



/* ======================================================
	会員ログイン
	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;
}

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



/* 管理画面 */
#Admin
{
	padding: 3%;
}

#Admin .Menu
{
	width: auto;
}

/* ======================================================
	絶対
	<br>表示・非表示 */
/* 幅が、指定未満 */
@media screen and (max-width: 750px) {
/*@media screen and (max-width: 480px) {*/
.SuBR
{
	display: none;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	border-width: 0;
	overflow: hidden;
}

.SBR
{
	display: block;
}

.SuDsp,
:is(th, td).SuDsp,
.TableBlock :is(th, td).SuDsp,
/*
th.SuDsp,
td.SuDsp,
.TableBlock th.SuDsp,
.TableBlock td.SuDsp,
.SuDsp,
*/
.kara
{
	display: none;
}

.SDsp
{
	display: inherit;
}
}

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

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

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