@charset "utf-8";





*
{
}

html
{
	font-size: 62.5%;
	width:100%;
}


body
{
	text-align:center;
	line-height: 2;
	width:100%;
	height:100%;
}

@media screen and (max-width: 800px) {
	
	body
	{
		background-attachment: scroll;
	}
}

body,
.BackTop a:before
{
	letter-spacing: 0.15em;
}

body,
.Main.Menu
{
	font-size: 1.4rem;
}

table	{
	line-height: inherit;
}


body,
.FreeMark:before
{
	font-weight: normal;
	font-family: 'Mplus 1p', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.hidden
{
	display: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border-width: 0;
	overflow: hidden;
	opacity: 0;
}


#TopFlash .VideoSWF,
#MovieFlash .VideoSWF	{}
#TopFlash .VideoSP,
#MovieFlash .VideoSP	{ display: none; }








button,
input,
.changeBtn>span

	{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}



#Signin .SignInForm>.Wrap>.Wrap,
#Signin .SignInForm>.Wrap:before,
#Signin .SignInForm>.Wrap:after,
#Signin .SignInForm>.Wrap>.Wrap:before,
#Signin .SignInForm>.Wrap>.Wrap:after
	{
	border-color: #dec052;
	border-color: rgba(222,192,82,1.0);
}



body,
th input,
th textarea,
.Footer a,
.NewsList a
	{
	color: rgba(0,0,0,0.75);
}
.PageNavi a,
.InfoTouristMap .Course .Route b	{
	color: #007b43;
	color: rgba(0,123,67,1.0);

}
#MenuBar	{
	color: inherit;
}


sup.Required, sub.Required,
.Required:before, .Required:after,
.Alert,
.Message,
.ErrorMessage,
.NewMark,
.NewMark:before,
.Index .read,
.IndexContents .ContentsPrice .Menu h3
	{
	color: rgba(232,55,47,1.0);
}


a,
h2,
.NewsDetail a,
.SitemapMain .Sub a:before,
.HeaderRight .glyph	{
	color: rgba(113,92,31,1.0);

}
.NewsListBtn a:hover	{
}



.Step .StepArrow	{
	color: rgba(12,60,163,0.7);
}





body

	{
	background-image: url(../img/042.png);
}

.Footer	{
	background-color: rgba(255,255,255,1.0);
}

#MenuBar,
.Footer>.Wrap,
.Magazine .List li>.Wrap	{
	background-image: url(../img/white_paperboard.png);
	background-image: url(../img/paper_3w.png);
}
.CategoryTitle,
.CategoryNavi,
h3:before	{
	background-image:url(../img/073_2.png);
}


body	{
	background-color: rgba(255,255,255,1.0);
}





body,
thead th,
thead td,
tfoot th,
tfoot td,
h3:before,

.HeaderLogo a,
#Admin .HeaderLogo>span,
#Header>.Wrap,
.SitemapMain>.Wrap>ul>li>a:not([target="_blank"]):before,
.NewsListBtn>a:after,
.NewsListBtn>span:after,
.SmallSize .changeBtn .small,
.MiddleSize .changeBtn .middle,
.LargeSize .changeBtn .large,
.changeBtn>span:hover,
.SliderGallery .flex-control-paging li a:hover,
.SliderGallery .flex-control-paging li a.flex-active,
.Index .Category02,
.CategoryNaviBtn a:before,
.CategoryNaviBtn a:hover,
.CategoryNaviBtn .MenuOn a:hover,
.CategoryNaviBtn .NaviChild a:hover,
.SortNavi>span:not([class]):hover,
.CategoryTitle,
.Drawer .toggle .Btn span,
.ModeSP #Header,
.ModeSP #Header .HeaderLogo a
{
	background-color: #715c1f;
	background-color: rgba(113,92,31,1.0);
}


#nav-content
{
	background-color: rgba(0,0,0,0.8);
}

#nav-content:before
{
	background-color: rgba(113,92,31,0.2);
}

#nav-input:checked ~ .toggle .Btn span
{
	background-color: rgba(255,255,255,1.0);
}

thead th,
thead td,
tfoot th,
tfoot td,
.HeaderLogo a,
.FooterBtn>.Wrap>.Btn,
.SitemapMain>.Wrap>ul>li>a:not([target="_blank"]):before,
.NewsListBtn>a:after,
.NewsListBtn>span:after,
.SmallSize .changeBtn .small,
.MiddleSize .changeBtn .middle,
.LargeSize .changeBtn .large,
.changeBtn>span:hover,
.SliderGallery .flex-control-paging li a:hover,
.SliderGallery .flex-control-paging li a.flex-active,
.CategoryNaviBtn a:before,
.CategoryNaviBtn a:hover,
.CategoryNaviBtn .MenuOn a,
.CategoryNaviBtn .NaviChild a,
.SortNavi>span:not([class]):hover,
.InfoTouristMap .Course .Route .Arrow,
#nav-content
{
	color: rgba(255,255,255,1.0);
}

.CategoryTitle,
.CategoryNaviBtn .MenuOn a,
.CategoryNaviBtn .NaviChild a
	{
	background-color: rgba(113,92,31,0.75);
}

.FooterBtn>.Wrap>.Btn,
.SiteSearchBox input[type="text"],
.SiteSearchBox button,
.InfoTouristMap .Course .Route .Arrow	{
	background-color: rgba(113,92,31,0.5);
}
.InfoTouristMap .Course .Point a	{
	background-color: rgba(113,92,31,0.25);
}
.InfoTouristMap .Course .Point a:hover	{
	background-color: rgba(113,92,31,0.1);
}
#MenuBar .MenuOn span:after	{
	background-color: rgba(113,92,31,0.025);
}



hr,
.changeBtn>span,
.SortNavi>span:not([class]),
.CategoryNaviBtn a
	{
	background-color: rgba(220,211,178,1.0);

}
.CategoryTitle .Mago
	{
}

#MenuBar,
.Footer>.Wrap,
.Index .Category04,
.CategoryNaviBtn a:hover:before,
.CategoryNaviBtn .MenuOn a:before
	{
	background-color: #dcd3b2;
	background-color: rgba(220,211,178,0.6);

}
.Stripe tbody th	{
	background-color: transparent;
}

.zebra>tr>th,
.zebra>tr>td,
.MarkerPen,
.memo	{
	background-color: rgba(220,211,178,0.3);
}
.CategoryNavi
	{
	background-color: rgba(220,211,178,0.5);
}



.Index .Category03
	{
	background-color: #007b43;
	background-color: rgba(0,123,67,1.0);
	color: rgba(255,255,255,1.0);

}



.Floor .title>b
	{
	background-color: rgba(167,159,170,1.0);
	color: rgba(255,255,255,1.0);
}



.Index .SycchouKouza,
.Index .Category04
	{
	background-color: #28487c;
	background-color: rgba(40,72,124,1.0);
}





#SlideMenuList,
.SlideMenuBtn a span	{
	background-color: rgba(0,0,0,0.9);
	color: rgba(255,255,255,1.0);
}


.ColorBtn,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.tabrow li
	{

	background-image: linear-gradient(
		170deg,
		rgba(0,0,0,0.025),
		rgba(0,0,0,0.1)
	);
	background-color: rgba(0,0,0,0);
	background-color: rgba(255,255,255,1.0);

}
.ColorBtn:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.tabrow li:not(.selected):hover
	{

	background-color: rgba(0,0,0,0);
	background-color: rgba(255,255,255,1.0);
	background-image: linear-gradient(
		170deg,
		rgba(0,0,0,0.1),
		rgba(0,0,0,0.15)
	);
	color: inherit;
}





