@charset "utf-8";

/* CSS Document */

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

.Hover a,
.Zoom a img,
button,
input,
.Btn,
.ColorBtn,
/*
.scroll .Header,
.scroll .Header:before,
.GlobalMenu *,
*/
.MenuOn,
.Hover.slider+.thumbnail .Item
{
	-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;
}

/* ------------------------------------------------------
	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-child):after,
.SortNavi .Btn a:before,
.SortNavi .Btn2 a:after,
.select:after,
.ColorBtn:after
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0.5em;
	height: 0.5em;
	line-height: 0;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	transform: rotate(45deg);
}

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

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

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

.SortNavi .Btn.Prev a:before,
.SortNavi .Btn.Prev a:after
{
	transform: rotate(-135deg);
}

.SortNavi .Btn2 a:before,
.SortNavi .Btn2 a:before
{
}

.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%) rotate(45deg);
}

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

.anchorBtn .ColorBtn:after
{
	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-indent: -1.25em;
	padding-left: 1.25em;
	display: inline-block;
*/

a:is([target="_blank"], [href$=".pdf"])>*:before
/*
a[target="_blank"]:before,
a[href$=".pdf"]:before,
.doc a:before,
#GlobalMenu .PullDown .Child a .title:before,
.Drawer .Menu .Ex a .title:before,
.MapNaviBtn a>*:before,
.PrintBtn:before,
*/
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-size: cover;
	line-height: 0;
	letter-spacing: normal;
}

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

a[target="_blank"]>span
{
}

a[target="_blank"]:before,
a[target="_blank"]:hover:before
{
}

/*
	background: none;
	color: inherit;
*/

a[target="_blank"]>*:before
/*,
.GlobalMenu .Child a[target="_blank"] .title:before,
.Drawer .Menu .Ex a .title:before
*/
{
	background-image: url(../img/layers.svg);
}

a[target="_blank"]>*: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"]:before
{
	background-image: url(../img/icon_document_alt.svg);
}


/* ------------------------------------------------------
	印刷ボタン */
.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
{
	border-width: 1px;
	padding: 1em 1em;
	display: inline-block;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}

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

.ColorBtn:hover
{
}

.ColorBtn *
{
	font-weight: inherit;
}

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;
}


/* 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-block;
}

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

.Icon .Img
{
	width: 1.1em;
}

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

.Icon .icon
{
	display: inline-block;
	display: inline-table;
	line-height: 0;
	margin-right: 0.5em;
	text-align: center;
}

.Icon .icon img
{
	margin: auto;
	width: 75%;
	vertical-align: middle;
	display: block;
}

.Icon .icon+*
{
}

/*
	line-height: 1.5em;
*/

.Icon .icon>.Wrap
{
	display: table-cell;
	vertical-align: middle;
	width: 1.5em;
	height: 1.5em;
}



/* ======================================================
	ページナビ
------------------------------------------------------ */
.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;
	height: 1em;
	display: table;
}

.PageNavi .main>*
{
	display: table-cell;
}

.PageNavi .main>*.a
{
}

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

.PageNavi .main>span:last-child
{
}

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

.PageNavi a
{
	text-decoration: underline;
}

.PageNavi a:after,
.PageNavi span:not(:last-child) .a:after
{
	margin-left: 1em;
	margin-right: 1em;
}

.CategoryTitle .PageNavi
{
}

.FooterBtn .PageNavi
{
}

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

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

.SortNavi span
{
}

.SortNavi .Select
{
}

.SortNavi .Btn:is(a, .Select)
/*
.SortNavi a,
.SortNavi .Select
*/
{
	display: inline-block;
	width: 2.5em;
	line-height: 2.5em;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	border-width: 1px;
	border-radius: 100em;
	text-decoration: none;
}

.SortNavi .Btn
{
}

.SortNavi .Btn a
{
}

.SortNavi .Btn:is(.Prev, .Next)
/*
.SortNavi .Btn.Prev,
.SortNavi .Btn.Next
*/
{
}

.SortNavi .Btn.Prev
{
}

