@charset "utf-8";

/* CSS Document */

/* ======================================================
	[object] link
	@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 ～
====================================================== */

.Hover a,
.Zoom a img,
button,
input,
.Btn,
.ColorBtn,
.Hover.slider+.thumbnail .Item,
.Header:before,
.Header .GlobalMenu :where(a, .a):after
{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a
{
	text-decoration: none;
}

a:hover
{
}

.SNS a:hover
{
	text-decoration: none;
}

.Banner a:hover
{
	color: inherit;
}

/*
	text-decoration:none;
	border-bottom-width: 0;
	border-bottom-color: rgba(255,255,255,0);
*/

a>span
{
}
/*
	display: inline-block;
	vertical-align: middle;
*/

a[href*="tel"]
{
	color: inherit;
}

a[href*="tel"]:after
{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 0.25em);
	border-bottom-width: 1px;
}

*[id*="anchor"]
{
}


/* ------------------------------------------------------
	underline */
.AnchorLine a
{
	text-decoration: underline;
}

.AnchorLine a>span
{
	display: inline;
}

/* ------------------------------------------------------
	文字で「>」 */
.arrow:after
{
	content: "〉";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.arrow.arrowR:after
/*
.ColorBtn a:after,
.ColorBtn input:after,
.ColorBtn button:after
*/
{
	position: absolute;
	top: 50%;
	right: 0em;
	transform: translateY(-50%);
}


/* ------------------------------------------------------
	罫線で「>」 */
.PageNavi span:not(:last-of-type):after,
.SortNavi .PrevNext a:before,
.ColorBtn:after
/*
.select:after,
.ColorBtn:not([target="_blank"]):after
*/
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0.5em;
	height: 0.75em;
	line-height: 0;
	text-decoration: none;
	clip-path: polygon(
		1px 0,
		100% 50%,
		1px 100%,
		0% 100%,
		calc(100% - 1px) 50%,
		0 0
	);
}
/*
	transform: rotate(45deg);
	border-top-width: 1px;
	border-right-width: 1px;
*/

.PageNavi :where(a, .a)
/*
.PageNavi a,
.PageNavi .a
*/
{
}
/*
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
*/

:is(.PageNavi, .Footer .Menu) :where(a, .a)>span
/*
.PageNavi a>span,
.PageNavi .a>span,
*/
.Footer .Menu a>span
{
	display: inline;
}

.PageNavi span:not(:last-of-type):after
{
	margin-left: 1em;
	margin-right: 1em;
}

.SortNavi .PrevNext.Prev a:before,
.SortNavi .PrevNext.Prev a:after
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(-180deg);
}
/*
	transform: translateX(-50%) translateY(-50%) rotate(-135deg);
*/

/*
.select:after
{
	transform: rotate(135deg);
}
*/
/*
	【初心者向け】transformを複数指定したい時は書き順に注意！
	https://qiita.com/7note/items/f0eedc0e33677c2e5758
	複数指定する場合は、順番に注意！！！
*/
.ColorBtn:after
{
	display: block;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}
/*
	transform: translateY(-50%) rotate(45deg);
*/

.ColorBtn.Back:after
{
	left: 1em;
	right: initial;
	transform: translateY(-50%) rotate(-180deg);
}
/*
	transform: translateY(-50%) rotate(-135deg);
*/

.anchorBtn .ColorBtn:after
{
	transform: translateY(-50%);
}
/*
	transform: translateY(-50%) rotate(135deg);
*/

:is(.Header, .MapNaviBtn) .ColorBtn:after
{
	content: none;
}



/* ------------------------------------------------------
	罫線で「->」 */
.Drawer .Menu a:before,
.Drawer .Menu a:after
{
}

.Drawer .Menu a .title:before,
.Drawer .Menu a .title:after
{
}