.Index .Merit ul>li,
.ShohinCt1
	{

	background-image: repeating-linear-gradient(
		-20deg,
		rgba(255,255,255,0.4),
		rgba(255,255,255,0.4) 5px,
		rgba(255,255,255,0) 0,
		rgba(255,255,255,0) 10px
	);
}
.Otodoke .StepTitle>b
	{

	background-image: repeating-linear-gradient(
		-20deg,
		rgba(255,255,255,0.2),
		rgba(255,255,255,0.2) 5px,
		rgba(255,255,255,0) 0,
		rgba(255,255,255,0) 10px
	);

}





body, hr,
a, img, div, p, blockquote,
strong, span, b, small, em,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6, pre,
table, th, td, caption, thead, tbody, tfoot,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, article,
.Border,
*:before,
*:after,
select,
input, textarea, button, label,
.NewsList th,
.NewsList td
	{
	border-color: rgba(0,0,0,0.25);
}
thead tr>th:last-child,
thead tr>td:last-child,
.Thead tr>th:last-child,
.Thead tr>td:last-child
	{
}
.MagazineList li a:hover:after	{
	border-color: rgba(113,92,31,1.0);
}
h2,
h2 *,
.Btn,
.Btn>a,
.Btn>span,
.CategoryTitle .Mago,
.IndexNews h2:after
	{
	border-color: rgba(113,92,31,0.8);
}
.InfoTouristMap .Course .Point a>.Wrap,
.CategoryTitle .Mago,
.ModeSP .SliderGallery .flex-control-nav li a
{
	border-color: rgba(113,92,31,0.5);
}
.memo
	{
	border-color: rgba(113,92,31,0.25);
}

.Calendar tbody tr td:not(:first-child)
	{
	border-left-color: rgba(76,63,63,0.2);
}
.Calendar tbody tr td:not(:last-child)
	{
	border-right-color: rgba(76,63,63,0.2);
}
.Calendar tbody tr td
	{
	border-top-color: rgba(76,63,63,0.2);
}
.Calendar tbody tr:not(:last-child) td
	{
	border-bottom-color: rgba(76,63,63,0.2);
}

.CategoryNaviBtn a	{
}



.HeaderRight>.Wrap>ul>li,
#MenuBar	{
	border-color: rgba(197,160,103,0.5);
}
#MenuBar *	{
	border-color: rgba(197,160,103,0.75);
}


.ModeSP .Info #floor .Floor:not(.first)
{
	border-color: rgba(220,211,178,1.0);
}



thead th,
thead td,
tfoot th,
tfoot td	{
	border-left-color: rgba(255,255,255,0.5);
	border-right-color: rgba(255,255,255,0.5);
	border-top-color: rgba(255,255,255,0.5);
	border-bottom-color: rgba(255,255,255,0.5);
}
thead>tr:not(:first-child) th,
thead>tr:not(:first-child) td	{
}




.read.Corner,
.read.Corner>.Wrap
	{
	border-color: rgba(215,10,48,0.2);
}


.RequiredBox	{}
.RequiredBox select,
.RequiredBox input[type="text"],
.RequiredBox textarea	{
}




.Border	{
	border-width: 1px;
	padding: 1em;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.BorderInside	{
	position: relative;
	display: block;
}
.BorderInside:after	{
	content:"";
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,0.5);
}



.Under1	{ text-decoration: underline; }





.Tape	{
	color: rgba(255,255,255,1.0);
	border-width: 1px 0;
	border-color: rgba(255,255,255,1.0);
	padding: 2px 0;
}
.Tape	{
	background-color: rgba(255,255,255,0.5);
}
.Tape:before,
.Tape:after	{
	content: "";
	display: block;
	border-style: dotted;
	border-color: rgba(255,255,255,1.0);
	padding: 0.25em;
}
.Tape:before	{
	border-top-width: 1px;
}
.Tape:after	{
	border-bottom-width: 1px;
}





.AccessMapDsp	{
	opacity: 0.9;

}

.AccessMapDsp *	{
	border: 0;
}





section,
article
	{
}
section:not(:first-child),
article:not(:first-child),
.Indent>div:not(:first-child).section
	{
	margin-top: calc(10em / 2);

}
form>section:not(:first-child)	{
	margin-top: 0em;
}


section:not(:last-child),
article:not(:last-child),
.Indent>div:not(:last-child).section
	{
	margin-bottom: calc(10em / 2);

}


.Wrap	{
}
section>.Wrap,
article>.Wrap	{
}



.Note	{
	margin-left: 2em;
}
.Indent>.section	{
	margin-left: calc((1em * 1.5) * 1);
}
.Indent>.section h3	{}
.Indent>.section h3:before	{
	margin-left: -1em;
}


.ExternalSet ul	{
	margin-left: 0px;
	list-style: none;
}
.ExternalSet span	{
	display: inline-block;
	vertical-align: middle;
	margin-left: 1em;
}
.ExternalSet img	{
	display: inline-block;
	vertical-align: middle;
	height: 3em;
}



hr.Blank	{
	background-color: transparent;
}





table	{
	border-collapse: collapse;
	text-indent: 0px;
	text-align: left;
	border-spacing: 0em;
	border-width: 1px;
	width: 100%;

}


th,
td,
thead th,
thead td,
.Tbody th,
.Tbody td	{
	text-indent: 0px;
	vertical-align: top;
	padding: 0.5em 1em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-style: solid dotted;
}

th	{
}
tbody th,
.WidthTh	{
	width: 13em;
	text-align: left;
	vertical-align:top;
}
td	{
}
th:last-child	{
	border-right-style: solid;
}
td:last-child	{
	border-right-width: 0px;
}



thead th,
.Thead th	{
	border-top-width: 3px;
	border-left-style: solid;
	border-right-style: solid;
	padding-left: 0.5em;
	padding-right: 0.5em;
	width: auto;
	text-align: center;
	white-space: nowrap;
	word-break: keep-all;
	vertical-align: middle;
	line-height: 1.5;
}

thead td,
.Thead td	{
	border-top-width: 3px;
	border-left-style: solid;
}
thead tr:first-child th,
thead tr:first-child td,
.Thead tr:first-child th,
.Thead tr:first-child td	{
	border-top-width: 0px;
}
thead tr:last-child th,
thead tr:last-child td,
.Thead tr:last-child th,
.Thead tr:last-child td	{
	border-top-width: 1px;

}
thead>tr:first-child>th:first-child,
thead>tr:first-child>td:first-child,
.Thead>tr:first-child>th:first-child
.Thead>tr:first-child>td:first-child
	{
	border-left-width: 0;
}
thead th:last-child,
thead td:last-child
	{
	border-right-width: 0;
}



tfoot tr:first-child th,
tfoot tr:first-child td,
.Tfoot tr:first-child th,
.Tfoot tr:first-child td	{
	border-top-width: 3px;

}
tfoot tr:last-child th,
tfoot tr:last-child td,
.Tfoot tr:last-child th,
.Tfoot tr:last-child td	{
}



.Required::before	{
	content: "必須";
	content: "※";
	margin-right: 0.5em;
}




.RowControl	{}
div.RowControl:before	{
	content: "※ドラッグで、項目の順番(上下)を変更できます。";
	display: block;
	text-align: left;
}







