@charset "utf-8";






*	{
}
html	{
	font-size: 62.5%;

	width:100%;

}
body	{
	text-align: center;
	line-height: 1.5;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 60rem) {
	
	body	{
		background-attachment: scroll;
	}
}

body,
.Column>ul>li,
.Column>ol>li	{
	letter-spacing: 0.15em;
}


body	{
	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;

}



.CategoryTitle h1.Title,
h2:not(.NewsTitle)	{
	font-family: "Sawarabi Mincho";
	word-spacing: 0;

}






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








.Hover a,
.ColorBtn,
button,
input,
.Btn,
.Header.mini,
.Header.mini:before

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



#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
	{
	color: rgba(70,30,30,1.0);
}
a	{
	color: rgba(166,28,75,1.0);
	color: inherit;
}




sup.Required, sub.Required,
.Required:before, .Required:after,
.Alert,
.Message,
.ErrorMessage,
.NewMark,
.NewMark:before,
.PDF a:before,
.PDF a[target="_blank"]:before,
.Urazuke3 .Txt .main b
	{
	color: rgba(232,55,47,1.0);
}




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






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


.Footer .Menu li:not(:first-child):before,
.ColorBtn:before,
.Icon>b
	{
	background-color: rgba(70,30,30,1.0);
	color: rgba(255,255,255,1.0);
}
.memo,
.Stripe .even th,
.Stripe .even td
	{
	background-color: rgba(70,30,30,0.05);
}
.Stripe th,
.Stripe td
	{
	padding-left: 1em;
	padding-right: 1em;
}


h3 .pre b,
.MenuBar a span:after,
.Urazuke3 h4>span
	{
	background-color: rgba(236,109,94,1.0);
	color: rgba(255,255,255,1.0);

}
h4:before	{
	background-color: rgba(236,109,94,0.5);
}
h4>b:before,
h4>b:after,
.UnderLine:before,
.UnderLine:after	{
	background-color: rgba(236,109,94,0.2);
}


h4>b:before	{
}

h3 .pre,
.Atatame3 .Type,
.Urazuke3 h4
	{
	background-color: rgba(252,228,214,1.0);
}
h3,
.BackTop a,
.Footer,
.CategoryNavi li:nth-child(odd),
.ColorBtn:hover,
.News .NewsList.List .main li:nth-child(odd) a
	{
	background-color: rgba(252,228,214,0.3);
}




.SortNavi>span:not([class])
	{
	background-color: rgba(33,34,34,0.1);
	color: inherit;
}

.SmallSize .changeBtn .small,
.MiddleSize .changeBtn .middle,
.LargeSize .changeBtn .large	{
	background-color: rgba(0,0,0,0.5);
	color: rgba(255,255,255,1.0);
}
.SlideMenuBtn .Btn span
	{
	background-color: rgba(33,34,34,0.5);
}
.ModeSP #Header	{
	background-color: rgba(250,190,0,0.25);
}

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

table	{
}

.MarkerPen	{
	background-color: rgba(0,0,0,0.05);
}






.ColorBG ul>li	{
	padding-top: 1em;
	padding-bottom: 1em;
	background: -webkit-radial-gradient(circle closest-side, rgba(250,190,0,0.4),rgba(250,190,0,0.0));
	background: -moz-radial-gradient(circle closest-side, rgba(250,190,0,0.4),rgba(250,190,0,0.0));
	background: radial-gradient(rgba(circle closest-side, 250,190,0,0.4), rgba(250,190,0,0.0));
}


.BtnBack,
.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);

}

.BtnBack: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
	);

}






hr	{
}
hr.Blank	{
	background: none;
}
.Index hr	{
	background-color: transparent;
}




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(35,24,21,1.0);
	border-color: rgba(0,0,0,0.4);
}
table, th, td, caption, thead, tbody, tfoot
	{
}

.memo,
.Border	{
	border-color: rgba(70,30,30,0.25);
}