/*
.Drawer .Menu a:before,
.Drawer .Menu a:after
	{
	position: absolute;
	left: calc(1em + 4vw);
	width: 8px;
	height: 8px;
	line-height: 0;
}
.Drawer .Menu a:before
	{
	top: calc((100% - 8px) / 2);
	margin-left: calc(0em - 8px);
}
.Drawer .Menu a:after
	{
	width: 1em;
	transform: rotate(0deg);
	border-width: 1px 0 0 0;
	top: calc((100% - 1px) / 2);
	margin-left: calc(0em - 1em);
}
.Drawer .Menu .title:before,
.Drawer .Menu .title:after
	{
	position: absolute;
	left: -1em;
	width: 8px;
	height: 8px;
	line-height: 0;
}
.Drawer .Menu .title:before
	{
	top: calc((100% - 8px) / 2);
	margin-left: calc(0em - 8px);
}
.Drawer .Menu .title:after
	{
	width: 1em;
	transform: rotate(0deg);
	border-width: 1px 0 0 0;
	top: calc((100% - 1px) / 2);
	margin-left: calc(0em - 1em);
}
*/

/* ------------------------------------------------------
	外部リンク */
a[target="_blank"]
{
	text-decoration: underline;
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}
/*
	text-indent: -1.25em;
	padding-left: 1.25em;
	display: inline-block;
*/