.TableBlock,
.TableBlock :is(table, th, td):not([class*="Width"])

{
	width: 100%;
}


.TableBlock :is(th, td)

{
	display: block;
}

.TableBlock td

{
	padding-left: 0;
	padding-right: 0;
}



.TableCell,
.TableCell table
{
	display: table;
}

.TableCell :is(th, td)

{
	display: table-cell;
}





.TableCell td:not([class*="Width"])

{
	width: inherit;
}


.table_scroll
{
	margin-bottom: 1.5em;
}


@media screen and (max-width: 750px) {
.table_scroll
{
	overflow-x: scroll;
}

.table_scroll table
{
	display: table;
	width: 200vw;
}


.table_scroll tr
{
	display: table-row;
}

.table_scroll :is(th, td)
{
	display: table-cell;
	white-space: nowrap;
	word-break: keep-all;
	border-style: solid;
	border-left-width: 1px;
}

.table_scroll th
{
}


.table_scroll td
{
}




}




.Circle	{
	padding: 1em;
	border-radius: 100em;
	display: inline-block;
}









h1>b,
h2>b,
h3>b	{
	font-weight: inherit;
}


h1	{}
.CategoryTitle	{
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5em;
}
.CategoryTitle>.Wrap	{
	background-color: rgba(255,255,255,0.5);
	padding-top: 3px;
	padding-bottom: 3px;
}
.CategoryTitle>.Wrap>.Wrap	{
	background-color: rgba(255,255,255,1.0);
	padding-top: 1em;
	padding-bottom: 1em;
}
.CategoryTitle h1	{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.CategoryTitle h1 b	{
	display: inline-block;
	border-bottom-width: 1px;
	padding-bottom: 1em;
}
.CategoryTitle h1 small	{
	display: inline-block;
	vertical-align: baseline;
	margin-left: 1em;
}
.CategoryTitle img	{
	vertical-align: middle;
}
.CategoryTitle h1:not([class])	{
}

.CategoryTitle.Tobira,
.CategoryTitle.Tobira *,
.CategoryTitle.Tobira * *	{
	background: none;
}
.CategoryTitle.Tobira	{
	padding-top: 0;
}
.CategoryTitle.Tobira>.Wrap,
.CategoryTitle.Tobira>.Wrap>.Wrap	{
	padding-top: 0;
	padding-bottom: 0;
}
.CategoryTitle.Tobira h1	{
	font-size: 2em;
	margin-bottom: 1em;
}
.CategoryTitle.Tobira h1>b	{
	padding-bottom: 1em;
}


h2	{
	font-size: 1.75em;
}
h2:not([class])	{
	border-bottom-width: 1px;
	padding-bottom: 0.25em;
}
h2:not([class]):before {
}

h2:not([class])>strong:after {}

h2>b	{
	display: inline-block;
}

.CategoryTitle h2	{
	font-size: 2.5em;
	display: block;
	border-bottom-width: 0;
	padding-bottom: 0;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

h3,
.Floor .title
{
	font-size: 1.5em;
	opacity: 0.9;
	font-weight: bold;

	margin-top: calc(2em / 3);
	margin-bottom: calc(2em / 3);
}

h3
{
}

h3:before	{
	content: "";
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	margin-right: 0.25em;
	background-size: contain;
	background-position: center;
	border-radius: 100em;
}



h4,
dt	{
	font-weight: bold;
	font-size: 1.2em;
}


cite	{
	display: block;
	font-size: 0.8em;
	text-align: right;
	letter-spacing: normal;
}




a	{
	text-decoration: underline;
	text-decoration: none;

}
a:hover	{
	text-decoration: underline;
}
.changeBtn span:hover,
a.ColorBtn,
.ColorBtn a,
a.ClickBtn,
.ClickBtn a,
.SNS a,
.Header a,
#MenuBar a,
.PageNavi a,
.PageNavi span,
.APPDownload a,
.FooterBtn a,
.FooterLogo a,
.FooterCopy a,
.List a,
#SlideMenu a
	{
	text-decoration:none;

}


.PageNavi a	{
	border-bottom-width: 1px;
	margin-bottom: -1px;
	line-height: 1.5;
}
.SitemapMain li a:not([target="_blank"]):before,
.Index .Category .ColorBtn:before,
.NewsListBtn>a:not([target="_blank"]):after,
.NewsListBtn>span:after,
.PageNavi span:not(:last-child):after,
.CategoryNaviBtn a:before,
.CategoryTitle .Mago a:before
	{
	font-family: 'ElegantIcons';
	content: "\35";
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
}
.PageNavi span:not(:last-child):after	{
	line-height: 1;
	margin-left: 1em;
	margin-right: 1em;
}
.SitemapMain li a:not([target="_blank"]):before,
.SitemapMain .Sub a:not([target="_blank"]):before,
.NewsListBtn>a:not([target="_blank"]):after,
.NewsListBtn>span:after,
.CategoryNaviBtn a:before,
.CategoryTitle .Mago a:before
	{
	content: "\45";
}
.SitemapMain>.Wrap>ul>li a:not([target="_blank"]):before,
.NewsListBtn>a:not([target="_blank"]):after,
.NewsListBtn>span:after,
.CategoryNaviBtn a:not([target="_blank"]):before
	{
	font-size: 0.8em;
	width: 1.125em;
	height: 1.125em;
	line-height: 1.125em;
	letter-spacing: normal;
	text-align: center;

}
.SitemapMain>.Wrap>ul>li[class]>a:before	{
	margin-right: 0.5em;
}
.NewsListBtn>a:after
	{
	margin-left: 0.5em;
}
.SitemapMain a:before,
.CategoryNaviBtn a:before	{
	margin-left: -2em;
	margin-left: calc(0em - ((0.9em * 1.125) * 2));
}
.SitemapMain .Sub a:before	{
	margin-left: calc(0em - ((0.9em * 1.125) * 1));
}



a[target="_blank"]:not([class]):before,
.Index .Category .SNS .ColorBtn:before	{
	font-family: 'themify';
	content: "\e732";
	font-family: 'themify';
	content: "\e62f";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
	margin-left: -1.5em;
	line-height: 1;
	letter-spacing: normal;
}
td>a[target="_blank"]	{
	margin-left: 1.5em;
}
td>a[target="_blank"]:before	{
}

a[target="_blank"]:before,
a[target="_blank"]:hover:before	{
	background: none;
	color: inherit;
}

.MapNaviBtn a:before,
.MapBtn a:before,
.APPDownload a[target="_blank"]:before

	{
	content: none;
	border-width: 0;
	box-shadow: none;
	opacity: 1;
	width: auto;
	height: auto;
}

.SNS a[target]::before
{
	content: none;
}


.ContentNo,
.ContentNo:before,
.ContentNo:after,
a.ContentNo[target="_blank"]:before
	{
	content: none;
}
.ContentNo
	{
	text-indent: 0px;
	padding-left: 0px;
}




.AnchorBtn	{
	margin-top: 5em;
	margin-bottom: 5em;
	border-radius: 0.1em;
	overflow: hidden;
}
.AnchorBtn:hover	{
	background-color: rgba(255,255,255,0.05);
	opacity: 0.9;
}


.List a:hover	{
	opacity: 0.7;
}
.List *:hover:after	{
	opacity: 0.7;
}



.Marker	{
	text-decoration: none;
	padding: 0.25em 0.5em;
	border-width: 1px;

}
a img.Marker,
input.Marker	{
	border-width: 1px;
	border-style: solid;
	border-color: #e4b7bf;
	padding: 0.25em;
	background-attachment: fixed;
}



.ColorBtn,
.BtnSubmit,
.BtnBack,
.BtnOk,
.BtnUpload	{
	display: inline-block;
	line-height: 1;
	padding: 0.5em 1em;
	overflow: hidden;
	border-radius: 100em;
	vertical-align: middle;
	border-radius: 0.1em;

}
.ColorBtn,
.ClickBtn	{
	border-width: 1px;
	line-height: 1;
	font-weight: normal;
	text-align: center;
}
.BtnSubmit,
.BtnBack,
.BtnOk,
.BtnUpload	{
}

.ColorBtn>a	{
	display: block;
	text-decoration: none;
	text-indent: 0px;
	color: inherit;
}
.ColorBtn>a:before	{
}

input.ColorBtn	{
	border-style: solid;
}


.ColorBtn>*	{
	display: block;
	text-decoration: none;
	text-indent: 0px;
	color: inherit;
}
.ColorBtn img	{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}



.ClickBtn,
a.ClickBtn	{
	display: inline-block;
	text-align: center;
	border-width: 0px;
	border-radius: 0.2em;
	border-style: solid;
}
.ClickBtn>a	{
	display: block;
	min-width: 8em;
}

.ClickBtn>span	{

}


.ClickBtn.ClickBtnS {
	font-size: 1em;
}
.ClickBtn.ClickBtnS>.Wrap {
	background: none;
	color: inherit;
	padding-top: 0em;
	padding-bottom: 0em;
}


.BackIndex	{
	display: block;
	margin-top: 5em;
}
#MenuBar .BackIndex	{
	margin-top: 0em;
}



.BtnDsp	{
	border-width: 1px;
	margin: 0 0.25em;
	padding: 0.15em 0.5em;
	border-radius: 0.2em;
	white-space: nowrap;
	word-break: keep-all;
}






.FormBtn	{
}


.List	{}
.List a	{
	display: block;
}
.List a:hover	{
	opacity: 0.7;
}
.List *:hover:after	{
	opacity: 0.7;
}
.List .ColorBtn	{}
.List .ColorBtn:hover	{}




.Alert	{}
.ErrorMessage	{
	display: inline-block;
	text-align: left;
}
.ErrorMessage.c	{
	text-align: center;
}
th .ErrorMessage	{ color: #fff; }

#Admin .ErrorMessage	{
}

.ErrorMessage input[type="submit"]
	{
	margin-top: 2em;
}
.ErrorMessage ul	{
	text-align: left;
}
.ErrorMessage ul>li	{
}



.message	{
	text-align: center;
	margin-top: 5rem;
	margin-bottom: 5rem;
}
.message input	{
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.MarkerPen	{}





.Mark	{}
.Icon	{

}
.Icon:before,
.IconT:before{
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0px;
	border-radius: 2px;
	margin-right: 0.5em;

}
.Icon:before	{
	font-family: 'ElegantIcons';
}
.IconT:before	{
	font-family: 'themify';
}


.IconSoldOut:before	{
	content: "SOLD OUT";
}

.Icon.Entry	{}
.Icon.Entry:before	{
	content: "\6c";
}
.SignInBtn .Icon.Entry	{}

.Icon.Myshohin	{}
.Icon.Myshohin:before	{
	content: "\e008";
	content: "\e030";
}

.Icon.Mypage	{}
.Icon.Mypage:before	{

	content: "\e022";
}
.SignInBtn .Icon.Mypage	{}

.Icon.Logoin	{}
.SignInBtn .Icon.Logoin	{}

.Icon.Logout	{}
.Icon.Logout:before	{
	content: "\26";
}
.SignInBtn .Icon.Logout	{}



.ImgIcon:before
	{
	content: "";
	display: inline-block;
	font-size: 1.5em;
	width: 3em;
	height: 3em;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-size: 1.75em;
	vertical-align: middle;
	line-height: 1;
	margin-right: 0.5em;
	background-color: rgba(255,255,255,0.5);
}




.Icon.DigitalCatalog	{
	margin-top: 1em;
	border-radius: 100em;
	display: inline-block;
	padding-left: 1em;
	padding-right: 1em;
}
a.Icon.DigitalCatalog:hover	{
	border-width: 1px;
	border-color: inherit;
}
.Icon.DigitalCatalog:before	{
	font-family: 'themify';
	content: "\e6b7";
	width: auto;
	height: auto;
	border-width: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}


.Icon.ChangeList,
.Icon.ChangeSum	{
	padding: 0;
	border-width: 0;
}

.Icon.ChangeList	{
}
.Icon.ChangeList:before	{
	content: "\64";
}
.Icon.ChangeSum	{
}
.Icon.ChangeSum:before	{
	content: "\e08d";
}


.SendSet:before	{
	content: "\e008";
}


.SetEnd:before	{
	content: "\e008";
}



.FreeMark	{}
.FreeMark:before	{
	content: "無料";
	display: inline-block;
	font-size: 1.4rem;
	vertical-align: super;
	transform: rotate(-7deg);
	width: 3em;
	height: 3em;
	line-height: 3em;
	border-radius: 100em;
	margin-right: 0.5em;
	letter-spacing: normal;
	color: rgba(255,255,255,1.0);
}


.PDFdownload	{}
.PDFdownload:before,
.PDFupload:before	{
	font-family: 'themify';
	display: inline-block;
	vertical-align: baseline;
	font-size: 0.8em;
	width: 1.75em;
	height: 1.75em;
	line-height: 1.75;
	letter-spacing: normal;
	margin-right: 0.5em;
	border-radius: 0.2em;
}
.PDFdownload:before	{
	content: "\e632";
	content: url("../download/i_pdf.png");
	vertical-align: middle;
}
.PDFupload	{}
.PDFupload:before	{
	content: "\e63e";
}

.PDFdownload.Blank:before	{
	content: "";
}



.SiteCatch	{}
.Header .SiteCatch	{
	display: block;
	margin-bottom: 0.5rem;
}

.AddressSet	{}
.Footer .AddressSet	{}
.Footer .AddressSet>span:first-child	{
	padding-right: 0.5em;
}
.Footer .AddressSet .Address	{
	display: block;
}


.UneiTelSet	{}
.Header .UneiTelSet	{}
.Header .UneiTelSet small	{}
.Header .UneiTelSet small:after	{
}
.Footer .UneiTelSet	{
	display: inline-block;
}
.Footer .UneiTelSet>span	{
}
.Footer .UneiTelSet>span:after	{
	content: "：";
	display:inline;
}
.ContactAddressTel .UneiTelSet	{
	font-size: 2.5em;
}
.ContactAddressTel .UneiTelSet>span	{
	font-size: 0.75em;
}


.UneiTelTitle	{}


.UneiFaxSet	{}
.Footer .UneiFaxSet	{
	display: inline-block;
}
.Footer .UneiFaxSet>span	{
}
.Footer .UneiFaxSet>span:after	{
	content: "：";
	display:inline;
}
.UneiFaxText	{}
.Footer .UneiFaxText	{
}
.UneiMini .UneiFaxText	{
}
.UneiFaxTitle	{}


.UneiEmailSet	{}
.UneiEmailSet img	{
	vertical-align: middle;
}

.OpenClosedSet	{}
.Footer .OpenClosedSet	{
	text-align: left;
	line-height: 1.5;
}

.UneiOpenSet	{}
.Footer .UneiOpenSet	{}

.UneiOpen	{}

.UneiOpenMini	{}
.Header .UneiOpenMini	{}

.UneiOpenTitle	{}

.UneiOpenMiniTitle	{}

.UneiClosedSet	{}

.UneiClosed	{}
.Header .UneiClosed	{
}
.Header .UneiClosed>span	{}

.UneiClosedTitle	{}
.Header .UneiClosedTitle	{}

.UneiClosedMini	{}
.UneiClosedMiniTitle	{}



.SNS
{
}

.SNS>ul
{
	margin: 0;

	display: flex;
	align-items: center;
	gap: 3em;
}

.SNS :is(a, .a)
{
	display: flex;
	align-items: center;
	gap: 1em;
}

.SNS :is(a, .a) .Img
{
	display: grid;
	align-items: center;

	width: 2em;
}
.SNS :is(a, .a) .Img img
{
	margin: 0;
}


.Footer .SNS
{
	margin-top: 1em;
}
.Footer .SNS :is(a, .a)
{
	display: grid;
	justify-items: center;
}
.Footer .SNS :is(a, .a) .Img
{
	width: 7em;
}


.Drawer .Menu .SNS
{
	justify-items: center;
	margin-top: 3em;

	text-align: center;
}
.Drawer .Menu .SNS>ul
{
	justify-content: center;
}
.Drawer .Menu .SNS :is(a, .a)
{
	display: grid;
	justify-items: center;
}
.Drawer .Menu .SNS :is(a, .a) .Img
{
	width: 3em;
	filter: brightness(0) invert(1);
}


.Footer .SNS li[class*="Class"].Icon
{
	display: none;
}












.PageNavi,
.SortNavi	{
}

.PageNavi	{
	font-size: 0.8em;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	text-align: right;
	line-height: 1;

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

.PageNavi span	{
	text-align: left;
}
.PageNavi>.Wrap>span	{
	display: inline-block;
	vertical-align: middle;
}
div.PageNavi a	{
	display: inline-block;
}

.SortNavi	{
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	letter-spacing: 0px;
	text-align: center;

}
.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;
}
.SortNaviFooter .SortNaviBtn	{
	max-width: calc((2.5em + 2px) * 22);
}

.SortNavi span	{
	display: inline-block;
	width: 2.5em;
	line-height: 2.5em;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	margin: 1px;

}
.SortNaviBtn span	{
	float: left;
}

.SortNavi .Select	{
	font-weight: bold;
}

.SortNavi a	{
	display: block;
	text-decoration: none;
}
.SortNaviBtn a	{
}


.SortNavi .PrevBtn,
.SortNavi .NextBtn	{
}

.SortNavi table	{
	border-collapse:collapse;
	width: auto;
	border-width: 0;
	background: none;
}
.SortNavi th,
.SortNavi td	{
	border-width: 0;
	padding: 0px 0.25em;
}

.SortNavi .NextPrevBtnOff	{
}
.SortNavi p	{
}
.SortNavi .PrevBtn,
.SortNavi .NextBtn	{
	display: inline-block;
}
.SortNavi .PrevBtn a:before,
.SortNavi .NextBtn a:before	{
	display:inline;
}
.SortNavi .PrevBtn a:before	{
	content: "\34";
}
.SortNavi .PrevBtnTop a:before	{
	content: "\38";
}
.SortNavi .NextBtn a:before	{
	content: "\35";
}
.SortNavi .NextBtnLast a:before	{
	content: "\39";
}

.SortNavi .SortTxt	{
	margin-top: 1em;
}
.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;
}



.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: 0px;
	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";
}