select,
input,
textarea,
button,
label
	{
	border-color: rgba(0,0,0,0.5);
}
input[type="submit"]:not(.ColorBtn),
input[type="reset"]:not(.ColorBtn),
input[type="button"]:not(.ColorBtn),
button
	{
	border-color: rgba(0,0,0,0.0);
}


thead th,
thead td,
tfoot th,
tfoot td	{

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




.memo,
.Border	{
	padding: 2em;
}
.memo:not(:first-child),
.Border:not(:first-child)	{
	margin-top: 2em;
}
.memo:not(:last-child),
.Border:not(:last-child)	{
	margin-bottom: 2em;
}
.memo	{
	border-width: 0px;
	border-style: dotted;
}
.Border	{
	border-width: 2px;
	border-radius: 1em;
	background-color: rgba(255,255,255,1.0);
}



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

button.Border	{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}


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












section,
.section,
article
	{
	padding-top: 5em;
	padding-bottom: 5em;
}
.Main section:first-child,
.Main .section:first-child	{
		padding-top: 0;
}
section>h2:first-child,
section>div>h2:first-child,
.section>h2:first-child,
.section>div>h2:first-child,
article>h2:first-child,
article>div>h2:first-child,
.head h2,
.Entry h2,
h3:first-child,
h4:first-child
	{
	margin-top: 0;
}


.Main>section:nth-child(odd)	{}
.Main>section:nth-child(even)	{}


section>.Wrap,
article>.Wrap	{
}


.Note	{
	margin-left: 2em;
}



.Table	{
	display: table;
	width: 100%;
}
.Table>*	{
	display: table-cell;
	vertical-align: top;
}
.Table>*:not(:first-child)	{
	padding-left: 1em;
}
.Table>*:not(:last-child)	{
	padding-right: 1em;
}
.Table>*>.Wrap	{
	width: 100%;
}




.Main dl	{
	text-align: left;
	display: inline-block;
	min-width: 50%;
}
.Main dt	{
	font-size: 1.2em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.Main dt:before	{
}
.Main dt:after	{
}

.Main ul,
.Main ol	{
	text-align: left;
}
.Main ul.c,
.Main ol.c,
.Gallery ul	{
	text-align: center;
}







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

}


th,
td,
thead th,
thead td,
.Tbody th,
.Tbody td	{
	text-indent: 0px;
	vertical-align: top;
	padding-top: 1em;
	padding-bottom: 1em;
}

th	{
	border-top-width: 1px;
	text-align: left;
	font-weight: normal;
}
tbody th,
.WidthTh	{
	width: 13em;
	min-width: 8em;
	vertical-align:top;
}

tbody tr th:first-child	{
	padding-right: 1em;
}
tbody tr:not(:first-child) th	{
}

tbody:first-child	{
}
tbody:first-child tr:first-child th	{
}
thead+tbody tr:first-child th	{
}

td	{
	border-top-width: 1px;
	border-right-width: 0px;
}
tbody:first-child	{
}
tbody:first-child tr:first-child td	{
}
thead+tbody tr:first-child td	{
}
tbody td:not(:last-child)	{
	padding-right: 1em;
}



thead th,
.Thead th	{
	width: auto;
	text-align: center;
	vertical-align: middle;

}
thead tr:first-child th,
thead tr:first-child td,
.Thead tr:first-child th,
.Thead tr:first-child td	{
	border-top-width: 0;

}
thead tr:last-child th,
thead tr:last-child td,
.Thead tr:last-child th,
.Thead tr:last-child td	{
	border-bottom-width: 3px;
	border-bottom-style: double;
}

thead tr>th:first-child,
thead tr>td:first-child,
.Thead tr>th:first-child,
.Thead tr>td:first-child
	{
	border-radius: 0;
}
thead tr>th:last-child,
thead tr>td:last-child,
.Thead tr>th:last-child,
.Thead tr>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;
	border-top-style: double;
}
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;
}









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










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


