@charset "utf-8";

/* CSS Document */

/* ======================================================
	[layout] main
	@import"../css/test_line.css";
	------------------------------------------------------
	min-width　→　○px以上だと??という設定にする
	max-width　→　○px以下だと??という設定にする
====================================================== */



/* ======================================================
	Signin
------------------------------------------------------ */




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

#Index .Header
{
}

#Index .Contents
{
}

.Main.Index
{
	width: 100%;
}

.Main.Index>.Wrap
{
	min-width: initial;
	max-width: initial;
	width: auto;
}

.Index .Top
{
	margin-bottom: 5em;
}

.Index .Top .body
{
	display: block;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	z-index: 21;
}
/*
	top: 3vw;
	left: 10vw;
	right: 10vw;
	text-align: right;
*/

.Index .Top .body .Catch
{
	display: block;
	font-size: 4vw;
	font-weight: bold;
}
/*
	text-align: left;
	display: inline-block;
*/
.Index .Top .body .Img
{
	width: 30vw;
}

.Index .Read
{
	font-size: 1.2em;
}

.Index .Ct
{
}

.Index .Ct a
{
	display: block;
	color: rgba(255,255,255,1.0);
}

.Index .Ct h2
{
	position: absolute;
	top: calc(50% - 1em);
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
}

.Index .Ct h2>b
{
}

.Index .Ct .Free
{
	display: block;
	position: absolute;
	bottom: 1em;
	left: 50%;
	transform: translateX(-50%);
}

.Index .Ct .Free .ColorBtn
{
}

/* ======================================================
	お知らせ
	------------------------------------------------------
	共通
------------------------------------------------------ */

/* 時間 */
.News .Time
{
	font-weight: normal;
	margin-bottom: 1em;
	text-align: right;
}

/*
	text-decoration: underline;
*/

.News h2 .Time
{
}

.News .Time:before,
.News .Time:after
{
	display: inline;
}

.News .Time:before
{
}

.News .Time:after
{
}

.News .Time span
{
}

.News .List .Time
{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	text-align: left;
}

.News .List .Time time
{
	font-size: 0.9em;
}

.NewsDetail .Time
{
	display: block;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 3em;
}

/*
.NewsDetail .Time:before
	{
	content: "(";
	display: inline;
}
.NewsDetail .Time:after
	{
	content: ")";
	display: inline;
}
*/

.News .Day
{
}

/* タイトル */
.News .title
{
}

.News .List .title>b
{
	background: none;
	font-weight: bold;
	font-family: inherit;
}

.News .List .title
{
	font-size: inherit;
	background: none;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	padding: 0;
	border-width: 0;
	color: inherit;
	overflow: hidden;
}

/*
	text-decoration: underline;
	height: 4em;
*/

.News .List .title:before,
.News .List .title:after
{
	content: none;
}

/*
*/

.News .List .title>b
{
	font-size: 1em;
}

.NewsDetail .title>b
{
	display: block;
	margin-top: 1em;
}

/* 本文 */
.NewsNaiyo
{
	text-align: left;
}

/* 画像 */
.News .List .Img
{
	display: block;
	margin-bottom: 1em;
}

/* ------------------------------------------------------
	一覧
------------------------------------------------------ */
.News .List
{
}

.News .List ul
{
	margin-left: 0;
	list-style: none;
}

.News .List ul>li
{
}

.News .List ul>li:not(:first-child)
{
}

.News .List a
{
	display: block;
}

.News .List a:hover :is(.Time, .title>*)
{
	text-decoration: underline;
}

.NewsList .header
{
	display: table;
}

.NewsList .header>*
{
	display: table-cell;
	vertical-align: top;
}

.NewsList .header .Time
{
	width: 13em;
}

.News .List:not(.Flex) ul
{
}

.News .List:not(.Flex) ul>li
{
}
/*
	border-bottom-width: 1px;
	margin-top: 0;
	margin-bottom: 0;
	
	border-bottom-width: 1px;
	display: list-item;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 0.5em;
	margin-bottom: 2em;
	margin-left: 0;
	margin-top: 0em;
*/


/* ------------------------------------------------------
	news/index.php
------------------------------------------------------ */
#Index .Contents
{
}

.Index .News
{
}

#Index .Index .News>.Wrap
{
	margin-left: auto;
	margin-right: auto;
	min-width: initial;
}

.Index .NewsList
{
}