.PageFeedNavi	{}




.PrevNext {
	font-weight: normal;
	display: table;
	width: 100%;
	table-layout: fixed;
}

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

.PrevNext .PrevBtn	{
	text-align: left;
}
.PrevNext .NextBtn	{
	text-align: right;
}


.PageCount	{}




.SiteSearchBox	{
	vertical-align: middle;

}
.SiteSearchBox input[type="text"]	{
	border-width: 1px;
	margin: auto;
	padding: 0;
	display: block;
	vertical-align: middle;
}

.SiteSearchBox>.Wrap	{ }
.SiteSearchBox>.Wrap table,
.SiteSearchBox>.Wrap th,
.SiteSearchBox>.Wrap td	{
	margin: 0;
	padding: 0;
	border-width: 0;
}
.SiteSearchBox>.Wrap table	{
	width: 100%;
}

.SiteSearchBoxText,
.SiteSearchBoxBtn	{
}

.SiteSearchBoxText	{
}
.SiteSearchBoxText>.Wrap	{
}

.SiteSearchBoxText input[type="text"]	{
	width: 25em;
	width: 100%;
	line-height: 2.5em;
	height: 2.5em;
}
.SiteSearchBoxText select	{
	height: 2em;
}

.SiteSearchBoxBtn	{
	width: 5em;
	color: rgba(255,255,255,1.0);
}
.SiteSearchBoxBtn>.Wrap	{
	margin-left: 1em;
}
.SiteSearchBoxBtn input,
.SiteSearchBoxBtn button	{
	width: auto;
	width: 100%;
	text-align: center;
	line-height: 2.5em;
	height: auto;

}