a[target="_blank"]:before,
a[target="_blank"]:hover:before
{
	content: "";
	display: inherit;
	vertical-align: baseline;
	width: 1em;
	height: 1em;
	background-image: url(../img/layers.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	line-height: 0;
	letter-spacing: normal;
}
/*
	display: inline-block;
	background: none;
	color: inherit;
*/

.Icon.white a[target="_blank"]:before,
.Icon.white a[target="_blank"]:hover:before
{
	background-image: url(../img/layers_w.svg);
}

a[target="_blank"]>*
{
	text-indent: 0em;
}

a[target="_blank"]>span
{
}
/*
	display: inline;
*/

a[target="_blank"]>*:before
/*
a[target="_blank"]:before,
a[href$=".pdf"]:before,
.doc a:before,
.PullDown .detail a .title:before,
.Drawer .Menu .Ex a .title:before,
.MapNaviBtn a>*:before,
.PrintBtn:before,
*/
{
}
/*
	background-size: cover;
*/


a[target="_blank"]>*:after
{
}

a[target="_blank"].ColorBtn
{
	text-decoration: none;
}

a[target="_blank"].ColorBtn:before
{
}

a[target="_blank"].ColorBtn:after
{
}
/*
	content: none;
*/

a[target="_blank"].ColorBtn>*
{
	display: flex;
	align-items: center;
	gap: 0.25em;
}

a[target="_blank"].ColorBtn>*:before
{
}

a[target="_blank"].ColorBtn>*:after
{
}

/* ------------------------------------------------------
	外部リンク・メール */
/*
a[href^="mail"]>*:before
{
	background-image: url(../img/icon_mail_alt.svg);
	vertical-align: middle;
}
*/

/* 外部リンク・地図 */
.MapNaviBtn .Btn a:before
/*
.MapNaviBtn .NaviBtn a:before,
.MapNaviBtn .MapBtn a:before
*/
{
}
/*
	background-image: none;
	width: 100%;
	height: 100%;
	margin: auto;
*/

.MapNaviBtn .Btn a>*:before
/*
.MapNaviBtn .NaviBtn a>*:before,
.MapNaviBtn .MapBtn a>*:before
*/
{
}

.MapNaviBtn .NaviBtn a>*:before
{
	background-image: url(../img/pin_alt.svg);
}

.MapNaviBtn .NaviBtn .ColorBtn>*:before
{
	background-image: url(../img/pin_alt_w.svg);
}

.MapNaviBtn .MapBtn a>*:before
{
	background-image: url(../img/image.svg);
}

.MapNaviBtn .MapBtn .ColorBtn>*:before
{
	background-image: url(../img/image_w.svg);
}

.MapNaviBtn a span
{
	line-height: 0;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
}

/* ------------------------------------------------------
	外部リンク・pdf */
a[href$=".pdf"]
{
}

a[href$=".pdf"]>*
{
}

a[href$=".pdf"]>*:before
{
	background-image: url(../img/118432.svg);
}
/*
	background-image: url(../img/icon_document_alt.svg);
*/

a.ColorBtn[href$=".pdf"]>*:before
{
}
/*
	background-image: url(../img/icon_document_alt_w.svg);
*/

a[href$=".pdf"]>*>*
{
}
/*
	display: inline-block;
	vertical-align: middle;
*/

.PDF
{
}

.PDF>*
{
	display: flex;
	align-items: center;
	gap: 0.5em;
}

.PDF>*:before
{
	content: "";
	display: inherit;
	width: 1.25em;
	height: 1.25em;
	background-image: url(../img/118432.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.ColorBtn.PDF
{
}

.ColorBtn.PDF:before
{
	background: transparent;
}


/* ------------------------------------------------------
	印刷ボタン */
.PrintBtn
{
	padding-left: 1em;
	padding-right: 1em;
}

.PrintBtn:before
{
	width: 1.5em;
	height: 1.5em;
}

.PrintBtn:before
{
	background-image: url(../img/icon_printer.svg);
}

.PrintBtn.R:before
{
	background-image: url(../img/icon_printer_w.svg);
}

.PrintBtn:after
{
}

.PrintBtn>b
{
	font-weight: inherit;
	display: inline-block;
	vertical-align: middle;
}

#Admin .PrintBtn:before
{
	margin-left: 1em;
	margin-right: 1em;
}

#Admin .PrintBtn:after
{
	content: none;
}

#Admin .PrintBtn>b
{
	margin-right: 1em;
}

/* ------------------------------------------------------
	ボタン風 */
.ColorBtn,
.BorderBtn
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	border-width: 1px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	padding: 1em 1em;
}
/*
	display: inline-block;
*/

.ColorBtn,
.ColorBtn:before
{
}
/*
[221026]不要
	border-radius: 0.3em;
*/

.ColorBtn:hover
{
}

.ColorBtn *
{
	display: inherit;
	font-weight: inherit;
}

.ColorBtn>*
{
}
/*
	padding: 1em 1em;
*/

table :is(input, button).ColorBtn:not([class*="Width"])
/*
table input.ColorBtn,
table button.ColorBtn
*/
{
	width: auto;
	min-width: initial;
	height: auto;
	min-height: initial;
	border-style: solid;
	padding-left: 1em;
	padding-right: 1em;
}

.BorderBtn
{
}

/* indexへ戻る */
.BackIndex
{
}

#GlobalMenu .BackIndex
{
}

/* ------------------------------------------------------
	<input>風 */
.BtnDsp
{
	display: inline-block;
	border-width: 1px;
	margin: 0 0.25em;
	padding: 0.15em 0.5em;
	border-radius: 0.2em;
	white-space: nowrap;
}


/* ------------------------------------------------------
	<input><button>の装飾を全て外す */
.BtnClear,
.BtnClear:before,
.BtnClear:after,
.BtnClear:hover,
:is(input, button).BtnClear,
:is(input, button).BtnClear:before,
:is(input, button).BtnClear:after
:is(input, button).BtnClear:hover
/*
input.BtnClear,
input.BtnClear:before,
input.BtnClear:after,
button.BtnClear,
button.BtnClear:before,
button.BtnClear:after,
.BtnClear:hover,
input.BtnClear:hover,
button.BtnClear:hover
*/
{
	background: none;
	padding: 0;
	border-width: 0;
	font-family: inherit;
	color: inherit;
	font-weight: inherit;
}

/* ============================================================================================================
	Banner
------------------------------------------------------------------------------------------------------------ */
.Banner
{
}

.Banner>ul
{
	list-style: none;
	margin-left: 0;
}

.Banner>ul>li
{
}

/*
	margin-bottom: 1em;
*/

.Banner>ul>li img
{
	display: block;
	margin: auto;
	width: 100%;
}

.Banner p
{
	margin-top: 0.5em;
}

/* .Bannerの内側 */
.BannerBox
{
	margin: 4px;
}

/* ============================================================================================================
	アイコン
------------------------------------------------------------------------------------------------------------ */
.Icon
{
}

.Icon a
{
	line-height: 1;
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

.Icon .Img,
.Icon .Img+*
{
	text-align: center;
}
/*
	display: inherit;
	display: inline-block;
	vertical-align: text-bottom;
*/

.Icon .Img
{
	width: 1em;
}


.Icon .Img+*
{
	line-height: 1;
}

.Icon .Img img
{
	width: auto;
	height: 1em;
}


[class*="icon_"]
{
	width: var(--icon_w);
}
[class*="icon_"]:is([style*="aspect-ratio:1;"],[style*="aspect-ratio: 1;"])
{
	img
	{
		aspect-ratio: 1;
	}
}


/* ============================================================================================================
	ページナビ
------------------------------------------------------------------------------------------------------------ */
.PageNavi,
.SortNavi
{
}

/* ぱんくず */
.PageNavi
{
	text-align: left;
	line-height: 1;
	padding-top: 1em;
	padding-bottom: 1em;
}
/*
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
*/

.PageNavi:before,
.PageNavi:after
{
}

.PageNavi>.Wrap
{
}

.PageNavi .main
{
	font-size: 0.8em;
	display: flex;
	align-items: center;
	gap: 0em;
	height: 1em;
}

.PageNavi .main>*
{
}

.PageNavi .main>*.a
{
}

.PageNavi .main>*:not(.a)
{
	white-space: nowrap;
}

.PageNavi .main>span:last-of-type
{
}

.PageNavi .Btn:where(a, .a)
/*
.PageNavi a,
.PageNavi .a
*/
{
}
/*
	display: inline-block;
	padding-top: 1em;
	padding-bottom: 1em;
*/

.PageNavi a
{
}
/*
	text-decoration: underline;
*/

.PageNavi span:not(:last-of-type) a:after
{
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	border-bottom-width: 1px;
}
/*
	margin-left: 1em;
	margin-right: 1em;
*/

.pagetitle .PageNavi
{
}

.FooterBtn .PageNavi
{
}

.FooterBtn .PageNavi>.Wrap
{
	height: 2em;
	overflow: hidden;
	width: calc(100% - 5em);
	margin-left: 0;
}

/* ------------------------------------------------------
	sort */
.SortNavi
{
	margin-top: 3em;
	margin-bottom: 3em;
	letter-spacing: 0;
	text-align: center;
}

.SortNavi>.Wrap
{
	display: flex;
	justify-content: center;
	gap: 0.5em;
}

.SortNavi .PrevNext
{
	width: auto;
	display: block;
}

.SortNavi .Btn
{
	display: flex;
	justify-content: center;
	gap: 0.5em;
}

.SortNavi :is(a, span)
{
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2;
	border-width: 1px;
}

.SortNavi .Btn :is(a, span)
{
}


/* ------------------------------------------------------
	並び替え */
.Sort
{
	margin-top: 0.5em;
}

.Sort b,
.Sort a
{
	line-height: inherit;
}

/* 並び替え・表示切り替え */
.SortSwitching
{
	display: inline-block;
	vertical-align: middle;
}

.ViewSwitching
{
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	line-height: 1;
}

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

.ViewSwitching a>span
{
	border-bottom-width: 0;
	text-decoration: underline;
}

.ViewSwitchingIcon
{
	display: inline-block;
}

.ViewSwitchingIcon:before
{
	font-family: 'ElegantIcons';
	display: inline-block;
	vertical-align: middle;
	font-size: 2em;
}

.ViewList:before
{
	content: "\64";
}

.ViewImg:before
{
	content: "\e08c";
}

/* ============================================================================================================
	前・次ボタン
------------------------------------------------------------------------------------------------------------ */
.PrevNext
{
	font-weight: normal;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.PrevNext>div
{
	display: table-cell;
	vertical-align: middle;
}

.PrevNext .Btn.Prev
{
	text-align: left;
}

.PrevNext .Btn.Next
{
	text-align: right;
}

/* ページ数 */
.PageCount
{
}

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

.anchorBtn a
{
	display: block;
}

.anchorBtn .main
{
	text-align: center;
}

.anchorBtn .main>*
{
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	width: calc(100% + (1em * 2));
	margin: auto -1em;
	list-style: none;
}

.anchorBtn .main>*>*
{
	margin: 0.5em 1em;
}

.anchorBtn .main>*>*>.Wrap
{
	height: 100%;
}

.anchorBtn .main>*>*:not(:last-of-type)
{
}

.anchorBtn .main>*>*:not(:first-of-type)
{
}

/* ============================================================================================================
	外部サイト
------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------
	ホットペッパー */
.ClassHotpepper
{
}

.ClassHotpepper.Icon
{
}

.ClassHotpepper.Icon .Img
{
	width: 3em;
}


/* ============================================================================================================
	SNS
------------------------------------------------------------------------------------------------------------ */
.SNS
{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2em;
	line-height: 1;
}

.SNS :is(a, .a)
{
	display: inherit;
	color: inherit;
}
/*
	display: block;
	display: inline-block;
*/

.SNS :is(a[target="_blank"], .a):before
{
	content: none;
}

.SNS .Icon .Img
{
	width: 1em;
}
/*
	display: block;
	width: 3em;
*/

.SNS .Icon .Img:before
{
}

.SNS .Icon .Img img
{
}
/*
	display: block;
*/

.SNS .title
{
	font-weight: bold;
	line-height: 1.5;
}
/*
	margin-top: 0;
	margin-bottom: 1em;
*/

.SNS .thumbnail
{
	display: block;
	margin-bottom: 1em;
}

.SNS .description
{
	display: block;
}

.SNS .date
{
	display: block;
}



.Header .SNS
{
}

.Header .SNS .icon
{
	margin-right: 0;
}



.Drawer .SNS
{
	display: inline-flex;
	gap: 3em;
}

.Drawer .SNS>*
{
}

.Drawer .SNS :where(a, .a)
{
	padding: 0;
}

.Drawer .SNS .Img
{
}
/*
	width: 2em;
*/

.Drawer .SNS .title
{
	margin-bottom: 0em;
}



.sideArea .SNS
{
	flex-direction: column;
	gap: 0;
}

.sideArea .SNS .Icon a
{
	padding: 1em;
}
.sideArea .SNS .Icon .Img
{
}



.Footer .SNS
{
}

.Footer .SNS .Icon .Img
{
	font-size: 2em;
}
/*
	width: 2.5em;
*/

.Footer .SNS .black img
{
	opacity: 0.5;
}



.Index .SNS	{
	margin-top: 3em;
	gap: 3em;
}
.Index .SNS>*	{
}



.Sitemap .body .SNS
{
	list-style: none;
	margin-left: 0;
	align-items: stretch;
	gap: 2em;
}
/*
	display: flex;
	flex-direction: column;
*/

.Sitemap .body .SNS>*
{
}
/*
	margin: 0;
*/

.Sitemap .body .SNS :where(a, .a)
{
	display: flex;
	gap: 1em;
}

.Sitemap .body .SNS ul
{
}

.Sitemap .body .SNS .Icon .Img,
.Sitemap .body .SNS .Icon .Img ~ *
{
	vertical-align: middle;
}

.Sitemap .body .SNS .Icon .Img
{
	font-size: 1.5em;
}
/*
	width: 1.5em;
*/

.Sitemap .body .SNS .Icon .Img ~ *
{
	margin: 0;
}

.Sitemap .body .SNS .Icon .Img ~ *:not(:last-of-type)
{
}

.Sitemap .body .SNS .title
{
	font-weight: inherit;
}

.Sitemap .body .SNS .title_sub
{
	font-size: 0.8em;
	position: absolute;
	left: 2.5em;
	top: calc(100% + 0.5em);
	white-space: nowrap;
}

/* ------------------------------------------------------------------------------------------------------------
	Facebook */
.ClassFacebook
{
	color: #315096;
}

.ClassFacebook.white
{
}

.ClassFacebook.white .Img:before
{
	background-color: #315096;
}


/* いいねボタン */
.SNSBtn
{
}

.ClassFacebook iframe
{
	margin: auto;
}

.ClassFacebook .fb-like
{
}


/* ------------------------------------------------------------------------------------------------------------
	Twitter */
.ClassTwitter
{
	color: #55acee;
}

.ClassTwitter.white
{
}

.ClassTwitter.Icon.white .Img:before
{
	background-color: #55acee;
}


/* ------------------------------------------------------------------------------------------------------------
	Instagram */
.ClassInstagram
{
	color: rgba(211,41,133,1.0);
}

.ClassInstagram .Img
{
}

.ClassInstagram.white .Img:before
{
	background: linear-gradient(230deg, #D300C5,#F00679,#FF7A00);
}


/* ------------------------------------------------------------------------------------------------------------
	QRcode */
.Code
{
}

.Code .Img
{
	display: block;
	text-align: center;
}

.Code :is(.Img, .Img img)
/*
.Code .Img,
.Code .Img img
*/
{
	width: 8em;
	margin-left: auto;
	margin-right: auto;
}

.LINE .Code
{
	display: table;
	border-collapse: collapse;
	border-spacing: 0em;
	text-align: left;
}

.LINE .Code :is(a>span, .Img, .txt)
/*
.LINE .Code a>span,
.LINE .Code .Img,
.LINE .Code .txt
*/
{
	display: table-cell;
	vertical-align: middle;
}

.LINE .Code .txt
{
	padding-left: 1em;
	white-space: nowrap;
	text-align: left;
}

.LINE .Code .txt .Btn
{
	height: 3em;
}


/* ------------------------------------------------------------------------------------------------------------
	Line */
.ClassLine
{
	color: #00c300;
}

.ClassLine.white .Img:before
{
	background-image: url(../fonts/LINE_Icon.png);
	background-repeat: no-repeat;
	background-size: contain;
}


/* ------------------------------------------------------------------------------------------------------------
	Line＠ */
.ClassLineat
{
	color: #00c300;
}

.ClassLineat.white .Img:before
{
	background-image: url(../fonts/LINEat_icon_basic_A.png);
	background-repeat: no-repeat;
	background-size: contain;
}


/* ------------------------------------------------------------------------------------------------------------
	Ameblo */
.ClassAmeblo
{
	color: rgba(58,140,45,1.0);
}

.ClassAmeblo .title_set
{
	width: 1em;
	height: 1em;
	line-height: 1em;
	border-radius: 100em;
	background-color: rgba(58,140,45,1.0);
	vertical-align: middle;
	text-align: center;
	letter-spacing: normal;
	background-color: rgba(58,140,45,1.0);
	background-image: url(../fonts/amebloL.svg);
	background-repeat: no-repeat;
}
/*
	color: #21759b;
	color: rgba(33,117,155,1.0);
*/

.ClassAmeblo.white .Img:before
{
	background-color: rgba(58,140,45,1.0);
}


/* ------------------------------------------------------------------------------------------------------------
	楽天 */
.IconRakuten
{
	background: #bf0000;
}

.IconRakuten.white .Img:before
{
	background-color: #bf0000;
	background-image: url(../fonts/rakuten.svg);
	background-repeat: no-repeat;
	background-size: contain;
}


/* ------------------------------------------------------------------------------------------------------------
	Excite */
.IconEx,
.IconExblog
{
}

.IconEx.white .Img:before
{
}



/* ============================================================================================================
	Word Press
------------------------------------------------------------------------------------------------------------ */
.IconWP .IconF
{
	color: #21759b;
	color: rgba(33,117,155,1.0);
}

.Index .News .main>.Wrap
{
}

.Index .News.WordPress ul
{
	margin-left: -1px;
	width: calc(100% + 1px);
	margin-top: 0;
}

.Index .News.WordPress li
{
	margin-top: 0;
	margin-left: 1px;
	width: calc(25% - 1px);
}

.Index .News.WordPress li:first-of-type
{
}

.Index .News.WordPress li.header
{
	text-align: center;
}

.Index .News.WordPress article
{
	text-align: left;
}

.Index .News.WordPress a
{
	display: inline-block;
}

.Index .News.WordPress a:before
{
	content: none;
}

.Index .News.WordPress>.Wrap
{
	margin: 0;
}

.Index .News.WordPress li
{
}

.Index .News.WordPress header.entry-header h2
{
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	margin-bottom: 1em;
	text-align: inherit;
	font-weight: bold;
}

.Index .News.WordPress .entry-title
{
	font-size: 1em;
	margin-bottom: 1rem;
}

.Index .News.WordPress .post-thumbnail+.entry-title
{
}

.Index .News.WordPress .post-thumbnail
{
	display: block;
	margin-bottom: 1rem;
}

/*
	margin-bottom: 2.625em;
	margin-bottom: 1em;
	margin-left: -1em;
	margin-right: -1em;
*/

.Index .News.WordPress a.post-thumbnail
{
	display: block;
}


/* ============================================================================================================
	行き来するボタン
------------------------------------------------------------------------------------------------------------ */
.SwitchingBtnSet
{
	text-align: center;
	line-height: 1;
	font-size: 0.8em;
	margin-top: 3em;
	margin-bottom: 3em;
}

/*
	padding-bottom: 1.5em;
	padding-bottom: 3em;
*/

.SwitchingBtnSet input,
.SwitchingBtnSet input[type="button"]:not([class])
{
	border-width: 0;
	background: none;
	color: inherit;
	padding: 0;
	line-height: inherit;
	padding-left: 2em;
	padding-right: 2em;
}

.SwitchingBtn
{
	border-width: 1px;
	padding: 0.5em 1em;
	display: inline-block;
	color: inherit;
	background: rgba(255,255,255,1.0);
	border-radius: 100em;
}

.SwitchingBtn>*
{
	display: inline-block;
	vertical-align: middle;
}

/*
.SwitchingBtn:before
	{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1.0;
}
.SwitchingBtnPC:before
	{
	background-image: url(../img/monitor.svg);
}
.SwitchingBtnSP:before
	{
	background-image: url(../img/mobile_phone.svg);
}
.SwitchingBtn:after
	{
	content: ">";
	display: inline-block;
}
*/
.SwitchingBtnPC
{
}

.SwitchingBtnSP
{
}

#Footer .SwitchingBtnSet .glyph
{
	padding-right: 0;
}

#Footer .SwitchingBtnSet .glyph:before
{
	font-size: 1em;
	line-height: inherit;
	opacity: 1.0;
}

/*
	vertical-align: bottom;
*/
/* ------------------------------------------------------
	hover */
.Hover
{
}

.Hover a
{
}
/*
	display: inline-block;
*/

.Hover a:hover,
.Hover a.ContentNo:hover,
.Hover.slider+.thumbnail .Item:hover
{
	opacity: 0.7;
}

/*,
.Hover a:hover:before,
.Hover a:hover:after	{
	opacity: 0.7;
}
*/

.Hover button
{
}

.Hover button:hover
{
	opacity: 0.7;
}

.Hover .ColorBtn
{
}

.Hover input[class*="Btn"]:hover,
.Hover button[class*="Btn"]:hover
/*.Hover :is(.ColorBtn, .BtnSubmit, .BtnBack, .BtnOk, .BtnUpload):hover*/
{
	opacity: 0.5;
}

/* ------------------------------------------------------
	zoom */
.Zoom
{
}

.Zoom a
{
}

.Zoom a .Img:not(.no_Zoom)
{
	overflow: hidden;
}

.Zoom a:hover .Img:not(.no_Zoom) img
{
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}


/* ============================================================================================================
	content:; 解除
------------------------------------------------------------------------------------------------------------ */
.ContentNo
{
}

.ContentNo>*
{
}

:is(.ContentNo, .ContentNo *):before,
:is(.ContentNo, .ContentNo *):after,
/*
*.ContentNo>*:before,
*.ContentNo>*:after,
a.ContentNo:is([target="_blank"], [href$=".pdf"])>*,
a.ContentNo:is([target="_blank"], [href$=".pdf"])>*:before,
a.ContentNo:is([target="_blank"], [href$=".pdf"])>*:after,
a.ContentNo:is([target="_blank"], [href$=".pdf"]),
a.ContentNo:is([target="_blank"], [href$=".pdf"]):before,
a.ContentNo:is([target="_blank"], [href$=".pdf"]):after,
*/
:is(.GlobalMenu, .Drawer, .sideArea, .SNS, .Banner, .Icon, .Download) :where(a, .a)>*:before,
:is(.GlobalMenu, .Drawer, .sideArea, .SNS, .Banner, .Icon, .Download) :where(a, .a)>*:after,
:is(.GlobalMenu, .Drawer, .sideArea, .SNS, .Banner, .Icon, .Download) :where(a, .a)>*:is([target="_blank"], [href$=".pdf"]):before,
:is(.GlobalMenu, .Drawer, .sideArea, .SNS, .Banner, .Icon, .Download) :where(a, .a)>*:is([target="_blank"], [href$=".pdf"]):after
/*
.ContentNo:before,
.ContentNo:after,
*.ContentNo:before,
*.ContentNo:after,
a.ContentNo,
a.ContentNo:before,
a.ContentNo[target="_blank"],
a.ContentNo[target="_blank"]:before,
a.ContentNo[target="_blank"]:after,
a.ContentNo[href$=".pdf"],
a.ContentNo[href$=".pdf"]:before,
a.ContentNo[href$=".pdf"]:after,
.doc a.ContentNo:before,
.doc a.ContentNo:after,
.doc a.ContentNo[href$=".pdf"],
.doc a.ContentNo[href$=".pdf"]:before,
.doc a.ContentNo[href$=".pdf"]:after,
.GlobalMenu a:before,
.Download a:before,
.Download a[target="_blank"]:before,
.SNS a[target="_blank"]:before,
.SNS a[target="_blank"]:after,
.SNSIcon a[target="_blank"]:before,
.ClassInstagram:before,
.ClassInstagram a[target="_blank"]:before,
.Banner a:before,
.Drawer .Menu .SNS a:after
*//*
.Icon a:before,
*:not(.ColorBtn) a[target="_blank"]:after,
.ColorBtn[target="_blank"],
.ColorBtn[target="_blank"]:before,
.ColorBtn a[target="_blank"],
.ColorBtn a[target="_blank"]:before
,
.PdfDLL a:before,
a.PdfDLL:before,
.ShohinImgGallery a:before,
#GlobalMenu a:before
*/
{
	content: none;
}
/*
	width: auto;
	height: auto;
	border-width: 0;
	box-shadow: none;
	padding: 0;
	text-indent: 0em;
	opacity: 1;
*/

.ContentNo,
.Banner a
{
	text-indent: 0;
}
/*
	padding-left: 0;
*/

.ColorBtn.ContentNo
{
}
/*
	padding-right: 0;
*/

/* [sp]電話番号を発信ボタンにする */
:is(#Header, .Main, #Footer, #Drawer) a.anchor
{
	display: inline;
	padding: 0;
	margin: 0;
	border-width: 0;
	background: transparent;
}


/* ============================================================================================================
	box
------------------------------------------------------------------------------------------------------------ */
.WordPress
{
	zoom: 1;
}

.WordPress:after
{
	content: "";
	display: block;
	clear: both;
}