.Index .NewsList .head
{
}

.Index .NewsList .head .title
{
	padding: 0;
	border-width: 0;
}

.Index .NewsList .main
{
	display: inline-block;
	min-width: 50%;
}

.Index .News .List
{
}

.Index .News .List>ul
{
}

.Index .News .List>ul>li
{
}

/*一覧へボタン*/




/* ------------------------------------------------------
	news/news_list.php
------------------------------------------------------ */
.News .List
{
}

/* ------------------------------------------------------
	news_detail.php
------------------------------------------------------ */
.NewsDetail
{
}

.NewsDetail article
{
}

.NewsDetail .main
{
}

.NewsDetail .main .NewsNaiyo
{
	text-align: left;
	display: inline-block;
}

/*
.NewsDetail .NewMark
	{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
*/

.NewsDetail h2
{
	display: inline-block;
	margin-bottom: 0;
}

.NewsDetail h2:after
{
	margin-left: 0;
}

.NewsDetail h2>b
{
	background: none;
}

.NewsDetail .PDF
{
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
}

/*
.NewsDetail article a
	{
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	color: rgba(255,78,0,1.0);
	color: blue;
	font-weight: bold;
	font-weight: inherit;
}
*/

.NewsDetail .Gallery
{
}

.NewsDetail .Gallery ul
{
}

.NewsDetail .Gallery ul>li
{
}

.NewsDetail .Gallery img
{
}

.NewsDetail .footer
{
	margin-top: 3em;
	text-align: center;
}

/*
.NewsDetail .Btn
	{
	width: 10em;
}
.NewsDetail .Btn>span
	{
	display: inline-block;
	vertical-align: middle;
}
.NewsDetail .Btn:before
	{
	content: "";
	width: 0.5em;
	height: 0.5em;
	display: inline-block;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-color: rgba(255,255,255,1.0);
	transform: rotate(45deg);
	margin-right: 0.5em;
	line-height: 1;
	margin-left: -1em;
	margin-top: -0.125em;
}
.NewsDetail .Btn:hover:before
	{
	border-color: rgba(255,255,255,1.0);
}
*/






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

.Menu .grand_menu
{
}

.Menu .grand_menu .footer
{
	margin-top: 3em;
}

.Menu .addition
{
}

.Menu .addition .Item
{
	border-radius: 1em;
	background-color: rgba(255,255,255,0.9);
	padding: 2em;
}
/*
	border-width: 1px;
*/

.Menu .addition .Item:before
{
	content: "";
	position: absolute;
	left: 0.25em;
	top: 0.25em;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	border-radius: 1em;
	z-index: -1;
}

.Menu .addition .Item ul
{
	display: inline-block;
}

.Menu .addition .Item ul>li
{
	margin-top: 0;
	margin-bottom: 0;
}

.Menu .addition .Item .head
{
}

.Menu .addition .Item .head .title_head
{
}
/*
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
*/

.Menu .addition .Item .head .title
{
}

.Menu .addition .Item .head .title>b
{
	font-size: 2em;
	line-height: 1.5;
}

.Menu .addition .Item .main
{
}

.Menu .addition .Item .lead
{
	margin-top: 1em;
	margin-bottom: 1em;
}

.Menu .addition .Item .data
{
	font-weight: bold;
}

.Menu .addition .Item .data .Price
{
}

.Menu .addition .Item .data .Price>span:not([class])
{
}

.Menu .addition .Item .data .Price>span:not([class]) b
{
	font-size: 1.2em;
	font-weight: inherit;
}

.Menu .addition .Item .data .Price .TaxOn
{
	font-weight: normal;
}

.Menu .addition .Item .footer
{
	font-size: 0.8em;
	margin-top: 1em;
}


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

.Floor .Gallery .Img
{
	margin-bottom: 1em;
}

.Floor .Gallery .main
{
}

.Floor .Gallery .title
{
	text-align: center;
	margin-bottom: 0;
}

.Floor .Gallery .title>b
{
	font-size: 1.2em;
}

.Floor .Gallery .main+.data
{
	border-top-width: 1px;
	margin-top: 1em;
	padding-top: 1em;
	border-top-style: dotted;
}

.Floor .Gallery .data .title
{
	margin-top: 0;
	margin-bottom: 0;
	text-align: inherit;
}

.Floor .Gallery .data .title>b
{
	font-size: 1em;
	font-weight: bold;
}