.read	{
	margin-bottom: 1em;

}
.read div:last-child	{
	margin-bottom: 0;
}
.read .Big	{
	font-size: 1.25em;
}



.read	{
	margin-bottom: 0em;
}



.memo	{
	padding: 1.5em 2em;
	margin-top: 1em;
	border-width: 3px;
	border-style: double;

}
.memo>h2,
.memo>h3,
.memo>h4	{
	margin-top: 0px;
}
.memo b	{}
.memo ul	{}
.memo li	{}

.memo .Big	{
	font-size: 1.25em;
}




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

}
.Banner>ul>li img	{
	display: block;
	margin: auto;
}
.Banner p	{ margin-top: 0.5rem; }

.BannerBox	{ margin: 4px; }








.WordPress
	{ zoom: 1; }

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




@media screen and (max-width: 480px) {
}


#SlideMenu	{
	text-align: left;
	background: none;
	background-color: rgba(255,255,255,0.8);
	box-shadow: none;
}
#SlideMenu:before	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	opacity: 0.7;
}

#SlideMenuList	{
	padding: 0 1em 1em 1em;
}
#SlideMenu>ul	{
	margin: 0px;
	text-align: inherit;
	padding: 0 1em 1em 1em;
}
#SlideMenu>ul>li	{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#SlideMenu>ul>li:not(:last-child)	{
	border-bottom-width: 1px;
}
#SlideMenu>ul>li>ul	{
	margin-right: 0%;
	margin-left: 0%;
	padding-right: 0;
}
#SlideMenu>ul>li>ul>li	{
	margin: 0;
	border-style: dashed;
}
#SlideMenu a	{
	color: inherit;
	display: block;
	margin-right: 0px;

}
#SlideMenu a:before	{
	content: "\35";
	font-family: 'ElegantIcons';
	display: block;
	color: inherit;
	text-decoration: none;
	float: right;
	text-align: right;
}

#SlideMenu .SlideClose a	{
}
#SlideMenu .SlideClose a:before	{
	content: "\4d";
}
#SlideMenu .External	{ padding-left: 0px; }