h1	{}
.CategoryTitle	{
	line-height: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 2em;
}
.CategoryTitle>.Wrap	{
	padding: 0em 0;
}
.CategoryTitle h1	{
	margin-top: 0;
	margin-bottom: 0;
}

.CategoryTitle h1 .Wrap	{
	vertical-align: baseline;
	display: block;
}

.CategoryTitle h1 b	{
	font-size: 2em;
	font-weight: normal;
	display: inline-block;
}
.CategoryTitle .below	{
	display: block;
	position: absolute;
	bottom: -2.5em;
	left: 0;
	right: 0;
}
.CategoryTitle .Title	{
	display: block;
	margin-top: 3em;
	margin-bottom: 3em;
}
.CategoryTitle .Img	{
	vertical-align: middle;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1px;
}
.CategoryTitle .Img img	{
	display: block;
	width: auto;
	margin-bottom: 0.5em;
}
.CategoryTitle h1:not([class])	{}


h2	{
}
h2>b	{
	font-size: 2em;
}
h2:before,
h2:after	{
}
h2:not([class])	{}
h2:not([class]):before {}

h2>b	{}
h2>b:before	{
}
h2>b:after	{
}

h2>span	{
	display: block;
	font-weight: bold;
	margin-top: 0.75em;
}

.Index h2	{}
.Index h2:before,
.Index h2:after,
.Index h2>b:before,
.Index h2>b:after	{
	content: none;
}



h3	{
	padding: 0.75em 1em;
	margin-top: 0;
	margin-bottom: 1.5em;
}
h3>b	{
	font-size: 1.5em;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}
h3:before,
h3:after	{
}
h3:before	{
}
h3:after	{
}
h3:not([class])	{
}

h3 .pre	{
	line-height: 1em;
	padding: 0.75em 1em;
	border-radius: 0.5em 0.5em 0em 0em;
	display: table;
	margin-top: calc(0em - (2.5em + 0.75em));
	margin-left: -1em;
	margin-bottom: 0.75em;
}

h3 .pre b	{
	display: inline-block;
	font-size: 1em;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: normal;
	font-weight: normal;
	border-radius: 100em;
	vertical-align: middle;
	margin-left: 0.25em;
}
.MyGanbanyokuRoom	{}