.SortNavi .Btn.Next
{
}

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

.SortNavi .SortTxt b
{
	font-weight: normal;
	margin-left: 1em;
	border-width: 1px 0;
}

.SortNavi .SortTxt a
{
	display: inline-block;
	margin-left: 1em;
}

.SortNavi .SortTxt span
{
	display: inline-block;
}

.SortNavi .SortTxt a:hover
{
	border-color: inherit;
}

.SortNaviFooter
{
	max-width: initial;
}

#Admin .SortNavi
{
	margin-left: 0;
	max-width: initial;
}

/*
.SortNaviBtn
	{
	display: inline-block;
	margin-left: -1px;
	max-width: calc((2.5em + 2px) * 15);
	vertical-align: middle;
	text-align: left;
}
.SortNaviBtn span
	{
	float: left;
}
.SortNaviFooter
	{
	max-width: initial;
}
.SortNaviFooter .SortNaviBtn
	{
	max-width: calc((2.5em + 2px) * 22);
}
*/


/* 並び替え */
.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-child)
{
}

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

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

.ClassHotpepper.Icon
{
}

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


/* ======================================================
	SNS
------------------------------------------------------ */
.SNS
{
	line-height: 1;
}

.SNS :is(a, .a ) 
{
	display: inline-block;
}
.SNS .Img
{
	width: 3em;
}

.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>*,
.Footer .SNS>*,
.Drawer .SNS>*,
.Index .SNS>*
/*
:is(.Header, .Footer, .Drawer, .Index ) .SNS>*
*/
{
	display: inline-block;
	vertical-align: middle;
}

.Header .SNS>*:not(:first-child),
.Footer .SNS>*:not(:first-child),
.Drawer .SNS>*:not(:first-child),
.Index .SNS>*:not(:first-child)
/*
:is(.Header, .Footer, .Drawer, .Index ) .SNS>*:not(:first-child)
*/
{
	margin-left: 2em;
}


.Header .SNS
{
	text-align: left;
	margin-top: 0.25em;
}

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


.Drawer .SNS
{
	margin-top: 3em;
}

.Drawer .SNS>*
{
}

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

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


.sideArea .SNS
{
}

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



.Footer .SNS
{
}

.Footer .SNS .Img
{
	width: 2.5em;
}

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


.Index .SNS	{
	margin-top: 3em;
}
.Index .SNS>*	{
	display: inline-block;
	vertical-align: middle;
}


.Sitemap .main .SNS
{
}

.Sitemap .main .SNS ul
{
	list-style: none;
	margin-left: 0;
}

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

.Sitemap .main .SNS .Img
{
	width: 1.5em;
}

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

.Sitemap .main .SNS .Img ~ *:not(:last-child)
{
}

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

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

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

.ClassFacebook .IconF:before,
.ClassFacebook .IconF:after
{
	color: inherit;
}

img[src$="facebook_alt.svg"]
{
	background-color: rgba(255,255,255,1.0);
	border-radius: 0.3em;
}

a[href^="https://www.facebook.com/"]
{
}

a[href^="https://www.facebook.com/"] .icon
{
	background-color: #315096;
}

:is(.Header, .Main) a[href^="https://www.facebook.com/"] .icon
/*
.Header a[href^="https://www.facebook.com/"] .icon,
.Main a[href^="https://www.facebook.com/"] .icon
*/
{
	background-color: rgba(59,89,152,1.0);
	color: rgba(255,255,255,1.0);
}

/*
.ClassFacebook:before
	{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-width: 1px;
	border-color: rgba(59,89,152,1.0);
}
.Header a[href^="https://www.facebook.com/"],
.Main a[href^="https://www.facebook.com/"]
	{
}
.Header a[href^="https://www.facebook.com/"],
.Header a[href^="https://www.facebook.com/"] .icon,
.Main a[href^="https://www.facebook.com/"],
.Main a[href^="https://www.facebook.com/"] .icon
	{
	background-color: rgba(59,89,152,1.0);
	color: rgba(255,255,255,1.0);
}
*/


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