/* ======================================================
	会社概要
	aboutus.php
------------------------------------------------------ */
.Aboutus .Aisatsu
{
}

.Aboutus .Aisatsu .Img
{
	width: 22.5%;
	float: left;
	margin-right: 1em;
}

.Aboutus .Aisatsu .Img img
{
	border-radius: 100%;
}

.Aboutus .UneiInfo
{
}

.Aboutus .UneiInfo table
{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.Aboutus .UneiInfo .Address
{
}

.Aboutus .UneiInfo .Address>span
{
	display: inline-block;
}

.Aboutus .UneiInfo .Address>span:not(:first-child)
{
	margin-left: 0.5em;
}

.Aboutus .UneiInfo .Open
{
}

.Aboutus .UneiInfo .Open>span
{
	display: block;
}

.Aboutus .UneiInfo .Partners
{
}

.Aboutus .UneiInfo .Partners ul
{
	list-style: none;
}

.Aboutus .UneiInfo .Partners ul>li
{
}

.Aboutus .UneiInfo .Partners table
{
}

.Aboutus .UneiInfo .Partners th,
.Aboutus .UneiInfo .Partners td
{
}

.Aboutus .UneiInfo .Partners td:not(:last-child)
{
	padding-right: 4em;
}

/* 外観 */
.ShopImg
{
	margin-bottom: 1.5rem;
	text-align: center;
}


/* ======================================================
	地図
------------------------------------------------------ */
.AccessGuide
{
	margin-bottom: 3em;
}
.AccessGuide>.Wrap
{
	display: inline-block;
	text-align: left;
}


.Map
{
	background-color: rgba(255,255,255,1.0);
	color: #000;
	height: 40em;
	margin-top: 0;
}

/* フラグの空き調整 */
.Map *
{
	border: 0;
	font-size: 1em;
}

.MapNaviBtn
{
	text-align: center;
}

.NaviBtn
{
}

.MapBtn
{
}

.Download
{
	text-align: center;
	margin-top: 1em;
}

.Download a
{
	display: inline-block;
	vertical-align: middle;
}

.Flex .Map	{
	margin: 0;
}

/* [index]	地図・店舗情報 */
.Index .Map
{
}

.Index .AccessMap
{
}

.Index .AccessMap .Map
{
}

.Index .AccessMap .data	{
	padding-top: 3em;
	padding-left: 3em;
	padding-right: 3em;
}

.Index .AccessMap .data h2	{
}

.Index .AccessMap .data>*	{
}

.Index .AccessMap .data .main	{
	display: inline-block;
	width: auto;
}

.Index .AccessMap .data ul	{
	list-style: none;
	margin-left: 0;
}

.Index .AccessMap .data li	{
}

.Index .AccessMap .data li>*	{
}

.Index .AccessMap .data li>*:first-child	{
	font-weight: bold;
}

.Index .AccessMap .data li>*:not(:first-child)	{
	padding-left: 3em;
}


/* ======================================================
	リンク
	link.php
------------------------------------------------------ */
.Link table,
.Link th,
.Link td
{
	width: auto;
}

/* ======================================================
	よくあるご質問
	qa.php
------------------------------------------------------ */
.Qa
{
}

.Qa dl
{
	margin-top: 3em;
}

.Qa dl .Num
{
	display: block;
	position: absolute;
	top: 0;
	left: -3em;
	width: 2em;
	margin: 0;
	text-align: center;
}

.Qa dt,
.Qa dd
{
	padding-left: 3em;
}

.Qa .Question
{
	font-size: 1em;
	border-width: 0;
}

.Qa .Question:not(:first-child)
{
	border-top-width: 1px;
	padding-top: 2em;
}

.Qa .Question .title
{
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

.Qa .Question .title>b
{
	font-size: 1.2em;
}

.Qa .Answer
{
}

/* 開け閉め*/
.Qa label
{
}

.Qa .Change
{
}

.Qa .switch
{
}

/*チェック用に開けっ放し
.Qa .detail
	{
	height: auto;
	opacity: 1.0;
}
*/

.Qa .Change input:checked ~ .Btn
{
}

.Qa .Change input:checked ~ .Btn .title .Mark
{
	width: 1em;
	margin-left: 0.25em;
}

.Qa .Change input:checked ~ .Btn .title .Mark:before
{
	border-right-width: 0;
	border-bottom-width: 3px;
	margin-bottom: -3px;
}

.Qa .Change input:checked ~ .Btn .title .Mark:after
{
	border-left-width: 0;
	border-top-width: 3px;
	margin-top: -3px;
}

.Qa .Change input:checked ~ .Txt
{
}

/* ======================================================
	お問い合わせ
------------------------------------------------------ */
/* 電話 */
.uketsuke_header	{
	display: block;
	margin-bottom: 1em;
}

.ClassTel	{
	line-height: 1;
}

.ClassTel .Num	{
	font-size: 1.5em;
	letter-spacing: normal;
}

.ClassTel .Num .Img,
.ClassTel .Num .Img+*	{
}

.ClassTel .uketsuke	{
}

.ClassTel .uketsuke>*	{
	display: inline-block;
}

/* BGが黒の場合 */
.ClassTel.Icon.black	{
}

.ClassTel.Icon.black .Num	{
}

.ClassTel.Icon.black .Num .Img	{
}

.ClassTel.Icon.black .Num .Img img	{
	opacity: 0;
}

.ClassTel.Icon.black .Num .Img:after	{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1em;
	height: 1em;
	transform: translate(-50%,-50%);
	background-image: url(../img/kzkG_tel_w.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}



.Contact .ContactTxt .uketsuke
{
	margin-top: 1em;
}

.Header .uketsuke_header	{
	display: block;
	position: absolute;
	top: calc(0em - ((((0.5em * 2) + 1em) / 2) + 0px));
	left: 0;
	right: 0;
}
/*
	transform: translateY(50%);
*/

.Header .uketsuke_header>*	{
	display: inline-block;
	padding: 0.5em;
	border-radius: 0.5em;
}
/*
	border-width: 1px;
*/

.Header .ClassTel	{
}

.Header .ClassTel .uketsuke	{
	font-size: 0.8em;
}

.Header .ClassTel .uketsuke>*	{
}

.Header .ClassTel .uketsuke>*:last-child	{
	margin-left: 0.5em;
}

.Header.compact .ClassTel .uketsuke	{
	margin-top: 0.5em;
}

.Header .ClassTel>.Wrap>*	{
	display: inline-block;
	display: block;
}
.Header .contact_button .ClassTel>.Wrap>*	{
}
.Header .contact_button .ClassTel .Num	{
	font-size: 2em;
}

.Header .contact_button .ClassTel .uketsuke	{
}

.Footer .uketsuke_header
{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}

.Footer .ClassTel
{
	font-size: 1.5em;
}

.Footer .ClassTel .Num
{
	font-size: 2em;
	letter-spacing: normal;
}

.Footer .ClassTel .uketsuke
{
}

.Footer .ClassTel .uketsuke>*
{
	margin-left: 0.5em;
}



.ClassContact
{
}

.Header .ClassContact
{
}

.Header .ClassContact a
{
	padding: 0.5em 1em;
}


.Footer .ClassContact
{
}

.Footer .ClassContact>.Wrap
{
	display: inline-block;
}

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


.Footer .ClassContact .main
{
	display: table;
	font-size: 1.5em;
}

.Footer .ClassContact .main>*
{
	display: table-cell;
	vertical-align: middle;
}

.Footer .ClassContact .main .L
{
	font-size: 2em;
	font-weight: bold;
}

.Footer .ClassContact .main .R
{
	padding-left: 1em;
}


.Drawer .ClassContact.Banner
{
	margin-top: 3em;
}

.Drawer .ClassContact.Banner :is(a, .a)
{
	margin: auto;
	padding: 1em;
}

.Drawer .ClassContact.Banner a:before
{
	opacity: 0.65;
	left: 0;
	top: 0;
}

#Drawer .ClassContact.Banner .uketsuke
{
	margin-top: 0.5em;
	display: block;
}

.Drawer .ClassContact.Banner .Img
{
}

.Contact
{
}

.Contact .ContactTxt
{
}

.Contact .ContactTxt .head
{
	display: block;
	font-size: 2em;
}
.Contact .ContactTxt .head .TelNum
{
	font-size: 1.2em;
	font-weight: bold;
}

.ContactTxt h2
{
	margin-top: 0;
}

.ContactTxt address
{
	display: inline-block;
}

/*
	text-align: left;
*/

.ContactTxt .Num
{
	font-size: 3em;
	display: block;
}

/*[191210]校正前　囲んだら上が不要
	margin-top: 1em;
	margin-bottom: 1em;
*/

.ContactTxt table.ReturnAddress
{
	margin-left: 0;
	margin-bottom: 0;
}

.Contact:not(.ContactKakunin) .MailForm
{
}

/*
	padding-top: 0;
*/

.Contact .MailForm .head
{
}

.Contact .MailForm .head .ClassPrivacy
{
}

.Contact .MailForm .head .ClassPrivacy a
{
}

.Contact .MailForm .head .ClassPrivacy a>span
{
	display: inline;
}

.Contact .MailForm .main
{
}

.Contact .MailForm .main h3
{
}

/* 『送信ありがとうございました』 */
.ReturnAddress h3
{
	border-width: 1px 0;
}

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

table.ReturnAddress
{
}

/*
	margin-left: auto;
	margin-right: auto;
*/

table.ReturnAddress th
{
	font-weight: bold;
	padding-right: 1em;
	min-width: initial;
}

table.ReturnAddress td
{
}

table.ReturnAddress td>span
{
	display: inline-block;
}

table.ReturnAddress td>span:not(:first-child)
{
	margin-left: 1em;
}

table.ReturnAddress .Day
{
}

table.ReturnAddress .Time
{
}

.ReturnAddress .OpenDay
{
	display: block;
}

.ReturnAddress .OpenTime
{
	display: block;
}

.Contact address.Wrap
{
	padding: 0;
}

.Contact .head
{
}

.Contact .main
{
	margin-top: 3em;
}

.Contact .main .Wrap
{
	padding: 3em;
}

.Contact .main .head
{
}

.Contact .main .footer
{
}

/* フォーム無し */
.Contact .ContactTel:not(.Form) .Tel
{
	font-size: 3em;
	font-weight: inherit;
}

.Contact .ContactTel:not(.Form) .ReturnAddress
{
	margin-bottom: 1em;
}

.Contact .ContactTel:not(.Form) .ReturnAddress th
{
	font-weight: inherit;
}

.Contact .ContactTel .ReturnAddress .OpenDay
{
}

table.ReturnAddress td span.OpenTime
{
	margin-left: 0;
}

/* 返事がなかったら */
.Contact .main .ReturnForm
{
}

.Contact .main .ReturnForm>.Wrap
{
	padding: 0;
}

.Contact .main .ReturnForm.Mail
{
}

.Contact .main .ReturnForm.Mail a
{
}

.Contact .main .ReturnForm.Mail a:before
{
	width: 1.5em;
	height: 1.5em;
}

.Contact .main .ReturnForm.Mail a>span
{
}

/* ======================================================
	プライバシーポリシー
	privacy.php
------------------------------------------------------ */
.Privacy
{
}

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

.Privacy dt
{
	background: none;
	border-width: 0;
	padding-left: 0;
	font-weight: bold;
}

.Privacy dd
{
}

.Privacy ul,
.Privacy ol
{
	text-align: left;
}

/* numbering */
.Privacy dt .Num
{
}

.Privacy dt .Num:before,
.Privacy dt .Num:after
{
	display: inline;
}

.Privacy dt .Num:before
{
	content: "（";
}

.Privacy dt .Num:after
{
	content: "）";
}

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

.Sitemap .Layout:not(:last-child)
{
	margin-right: 2em;
}

/*

.Sitemap .Child
	{
}
.Sitemap .Child ul
	{
	text-align: left;
}

.Sitemap .Banner
	{
	text-align: center;
}
.Sitemap .Banner .title
	{
	font-weight: bold;
	white-space: nowrap;
}
.Sitemap .Banner .Child
	{
	display: inline-block;
	text-align: left;
}

.Sitemap a span
	{
	display: inline-block;
}
.Sitemap .Banner a
	{
	display: block;
}
.Sitemap a .banner,
.Sitemap a .banner img
	{
}
.Sitemap a .banner
	{
	display: block;
	height: 5em;
}
.Sitemap a .banner img
	{
	max-height: 5em;
	width: initial;
}

.Sitemap .title
	{
}
.Sitemap .title+.title_sub
	{
}
.Sitemap .title+.title_sub:before,
.Sitemap .title+.title_sub:after
	{
	content: "";
	display: inline;
}
.Sitemap .title+.title_sub:before
	{
	content: "(";
}
.Sitemap .title+.title_sub:after
	{
	content: ")";
}

*/