#SlideMenuList br	{
	display: none;
}




.SlideMenuBtn	{
	width:auto;
	position:absolute;
	right: 1rem;
	top: 1rem;
	right: 3vw;
	top: 3vw;
	z-index:100;
	width:3rem;
	line-height: 1;
}
.SlideMenuBtn a	{
	text-decoration: none;

	display: block;
}
.SlideMenuBtn a:hover	{
}
.SlideMenuBtn a:before	{
	font-family: 'ElegantIcons';
	content: "\e056";
	content: "\61";
	display:block;
}
.SlideMenuBtn img	{
}



@media screen and (max-width: 480px) {

}

@media screen and (max-width: 1023px) {
}


@media screen and (min-width:481px) and (max-width: 1023px) {
}


@media screen and (min-width:1024px){
}



.mm-opened #wrap	{
}

.mm-opened .SlideMenuBtn a:before	{
	content: "\4d";
}



.SlideMenuBtn	{
	font-size: calc(1.4rem * 3);
	width: 1em;
	padding: 0em;
}

@media screen and (max-width: 480px) {
	.SlideMenuBtn	{
		font-size: calc((100vw / 20) * 1.5);
	}
}

.SlideMenuBtn a	{
	position: relative;
	display: block;
	width: 100%;
	height: 1em;
	border-width: 0;
	margin: 0;
}
.SlideMenuBtn a:before,
.mm-opened .SlideMenuBtn a:before	{
	content: none;
}
.SlideMenuBtn a span	{
	position: absolute;
	display: block;
	width: 100%;
	height: 0.125em;
	border-radius: 100em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.SlideMenuBtn a span:nth-of-type(1) {
	top: 0;
}
.SlideMenuBtn a span:nth-of-type(2) {
	top: calc((1em - 0.125em) / 2);
}
.SlideMenuBtn a span:nth-of-type(3) {
	bottom: 0;
}

.mm-opened .SlideMenuBtn a span:nth-of-type(1) {
	-webkit-transform: translateY(calc((1em - 0.125em) / 2)) rotate(-45deg);
	-moz-transform: translateY(calc((1em - 0.125em) / 2)) rotate(-45deg);
	-o-transform: translateY(calc((1em - 0.125em) / 2)) rotate(-45deg);
	transform: translateY(calc((1em - 0.125em) / 2)) rotate(-45deg);
}
.mm-opened .SlideMenuBtn a span:nth-of-type(2) {
	opacity: 0;
}
.mm-opened .SlideMenuBtn a span:nth-of-type(3) {
	-webkit-transform: translateY(calc(0em - ((1em - 0.125em) / 2))) rotate(45deg);
	-moz-transform: translateY(calc(0em - ((1em - 0.125em) / 2))) rotate(45deg);
	-o-transform: translateY(calc(0em - ((1em - 0.125em) / 2))) rotate(45deg);
	transform: translateY(calc(0em - ((1em - 0.125em) / 2))) rotate(45deg);
}




#SlideMenu .mm-list a.mm-subopen {
	width: 100%;
	height: 3em;
}
#SlideMenu .mm-list a.mm-subopen:before {
	content: "\43";
	content: "\33";
	line-height: 3em;
	text-align: center;
}
#SlideMenu .mm-list a.mm-subopen+a:before{
	content: none;
}
#SlideMenu .mm-list a.mm-subopen:after {
	content: none;
}

#SlideMenu .mm-list a.mm-subopen:before {
	width: 100%;
	text-align: right;
}

#SlideMenu .mm-list .mm-opened>ul {
	margin-left: 5%;
}
#SlideMenu .SubMenu ul	{ padding-right: 0px; }
#SlideMenu .SubMenu li	{ border-bottom-width: 0px; }
#SlideMenu .SubMenu li a	{
	padding-top: 0px;
	padding-bottom: 0px;
}


#SlideMenu li.ColorBtn	{
	border-width: 1px 1px 0 1px;
}
#SlideMenu li.ColorBtn a	{
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	line-height: 2;
}















.SwitchingBtnSet 	{
	text-align: center;
	line-height: 1;
	font-size: 0.8em;

}
.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: 1em 1em;
	display: inline-block;
	color: inherit;
	background: rgba(255,255,255,1.0);
	border-radius: 100em;

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

.SwitchingBtnPC	{
}
.SwitchingBtnSP	{
}







.blinking	{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% { opacity: 0; }
    49.9% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    49.9% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    49.9% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}







.Step,
.Step dt	{
	text-align: inherit;
	margin-top: 5rem;
}
.Step:first-child,
.Step dt:first-child	{
	margin-top: 0rem;
}
.Step dd	{
	margin-left: 0px;
}
.Step ol	{
	list-style: none;
}
.Step:not(.Column) ol	{
	margin-left: 0px;
}
.Step ol>li	{
	margin-bottom: 0px;
}
.Step:not(.Column) ol>li	{
	margin-top: 0px;
}

.Step .StepTitle	{
	display: table;
	width: 100%;
	text-align: left;
	font-weight: normal;
	background: none;
	margin-bottom: 0;
}
.Step.Num .StepTitle	{
}
.Step .StepNo,
.Step .arrow_down	{
	text-align: center;
	font-weight: inherit;
}
.Step .StepNo	{
	display: table-cell;
	font-size: 2.5em;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	vertical-align: middle;
	font-weight: normal;
	letter-spacing: normal;
}
.Step .StepNo b	{
	display: block;
	font-weight: inherit;
	border-radius: 100em;
	color: rgba(255,255,255,1.0);
}
.Step .StepNo b:before	{
	content: "";
	display: inline-block;
}
.Step .StepTxt .StepNo	{
	font-size: 1em;
	display: inline-block;
}

.StepTitle b	{
	display: table-cell;
	vertical-align: middle;
	font-weight: inherit;
}
.Step .StepTxt	{
	display: block;
	text-align: left;
}
.Step:not(.Column) .StepTxt	{
	margin-left: 7em;
	margin-left: calc(3em * 3);
}
.Step .StepArrow	{
	line-height: 1;
	font-size: 3em;
	display: block;
	margin-left: calc((1em * 1) * 2.5 / 3.5);
	opacity: 0.5;

	text-align: left;
}
.Step>ol>li ul	{
	margin-top: 0px;
	text-align: left;
}

.Flow .Step .StepTxt h3	{
	text-align: center;
}


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