:is(.SNSBtn, .SNS .Btn) iframe
/*
.SNSBtn iframe,
.SNS .Btn iframe
*/
{
	margin: auto;
}

.Header .SNS
{
	text-align: right;
}

.Header .SNS .Icon a
{
	padding: 0.25em 1em 0.25em 0;
}

.Header .SNS>div
{
	display: inline-block;
	vertical-align: middle;
	font-size: inherit;
}

.Header .SNSBtn
{
	height: 20px;
}

.store .Header .SNSBtn .fb-like
{
}

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

.IconTwitter .IconF:before,
.IconTwitter .IconF:after
{
	color: inherit;
}

/* ------------------------------------------------------
	Instagram */
.IconInstagram .IconF
{
}

.instagram_img:before
{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background-image: url(../fonts/Instagram-v051916s.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.ClassInstagram
{
}

:is(.Header, .Main) .ClassInstagram .icon
/*
.Header .ClassInstagram .icon,
.Main .ClassInstagram .icon
*/
{
	background-image: url(../img/Instagram-Background-Gradient3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-size: cover;
	color: rgba(255,255,255,1.0);
}

/*
.Header .SNS .ClassInstagram a
	{
	background-image: url(../img/Background-Gradient3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
*/


/* ------------------------------------------------------
	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 */
.IconLine .IconF
{
	color: #00c300;
}

.IconLine .line_img:before
{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background-image: url(../fonts/LINE_Icon.png);
	background-repeat: no-repeat;
	background-size: contain;
}

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

.IconLineat .lineat_img:before
{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background-image: url(../fonts/LINEat_icon_basic_A.png);
	background-repeat: no-repeat;
	background-size: contain;
}

/*
.LineAtCodeImg
	{
}
.LineAtCodeImg:before
	{
	background-image: url(../img/code.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}
.LineAtCodeImgS:before
	{
	background-image: url(../img/code_s.jpg);
	background-repeat: no-repeat;
	background-size: contain;
}
*/




/* ------------------------------------------------------
	Ameblo */
.IconAmeblo .IconF
{
}

.sns_ameblo
{
	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;
}

/*
	color: #21759b;
	color: rgba(33,117,155,1.0);
*/

.sns_ameblo:before
{
	content: "Ａ";
	display: block;
	font-weight: 900;
	color: rgba(255,255,255,1.0);
	font-size: 0.7em;
	vertical-align: top;
}

.sns_ameblo_l:before
{
	background-color: rgba(58,140,45,1.0);
	background-image: url(../fonts/amebloL.svg);
	background-repeat: no-repeat;
}

/* ------------------------------------------------------
	楽天 */
.IconRakuten:before
{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background-color: #bf0000;
	background-image: url(../fonts/rakuten.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

/* ------------------------------------------------------
	Excite */
.IconExblog,
:is(#Footer, .Sitemap) .IconExblog
/*
#Footer .IconExblog
*/
{
	background-color: rgba(255,255,255,0.7);
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0 0.5rem;
}

.IconExblog:before,
:is(#Footer, .Sitemap) .IconExblog:before
/*
#Footer .IconExblog:before,
.Sitemap .IconExblog:before
*/
{
	display: block;
	width: 1em;
	width: 4.5em;
	height: 1em;
	background-image: url(../fonts/logo_exblog.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

/* ======================================================
	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-child
{
}

.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 :is(.ColorBtn, .BtnSubmit, .BtnBack, .BtnOk, .BtnUpload):hover
{
	opacity: 0.5;
}

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

.Zoom a
{
}

.Zoom a .Img
{
	overflow: hidden;
}

.Zoom a:hover 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) a>*:before,
:is(.GlobalMenu, .Drawer, .sideArea, .SNS, .Banner, .Icon, .Download) a>*:after,
:is(.GlobalMenu, .Drawer, .sideArea, .SNS, .Banner, .Icon, .Download) a>*:is([target="_blank"], [href$=".pdf"]):before,
:is(.GlobalMenu, .Drawer, .sideArea, .SNS, .Banner, .Icon, .Download) 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;
}


/* [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;
}