h4>b,
dt	{
	font-weight: bold;
}
h4	{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
h4:before	{

}
h4>b	{
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.UnderLine	{}

h4>b:before,
.UnderLine:before	{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 0.5em;
	bottom: -0em;
}

h4 .small	{
	display: block;
}

h5	{
	margin-top: 0;
}



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




a	{
	text-decoration: none;

}
a:hover
	{

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

.PageNavi a	{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;

}
.ColorBtn:after,
.CategoryNavi li a:after,
.PageNavi span:not(:last-child):after,
.SlideMenu a:after
	{
	content: "";
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	line-height: 1;
	width: 0.5em;
	height: 0.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	transform: rotate(45deg);
}
.PageNavi span:not(:last-child):after	{
	margin-left: 1em;
	margin-right: 1em;
}
.SlideMenu a:after	{
	position: absolute;
	right: 1%;
	top: calc((100% - 0.5em) / 2);
}

.ColorBtn:after	{
	content: "";
	position: absolute;
	right: 1em;
	top: calc((100% - 5px) / 2);
	width: 5px;
	height: 5px;
}
.ColorBtn:before	{
	content: "";
	position: absolute;
	right: 1em;
	width: 3em;
	height: 1px;
	top: calc((100% - 1px) / 2);
}
.CategoryNavi li a:after	{
	position: absolute;
	right: 1em;
	top: calc((100% - 1em) / 1.8);
}



a[target="_blank"]	{
	text-indent: -1.25em;
	padding-left: 1.25em;
	display: inline-block;
}
a[target="_blank"]:before,
.ModeSP .Footer .SNS a[target="_blank"]:before,
.SlideMenu .SNS a[target="_blank"]:before	{
	content: "";
	display: inline-block;
	width:1em;
	height:1em;
	background-repeat: no-repeat;
	background-position: center;
	background-image:url(../img/layers.svg);
	background-size: contain;
	background-size: cover;
	line-height: 1;
	letter-spacing: normal;
	margin-right: 0.5em;

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

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

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


.ClassInstagram,
.ClassInstagram a[target="_blank"]
	{
	text-indent: 0em;
	padding-left: 0;
}
.ContentNo,
.ContentNo:before,
.ContentNo:after,
a.ContentNo[target="_blank"],
a.ContentNo[target="_blank"]:before,
a[target="_blank"]:after,
.MapNaviBtn a:before,
.MapBtn a:before,
.APPDownload a:before,
.APPDownload a[target="_blank"]:before,
.SNSIcon a[target="_blank"]:before,
.ClassInstagram:before,
.ClassInstagram a[target="_blank"]:before,
.ClassForm a:before,
.ClassForm a[target="_blank"]:before,
.ClassShop a:before,
.ClassShop a[target="_blank"]:before

	{
	content: none;
	width: auto;
	height: auto;
	border-width: 0;
	box-shadow: none;
	text-indent: 0em;
	padding: 0;
	opacity: 1;
}
.ContentNo
	{
	text-indent: 0px;
	padding-left: 0px;
}




.Hover	{}
.Hover a	{
	display: inline-block;
}
.Hover a:hover	{
	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;
}



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

}
.ColorBtn	{
	display: inline-block;
	border-width: 1px;
	border-radius: 0.3em;
	line-height: 1;
	font-weight: normal;
	text-align: center;
	padding: 1em 5em;
}
.Column2 .ColorBtn,
.Column3 .ColorBtn,
.Column4 .ColorBtn,
.Column5 .ColorBtn,
.Column6 .ColorBtn	{
	min-width: initial;
	width: 100%;
}

.BtnSubmit,
.BtnBack,
.BtnOk,
.BtnUpload	{
}


a.ColorBtn[target="_blank"]:not([href$=".pdf"])	{
	padding-left: calc(1.25em + 2em);
}
a.ColorBtn[target="_blank"]:not([href$=".pdf"]):before	{
}

input.ColorBtn,
button.ColorBtn	{
	width: auto;
	min-width: initial;
	height: auto;
	min-height: initial;
	border-style: solid;
	padding-left: 1em;
	padding-right: 1em;
}
#Admin input.ColorBtn,
#Admin button.ColorBtn	{
	line-height: 1;
	padding: 0.75em 1em;
}

.ColorBtn img	{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

.InputW.ColorBtn	{
	width: auto;
	min-width: initial;
}


.BtnSubmit,
.BtnBack,
.BtnOk,
.BtnUpload	{
}


.BtnClear,
input.BtnClear,
button.BtnClear,
.BtnClear:hover,
input.BtnClear:hover,
button.BtnClear:hover	{
	background: none;
	padding: 0;
	border-width: 0;
	font-family: inherit;
}



.BackIndex	{
}
#MenuBar .BackIndex	{
}



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






.FormBtn	{
}




.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	{
}
.IconT:before	{
}
.Icon>b	{
	display: inline-block;
	text-align: center;
	font-weight: normal;
	padding: 0.5em;
}



.PDF	{}

a[href$=".pdf"],
.PDF a,
.PDF a[href$=".pdf"],
.PDF>a,
.PDF>a[href$=".pdf"]	{
	display: inline-block;
}

a[href$=".pdf"]:before,
.PDF a:before,
.PDF a[href$=".pdf"]:before,
.PDF>a:before,
.PDF>a[href$=".pdf"]:before	{
	content: "";
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	vertical-align: middle;
	background-image: url(../img/icon_pdf.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-top: calc(0em - (0.25em / 2));

}
a.ColorBtn[href$=".pdf"]	{
	padding-left: calc(1.25em + 1em);
}
a.ColorBtn[href$=".pdf"]:before	{
}

a[href$=".pdf"]:after,
.PDF a:after,
.PDF a[href$=".pdf"]:after,
.PDF>a:after,
.PDF>a[href$=".pdf"]:after	{
	content: none;
}


.Tel	{
	display: inline-block;
}
.Footer .Tel	{}
.Footer .Tel>.Title	{}
.Footer .Tel>.Title:after	{
	content: "：";
	display: inline;
}

.Fax	{
	display: inline-block;
	margin-left: 1.5em;
}
.Footer .Fax	{}
.Footer .Fax>.Title	{}
.Footer .Fax>.Title:after	{
	content: "：";
	display: inline;
}









.PageNavi,
.SortNavi	{
}


.PageNavi	{
	font-size: 0.8em;
	text-align: left;
	line-height: 1.2;
}

.PageNavi>.Wrap	{
}
.PageNavi>.Wrap>span	{
	display: inline-block;
	vertical-align: middle;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.PageNavi>.Wrap>span:last-child	{
}
div.PageNavi a	{
	display: inline-block;
}

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



.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 .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	{
	margin-top: 5em;
}
.PageFeedNavi ul	{
	display: inline-block;
	margin-left: 0;
}
.PageFeedNavi li	{
	display: inline-block;
	white-space: nowrap;
}

.PageFeedNavi a,
.PageFeedNavi .a	{
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.75em;
	margin-left: 0.75em;
}
.PageFeedNavi li:not(:first-child)	{
}

.PageFeedNavi li:before,
.PageFeedNavi li:after	{
	content: "";
	display: inline-block;
	width: 1px;
	height: 1em;
	vertical-align: middle;
	background-color: transparent;
	border-color: transparent;
}
.PageFeedNavi li:before	{
}
.PageFeedNavi li:after	{
}






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







.SiteSearch	{
	width: 12em;
}
.SiteSearch div	{
	padding: 0;
	background: none;
	border-width: 0;
}
.SiteSearch form,
.SiteSearch form[class],
.SiteSearch table,
.SiteSearch table[class]	{
	margin: 0;
}
.SiteSearch table,
.SiteSearch table[class]	{
}
.SiteSearch td,
.SiteSearch td[class]	{
	padding: 0;
}
.SiteSearch input	{
	border-radius: 0em;
	min-height: calc(16px * 1.75);
}
.SiteSearch td[class].gsc-input	{
	padding: 0;
}
.SiteSearch .gsc-input-box	{
	border-width: 1px;
}

.SiteSearch button,
.SiteSearch button[class]	{
	width: 100%;
	min-height: calc(16px * 1.75);
	border-width: 1px;
	margin: 0;
	padding: 0 calc(16px * 0.5);
	border-radius: 0em;

}



.SiteSearch .gsc-results-wrapper-overlay	{
	background: rgba(255,255,255,1.0);
	padding: 2em;
	text-align: left;
}








.read	{
	margin-bottom: 1em;

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






.memo	{

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

.SNS .AnchorPageTop	{
	margin-bottom: 1em;
}
.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;
}






.SwitchingBtnSet 	{
	text-align: center;
	line-height: 1;
	font-size: 0.8em;
	margin-top: 3em;
	margin-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;
}

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









.Change	{
	border-bottom-width: 1px;
	text-align: left;

	page-break-inside: avoid;
}
.Change .switch	{
	display:none;
	margin: 0;
	position: absolute;
	right: 0px;
	top: 0px;
}
.Change .Btn	{
	cursor: pointer;
	color: inherit;
	display: block;
	margin-right: 0;
}
.Change .Btn>span	{
}

.Change label.Btn>.Title	{
	display: block;
	padding: 0;
	padding-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.Change .Title>b	{
	display: inline-block;
	vertical-align: middle;
}
.Change .Title .Mark	{
	position: absolute;
	left: 0em;
	width: 1.5em;
	height: 1.5em;
	border-radius: 100em;
	opacity: 0.75;
	display: inline-block;
	vertical-align: middle;
	top: 0.25em;
	margin-top: -0.25em;
}
.Change .Title .Mark:before,
.Change .Title .Mark:after	{
	content: "";
	display: block;
	width: 50%;
	height: 50%;
}
.Change .Title .Mark:before	{
	border-width: 0px 2px 2px 0;
	margin-bottom: -2px;
	margin-left: 1px;
}
.Change .Title .Mark:after	{
	border-width: 2px 0 0px 2px;
	margin-left: auto;
	margin-top: -2px;
	margin-right: 1px;
}

.Change .detail	{
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.Change .switch:checked ~ .detail	{
	height: auto;
	opacity: 1;
	margin-top: 1em;
	margin-bottom: 1em;
}




.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	{
}
#viewer img	{
	width: 100%;
}

#viewer .Img	{
	position: absolute;
	left: 0;
	top: 0;
}
#viewer .Img img	{
	position: static;
}

.IndexViewer #viewer img	{
}

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







.Slide	{}
.Slide ul	{
	list-style: none;
	margin: 0;
	width: 100%;
	text-align: center;
	letter-spacing: normal;
	line-height: 1;
}
.Slide ul li	{
}

.Slide .Txt	{
	font-size: 0.8em;
	margin-top: 1em;
}






.slick-arrow	{
	position: absolute;
	top: calc(50% - 0.5em);
	display: inline-block;
	vertical-align: middle;
	font-size: 3em;
	width: 1em;
	height: 1em;
	line-height: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	outline: none;
	text-align: center;
	border-radius: 100em;
	padding: 0em;
	z-index: 5;
	border-width: 0;
	background: none;
}
.slick-arrow:before	{
	content: "";
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	padding: 0em;
	border-width: 5px 5px 0 0;
	border-radius: 0;
	margin-top: 0.1125em;
	margin-right: 0.1125em;
}
.slick-arrow:hover,
.slick-arrow:focus
	{
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-arrow:hover:before,
.slick-arrow:focus:before
	{
	opacity: 1;
}
.slick-arrow.slick-disabled:before
	{
	opacity: .25;
}
.slick-prev
	{
	left: -1em;
	transform: rotate(-135deg);
}
.slick-prev:before
	{
}
[dir='rtl'] .slick-prev
	{
	right: -1em;
	left: auto;
}
.slick-next
	{
	right: -1em;
	transform: rotate(45deg);
}
.slick-next:before
	{
}
[dir='rtl'] .slick-next
	{
	right: auto;
	left: -1em;
}




.slider .slick-dots	{
	margin: auto;
	text-align: center;
}
.slider .slick-dots li	{
	position: relative;
	display: inline-block;
	margin: 0 0.5em;
	padding: 0;
	cursor: pointer;
}
.slider .slick-dots li button	{
	display: inline-block;
	width: 100%;
	height: auto;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slider .slick-dots li button:hover,
.slider .slick-dots li button:focus	{
	outline: none;
}
.slider .slick-dots li button:hover:before,
.slider .slick-dots li button:focus:before	{
	opacity: 1;
}
.slider .slick-dots li button:before	{
	font-size: 1em;
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	text-align: center;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: auto;
	background-color: rgba(0,0,0,1.0);
	opacity: 0.1;
	border-radius: 100em;

}
.slider .slick-dots li.slick-active button:before	{
	opacity: 0.3;
}



.slider .dots	{}
.slider .dots .slick-dots	{
	font-size: 1em;
	display: block;
	margin-top: 2em;
}
.slider .dots .slick-dots li	{
	width: 2em;
	height: 2em;
}
.slider .dots .slick-dots li button	{
}
.slider .dots .slick-dots li button:before	{
	width: 1em;
	height: 1em;
	border-radius: 100em;
}



.slider .thumbnail	{}
.slider .thumbnail .slick-dots	{
	width: 100%;
}

.slider .thumbnail .slick-dots ul	{
	width: 100%;
	display: table;
	table-layout: fixed;
}
.slider .thumbnail .slick-dots li	{
	display: table-cell;
}
.slider .thumbnail .slick-dots li b	{
	display: block;
	width: 100%;
}
.slider .thumbnail .slick-dots li img	{
	width: 90%;
	max-width: initial;
	margin-left: auto;
	margin-right: auto;
}










.FlexSlider	{
}

.FlexSlider ul,
.FlexSlider ol	{
	margin: 0;
}
.FlexSlider li	{
	margin: 0;
}
.FlexSlider .flexslider	{
}


.FlexSlider .flex-direction-nav	{
	position: absolute;
	top: calc(50% - (1em - 1px));
	width: 100%;
}
.FlexSlider .flex-direction-nav a	{
	letter-spacing: normal;
	width: 2em;
	height: 2em;
}
.FlexSlider .flex-direction-nav a[class]:before	{
	content: "";
	font-size: 1em;
	width: 100%;
	height: 100%;
	border-top-width: 5px;
	border-left-width: 5px;
}
.SliderGallery .flex-direction-nav a.flex-prev	{
	transform: rotate(-45deg);
}
.SliderGallery .flex-direction-nav a.flex-next	{
	transform: rotate(135deg);
}


.FlexSlider .flex-control-nav	{
	right: 0.25em;
	width: auto;
	bottom: -3em;
}
.FlexSlider .flex-control-nav li	{
	margin: 0;
	font-size: 0.8em;
}
.FlexSlider .flex-control-nav li:not(:first-child)	{
	margin-left: 1em;
}
.FlexSlider .flex-control-nav li:not(:last-child)	{
	margin-right: 1em;
}
.FlexSlider .flex-control-nav li a	{
	width: 1em;
	height: 1em;
}







.SimpleGallery	{}

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




.BorderingW	{
text-shadow: 
    rgba(255,255,255,1.0) 0.05em 0em 0.1em, rgba(255,255,255,1.0) -0.05em 0em 0.1em,
    rgba(255,255,255,1.0) 0em -0.05em 0.1em, rgba(255,255,255,1.0) 0em 0.05em 0.1em,
    rgba(255,255,255,1.0) 0.1em 0.05em 0.1em, rgba(255,255,255,1.0) -0.1em 0.05em 0.1em,
    rgba(255,255,255,1.0) 0.1em -0.05em 0.1em, rgba(255,255,255,1.0) -0.1em -0.05em 0.1em,
    rgba(255,255,255,1.0) 0.05em 0.05em 0.1em, rgba(255,255,255,1.0) -0.05em 0.05em 0.1em,
    rgba(255,255,255,1.0) 0.05em -0.05em 0.1em, rgba(255,255,255,1.0) -0.05em -0.05em 0.1em,
    rgba(255,255,255,1.0) 0.1em 0.05em 0.1em, rgba(255,255,255,1.0) -0.1em 0.05em 0.1em,
    rgba(255,255,255,1.0) 0.1em -0.05em 0.1em, rgba(255,255,255,1.0) -0.1em -0.05em 0.1em,
    rgba(255,255,255,1.0) 0.05em 0.05em 0.1em, rgba(255,255,255,1.0) -0.05em 0.05em 0.1em,
    rgba(255,255,255,1.0) 0.05em -0.05em 0.1em, rgba(255,255,255,1.0) -0.05em -0.05em 0.1em;
}
.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	{
	margin-top: 2em;
	margin-bottom: 2em;
	display: inline-block;
}

.Clip:before	{
	content: "■";
	display: inline-block;
	position: absolute;
	top: -1em;
	left: -0em;
	right: -0em;
	font-size: 1.5em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.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	{
}
.DropDown ul	{
	list-style: none;
	margin: 0;
}
.DropDown ul li	{
	margin: 0;
}
.DropDown>li	{
	display: block;
}
.DropDown>li>.Wrap	{
	position: relative;
	width: 100%;
}
.DropDown .child	{
	display: none;
	position: absolute;
	left: 0px;
	top: 3em;
	width: 100%;
}












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

.Both	{
	clear: both;
}