.TabMenu	{
	text-align: center;
	letter-spacing: 0px;
}
.TabMenu ul	{
	list-style: none;
	width: 100%;
	width : -webkit-calc(100% + 8px) ;
	width : calc(100% + 1px) ;
	margin-left: 0px;
	border-left-width: 1px;
}
.TabMenu li	{
	display: table;
	float: left;
	width: 25%;
	width : -webkit-calc(25% - 1px);
	width : calc(25% + 1px);
	min-height: 3em;
	text-align: center;
	margin-bottom: 0px;
	padding: 1px 1px 0 0;
	background: linear-gradient(-135deg, transparent 0px, #000 0px);
}
.TabMenu li p	{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin-left: auto;
	margin-top: auto;
	width: 100%;
	height: 100%;
	background: linear-gradient(-135deg, transparent 0px, #fff 0px);

}

li.TabMenuEnd	{
	background: linear-gradient(-135deg, transparent 10px, #000 10px);
}
li.TabMenuEnd p	{
	background: linear-gradient(-135deg, transparent 10px, #fff 10px);
}


.TabMenu ul
	{ zoom: 1; }

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










.FukidashiL,
.FukidashiR	{ position: relative; }
.FukidashiL	{
	margin-left: 15px;
}
.FukidashiR	{
	margin-right: 15px;
}
.FukidashiL:after,
.FukidashiR:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 7px solid transparent;
    top: 33%;
}
.FukidashiL:after	{ 
	right: 100%;
    border-right-color: #f3eff0;
}
.FukidashiR:after {
	left: 100%;
    border-left-color: #f7e08f;
}








.IndexViewer	{
}
#viewer	{
}
.IndexViewer+section	{
	margin-top: 0;
}

.IndexViewer #viewer img	{
}

.IndexViewer:after	{
	content: "";
	display: block;
	z-index: 200;
}
.IndexViewer:after	{
	content: "";
	display: block;
	z-index: 200;
}






#imagelightbox
{
	position: fixed;
	z-index: 9999;
	-ms-touch-action: none;
	touch-action: none;
	background-color: rgba(255,255,255,1.0);
}


#imagelightbox-overlay
	{
	background-color: rgba(255, 255, 255, 0.9);
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

}


#imagelightbox-close
	{
	position: fixed;
	top: 2.5em;
	right: 2.5em;
	width: 2.5em;
	height: 2.5em;
	text-align: left;
	border-radius: 100em;
	z-index: 10002;
	border-width: 0;

}
#imagelightbox-close:hover,
#imagelightbox-close:focus {

}

#imagelightbox-close:before,
#imagelightbox-close:after
	{
	content: '';
	position: absolute;
	top: 20%;
	bottom: 20%;
	left: 50%;
	background-color: #fff;
	width: 2px;
	margin-left: -1px;
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow	{
	animation:none
}







.SliderGallery	{
	letter-spacing: normal;
}
.SliderGallery ul	{
	list-style: none;
}



.SliderArea	{
	overflow: hidden;
}
.SliderBox,
.SliderArea img	{
}
.slick-prev	{
	left:1rem;
	z-index:2
}
.slick-next	{
	right:1rem;
	z-index:2
}
.slick-prev:before,
.slick-next:before	{
	color:rgba(131,106,106,0.7);
	color:rgba(255,255,255,0.7);
	opacity:1;
}







.SliderGallery .flexslider	{
	margin-bottom: 0;
	position: relative;
}
.SliderGallery .slides	{
	overflow: hidden;
}

.SliderGallery a:before	{
}

.SliderGallery .flex-direction-nav	{
}
.SliderGallery .flex-direction-nav a	{
	top: calc(50% - (1em - 1px));
	background-color: rgba(255,255,255,0.9);
	border-width: 1px;
	letter-spacing: normal;
}
.SliderGallery .flex-direction-nav a:before	{
}



.SliderGallery .flex-control-nav	{
	bottom: 2em;
}
.SliderGallery .flex-control-nav li	{
	margin: 0 0.5em;
}
.SliderGallery .flex-control-paging li a	{
	background: rgba(255,255,255,1.0);
	border-radius: 0;
	border-width: 1px;
	border-color: rgba(255,255,255,0.5);
}
.SliderGallery .flex-control-paging li a:hover	{
}
.SliderGallery .flex-control-paging li a.flex-active	{
}




.SimpleGallery	{}

.SimpleGallery ul	{
	margin-top: 0;
}
.SimpleGallery.Column>ul>li	{
	margin-top: 0;
}




.BorderingW	{
text-shadow: 
    rgba(255,255,255,1.0) 0.1em 0em 0em, rgba(255,255,255,1.0) -0.1em 0em 0em,
    rgba(255,255,255,1.0) 0em -0.1em 0em, rgba(255,255,255,1.0) 0em 0.1em 0em,
    rgba(255,255,255,1.0) 0.1em 0.1em 0em, rgba(255,255,255,1.0) -0.1em 0.1em 0em,
    rgba(255,255,255,1.0) 0.1em -0.1em 0em, rgba(255,255,255,1.0) -0.1em -0.1em 0em,
    rgba(255,255,255,1.0) 0.05em 0.1em 0em, rgba(255,255,255,1.0) -0.05em 0.1em 0em,
    rgba(255,255,255,1.0) 0.05em -0.1em 0em, rgba(255,255,255,1.0) -0.05em -0.1em 0em,
    rgba(255,255,255,1.0) 0.1em 0.05em 0em, rgba(255,255,255,1.0) -0.1em 0.05em 0em,
    rgba(255,255,255,1.0) 0.1em -0.05em 0em, rgba(255,255,255,1.0) -0.1em -0.05em 0em,
    rgba(255,255,255,1.0) 0.05em 0.05em 0em, rgba(255,255,255,1.0) -0.05em 0.05em 0em,
    rgba(255,255,255,1.0) 0.05em -0.05em 0em, rgba(255,255,255,1.0) -0.05em -0.05em 0em;
}
.BorderingK	{
text-shadow: 
    rgba(0,0,0,1.0) 0.1em 0em 0em, rgba(0,0,0,1.0) -0.1em 0em 0em,
    rgba(0,0,0,1.0) 0em -0.1em 0em, rgba(0,0,0,1.0) 0em 0.1em 0em,
    rgba(0,0,0,1.0) 0.1em 0.1em 0em, rgba(0,0,0,1.0) -0.1em 0.1em 0em,
    rgba(0,0,0,1.0) 0.1em -0.1em 0em, rgba(0,0,0,1.0) -0.1em -0.1em 0em,
    rgba(0,0,0,1.0) 0.05em 0.1em 0em, rgba(0,0,0,1.0) -0.05em 0.1em 0em,
    rgba(0,0,0,1.0) 0.05em -0.1em 0em, rgba(0,0,0,1.0) -0.05em -0.1em 0em,
    rgba(0,0,0,1.0) 0.1em 0.05em 0em, rgba(0,0,0,1.0) -0.1em 0.05em 0em,
    rgba(0,0,0,1.0) 0.1em -0.05em 0em, rgba(0,0,0,1.0) -0.1em -0.05em 0em,
    rgba(0,0,0,1.0) 0.05em 0.05em 0em, rgba(0,0,0,1.0) -0.05em 0.05em 0em,
    rgba(0,0,0,1.0) 0.05em -0.05em 0em, rgba(0,0,0,1.0) -0.05em -0.05em 0em;
}




.Bomb	{
	transform: rotate(-10deg);
	line-height: 1;
	display: inline-block;
	position: relative;
	text-align: center;
	color: rgba(255,255,255,1.0);
	letter-spacing: normal;
	vertical-align: top;
	text-indent: 0;
}
.Bomb b,
.Bomb em,
.Bomb em:before,
.Bomb em:after	{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
}
.Bomb b	{
	transform: rotate(-10deg);
	z-index: 2;
	font-weight: normal;
}
.Bomb em	{
	transform: rotate(-30deg);
	font-weight: inherit;
}
.Bomb em:before,
.Bomb em:after	{
	content: "";
}
.Bomb em:before	{
	transform: rotate(30deg);
	z-index: 0;
}
.Bomb em:after	{
	transform: rotate(60deg);
	z-index: 1;
}


.Bomb.BombC2	{
	padding-left: 3em;
}
.Bomb.BombC2 *,
.Bomb.BombC2 *:before,
.Bomb.BombC2 *:after	{
	width: 2em;
	height: 2em;
	line-height: 2;
}


.NewMark	{
}






.NewMarkIcon	{
	position: relative;
}

.NewMarkIcon:before	{
	content: url("../img/new.png");
	display: inline-block;
	position: absolute;
	top: 0.5em;
	left: -1.5em;
	font-size: 1.5em;
	z-index: 10;
}








.NewRibbon>.Wrap	{
	position: relative;
	overflow: hidden;
}
.NewRibbon>.Wrap:after	{
	content: "NEW";	
	display: inline-block;
	position: absolute;
	left: -3em;
	top: 0.25em;
	width: 10em;
	height: auto;
	background-color: rgba(217,66,54,0.9);
	background-position: right -75px;
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
	padding: 0.25em 0 0.25em;
	font-size: 0.9em;
	font-size: 1rem;
	line-height: 1;
	letter-spacing:normal;
	border-width: 3px;
	border-style: double;
	border-color: rgba(255,255,255,0.5);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	z-index: 1;
	text-indent: 0px;

}





.Ribbon	{
	margin: auto;
	position: relative;
	display: inline-block;
	line-height: 1;
	text-align: center;

}
h2.Ribbon,
.Main h2.Ribbon,
.Menu h2.Ribbon,
h3.Ribbon,
.Main h3.Ribbon,
.Menu h3.Ribbon
	{
	padding: 0;
	border-width: 0;
}
.Ribbon:before,
.Ribbon:after	{
    border: none;
    border-top: solid 0.5em transparent;
    content: '';
    position: absolute;  
    top: -0.5em;
    z-index: -1;

}
.Ribbon::before {
    left: 0em;
    border-right: solid 0.5em rgb(123, 101, 3);
}
.Ribbon::after {
    right: 0em;
    border-left: solid 0.5em rgb(123, 101, 3);
}
.Ribbon>b	{
	min-width: 50%;
	background-image: linear-gradient(-225deg, #f9d423 0%, rgb(255, 238, 85) 50%, #f9d423 100%);
	padding: 0.5em 1em;
	position: relative;
	font-weight: normal;
	display: inline-block;
	background-repeat: repeat-y;
	background-position: center;
	background-size: cover;

}
.Ribbon>b:before,
.Ribbon>b:after	{
	content: " ";
	position: absolute;
	top: -0.5em;
	width: 0;
	height: 0;
	border-width: 1em 0.75em;
	border-style: solid;
	border-color: rgb(223, 196, 78);

}

.Ribbon>b:before	{
	right: -1em;
    border-right-color: transparent;
}
.Ribbon>b:after	{
    left: -1em;
	border-left-color: transparent;
}





.Clip	{
	position: relative;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.Clip:before	{
	content: "Point!";
	display: inline-block;
	position: absolute;
	top: -0.5em;
	left: -0.5em;
	font-size: 1.5em;
}


.OnePoiont	{
	position: relative;
	margin-top: 2em;
	margin-bottom: 2em;
	border-width: 1px;
	padding: 1em;
	border-style: dotted;
}
.OnePoiont:before	{
	content: "Point!";
	display: inline-block;
	position: absolute;
	top: calc(0em - (0.5em + 3px));
	left: calc(0em - (0.5em + 3px));
	left: 0.5em;
	font-size: 1.5em;
	border-bottom-width: 1px;
	background-color: rgba(255,255,255,1.0);
	text-align: center;
	padding-left: 0.5em;
	
}




.DogEar	{
	position: relative;
	margin-top: 2rem;
	margin-bottom: 2rem;

}

.DogEar::after	{
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	background: rgba(89, 73, 66, .2);
	border: solid 10px;
	border-color: white white transparent transparent;
	border-radius: 0 0 0 3px;
	box-shadow: -2px 2px 1px rgba(0, 0, 0, .1);
}







.EdgeCurl
	{
	position: relative;
	padding: 25px;
	margin: 0 auto;
	background-color: rgba(255,255,255,1.0);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

}


.EdgeCurl:before, .EdgeCurl:after
	{
	position: absolute;
	width: 50%;
	height: 50%;
	content: ' ';
	background: transparent;


	-webkit-box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.3);
	box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.3);
	z-index: -1;


}


.EdgeCurl:before
	{
	left: 10px;
	right: auto;
	top: 20px;
	bottom: auto;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}


.EdgeCurl:after
	{
	left: auto;
	right: 10px;
	top: 20px;
	bottom: auto;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
}













.Corner	{
	background-color: rgba(255,255,255,0.8);
	border-width: 2px;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;

}
.Corner>.Wrap	{
	border-width: 1px;
	border-style: dotted;
	margin: 0;
}
.Corner>.Wrap>.Box	{
	padding: 3em;
}

.Corner:before,
.Corner:after,
.Corner>.Wrap:before,
.Corner>.Wrap:after
	{
	content: "";
	display:block;
	background-position: center center;
	background-repeat: repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	opacity: 0.2;
}
.Corner:before	{
	float: left;
	margin-top: -13px;
	margin-left: -13px;
}
.Corner>.Wrap:before	{
	float: right;
	margin-top: -14px;
	margin-right: -14px;
}
.Corner>.Wrap:after	{
	float: right;
	margin-top: -16px;
	margin-right: -14px;
}
.Corner:after	{
	float: left;
	margin-top: -17px;
	margin-left: -13px;
}
.read.Corner	{
	width: 70%;
}
.read.Corner>.Wrap>.Box	{
	padding: 2em;
}
.read.Corner:before	{
	background-image: url(../img/corner_r_a.svg);
}
.read.Corner>.Wrap:before	{
	background-image: url(../img/corner_r_b.svg);
}
.read.Corner>.Wrap:after	{
	background-image: url(../img/corner_r_d.svg);
}
.read.Corner:after	{
	background-image: url(../img/corner_r_c.svg);
}







.DropDown	{
	position: relative;
	width: 100%;
}
.DropDown ul	{
	list-style: none;
	margin: 0;
}
.DropDown ul li	{
	margin: 0;
}
.DropDown>li	{
}
.DropDown .NaviChild	{
	position: absolute;
	left: 0em;
	top: 4em;
	width: 100%;
	z-index: 2;
	background-color: rgba(255,255,255,1.0);
	display: none;
}
.DropDown .NaviChild>li	{
	height: auto;
}












.DspNo	{
	display: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
	border-width: 0;
	margin: 0;
	padding: 0;
	background: none;
}

.DspOFF	{
	opacity: 0.5;
	background-color: rgba(0,0,0,0.1);
}

.DspVar	{
	opacity: 0.5;
	background-color: rgba(0,0,0,0.1);
	display: inline-block;
}







.box,
#Contents,
.Menu,
#Header,
.TextSize,
.CheckedItemsListBox,
.CategoryOn .ThisCategory,
.FooterCategory,
#Footer .FooterMain,
.PageNavi .PrevNext,
.SortNavi .PrevNext,
.TabMenu,
.TableColumn2L>ul
	{ zoom: 1; }

.box:after,
#Contents:after,
.Menu:after,
#Header:after,
.TextSize:after,
.CheckedItemsListBox:after,
.CategoryOn .ThisCategory:after,
.FooterCategory:after,
#Footer .FooterMain:after,
.PageNavi .PrevNext:after,
.SortNavi .PrevNext:after,
.TabMenu:after,
.TableColumn2L>ul:after
	{
	content: ""; 
	display: block; 
	clear: both;
}


.box	{margin-bottom:0;}