@charset "utf-8";
/* CSS Document */

/* [170221]
	画面の高さ100%を取る為、<html><body>に質量(H:100%)を指定する
	http://qiita.com/shouchida/items/205fed63b886681661bd
*/
/* [161207]IE hack削除 */
/* ======================================================
	★★★　全デバイス共通・1　★★★
====================================================== */
/* [hover effect]
	http://www.webopixel.net/lab/sample/11/0615css3mouseover/
	@import"../css/test_line.css";
*/
*	{
}
html	{
	font-size: calc(62.5% * 1.3);
	font-size: 81.25%;
	font-size: 18px;
/*[191108]校正　文字大きく
	font-size: calc(10px * 1.3);
	font-size: 13px;
*/
	width:100%;
/*	height:100%;*/
}
body	{
	text-align:center;
	line-height: 2;
	width:100%;
	height:100%;
}
@media screen and (max-width: 60rem) {
	/* [160910] PC以外で余白にゴーストが出るのを防ぐ ※fixed非対応 */
	body	{
		background-attachment: scroll;
	}
}

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


body,
.Main.Menu	{
	font-size: 1rem;
/*[191108]校正　文字大きく
	font-size: 1.4rem;
*/
}
table	{line-height: inherit;}


/* ======================================================
	font
------------------------------------------------------ */
body,
.FreeMark:before	{
	font-weight: normal;
	font-family: 'Mplus 1p', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*
	font-family: 'Mplus 1p', sans-serif;
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family:"ＭＳ Ｐゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", "Meiryo", "osaka", "Hiragino Kaku Gothic Pro W3", "sans-serif";
[[ナール]]
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
*/
}


/* ------------------------------------------------------
	web font */
#MenuBar,
.Footer .head,
.Side.Btn .ContactBtn,
.CategoryTitle,
h2,
h3>b,
.Top .Read	{
/*
	font-family: "Sawarabi Mincho";
	word-spacing: 0;
*/
}




/*
h2>b,
h3,
.UneiTelSet
	{
	font-family: 'Roboto', sans-serif;
	word-spacing:0;
	line-height: 1;
	font-weight: 700;
}
#MenuBar
	{
	font-family: 'Roboto', sans-serif;
	word-spacing:0;
	line-height: 1;
	font-weight: 400;
}
#MenuBar
	{
	font-family: "Sawarabi Mincho", serif;
	word-spacing:0;
	line-height: 1;
	letter-spacing: normal;
}
*/


/* ======================================================
	swf・映像の振り分け　(PC用)
------------------------------------------------------ */
#TopFlash .VideoSWF,
#MovieFlash .VideoSWF	{}
#TopFlash .VideoSP,
#MovieFlash .VideoSP	{ display: none; }


/* ------------------------------------------------------
	------------------------------------------------------
	------------------------------------------------------
	------------------------------------------------------
	------------------------------------------------------
	------------------------------------------------------
	------------------------------------------------------
	------------------------------------------------------
	------------------------------------------------------
------------------------------------------------------ */



/*★未決★　[181126]グラデーションでhoverアニメーション
	https://qiita.com/hibikikudo/items/6dbc560ea58cf10617fa
	本体		…　position: relative;
	本体:after	…　position: absolute;
					opacity: 0;
					background-image: linear-gradient(135deg, #f2d50f 0%, #da0641 100%);
	本体:hover:after	…　opacity: 1;
*/

a,
button,
input,
.Btn,
.Change .Txt
/*,,
.Change .Mark
.Hover a
a *,
a *:before,
a *:after,
.ClickBtn,
.ColorBtn,
.BtnSubmit,
.BtnBack,
.BtnOk,
.BtnUpload,
input:not([class]),
.tabrow li,
.Index .ShohinCt2 a:hover .ShohinCt2Name,
.DecidedList,
*/
	{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}
.Shutter a:before,
.Shutter a:after,
.Shutter>*:before,
.Shutter>*:after
	{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
a .Btn	{
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s 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);
}


/* ======================================================
	申し込みボタン
	[191213]校正　現デザインと同じ色
------------------------------------------------------ */
.EntryBtn	{
	color: #e60038;
	border-color: #dc3947;
	color: rgba(230,0,56,1.0);
	border-color: rgba(220,57,71,1.0);
	background-color: rgba(220,57,71,0.1);
}



/* ======================================================
	文字色
------------------------------------------------------ */
/* ------------------------------------------------------
	文字色・基本 */
body,
th input,
th textarea
	{
	color: rgba(0,0,0,0.8);
}
a	{
	color: rgba(166,28,75,1.0);
	color: inherit;
}
#MenuBar	{
	color: inherit;
}

/* 文字色・あか */
sup.Required, sub.Required,
.Required:after,
.Alert,
.Message,
.ErrorMessage,
.NewMark,
.NewMark:before,
.PDF a:before,
.PDF a[target="_blank"]:before,
#Admin .LessonOkSet .OK:checked ~ span,
#Admin .LessonOkSet .NG:checked ~ span
	{
	color: rgba(232,55,47,1.0);
}

/* 文字色・OR */
a:hover,
button:hover,
button.Btn:hover,
label:hover,
#thumbnail:checked ~ label[for=thumbnail]:hover,
#list:checked ~ label[for=list]:hover,
/*
#MenuBar .ClassIntroduction .SubAll,
*/
.Qa .Change input:checked ~ .Btn
	{
	color: rgba(242,152,55,1.0);
}


/* 文字色・もっとみずいろ 
#entry .child
	{
	color: rgba(135,206,235,1.0);
}
*/
/* 文字色・みずいろ */
#thumbnail:checked ~ label[for=thumbnail],
#list:checked ~ label[for=list],
.ColorTxt,
.SortNavi .Select,
.Index .ReportGallery .head .Title .Icon,
.placeholder .label,
.FooterFixed .ClassStudentLogin .Icon
	{
	color: rgba(100,149,237,1.0);
}
/* [200221-1900]　校正『三本線＋MENUって文字を入れる事はできないでしょうかね？』 */
label.SlideMenuBtn:after	{
	color: rgba(100,149,237,1.0);
}


/* 文字色・あお */
h3,
.BackTop a:before,
.Index .ReportGallery .head .Title,
.FooterFixed .ClassLessonSearch .Icon
	{
	color: rgba(25,25,112,1.0);
}
.Step .StepArrow,
.FooterBtn	{
	color: rgba(25,25,112,0.7);
}

/* 文字色・or 
#entry .child2
	{
	color: rgba(242,152,55,1.0);
}
*/

/*[placeholder] 191212未決
::placeholder	{
	color: rgba(232,55,47,1.0);
}
::-webkit-input-placeholder {
	color: rgba(232,55,47,1.0);
}
::-moz-placeholder {
	color: rgba(232,55,47,1.0);
}
::-ms-input-placeholder {
	color: rgba(232,55,47,1.0);
}
:focus::placeholder	{
	font-size: 0.8em;
	margin-top:-2em;
}
:focus::-webkit-input-placeholder {
	font-size: 0.8em;
}
:focus::-moz-placeholder {
	font-size: 0.8em;
}
:focus::-ms-input-placeholder {
	font-size: 0.8em;
}
*/

/* ======================================================
	背景
------------------------------------------------------ */
/* ------------------------------------------------------
	背景・基本 */
body	{
	background-color: rgba(255,255,255,1.0);
}
/*
.SlideMenuBtn .Btn span
	{
	background-color: rgba(33,34,34,0.5);
}
.ModeSP #Header>.Wrap	{
	background-color: rgba(250,190,0,0.25);
}
*/

.slick-dots li button:before	{
	background-color: rgba(25,25,112,0.5);
}
.slick-dots li:hover button:before	{
	background-color: rgba(100,149,237,1.0);
}

/* 背景・もっとみずいろ */
.ClassContact a,
.ContactTel address,
.Oyako .Step .StepNo,
.Oyako .Step ol>li:before,
.Oyako .Step ol>li:after
	{
	background-color: rgba(135,206,235,1.0);
}
.Index .LessonGallery>.Wrap,
#entry .child1
	{
	background-color: rgba(135,206,235,0.75);
}
h3:before,
#MenuBar .PullDown .Sub a:hover,
#Admin navi.CategoryNavi ul>li.selected a
	{
	background-color: rgba(135,206,235,0.5);
}
#MenuBar .ClassIntroduction .Sub .SubAll .Img
	{
	background-image: url(../img/square_w.svg);
	opacity: 0.3;
}
#MenuBar .PullDown .Sub .SubAll a:hover
	{
	background-color: rgba(255,255,255,0.3);
}
h3:after,
.ShohinList a:hover,
#nav li.active,
ul#con
	{
	background-color: rgba(135,206,235,0.3);
}
h3,
section:nth-child(even)
/*,
[191213]校正　印刷対応が優先→kのみでOK
.LessonDetail .detail ol>li:nth-child(odd),
.LessonDetail .detail ol>li:nth-child(even) .Num
*/
	{
	background-color: rgba(135,206,235,0.2);
}
.Footer,
select,
input,
textarea
	{
	background-color: rgba(135,206,235,0.1);
}

/* 背景・もっとみずいろ・透けない 
.Btn .More
	{
	background-color: rgba(135,206,235,0.5);
	background-color: rgba(189,226,242,0.9);
}
*/
/*
h3:before	{
	background-image: linear-gradient(
		-90deg,
		rgba(135,206,235,0.3),
		rgba(135,206,235,0.0)
	);
	background-color: rgba(135,206,235,0.0);
}
*/


/* 背景・みずいろ */
h4:before,
.BtnSubmit,
.BtnBack,
.BtnOk,
.BtnUpload,
.ClassStudentLogin a,
.SiteSearch button,
.ShohinList .Kaisuu,
#thumbnail:checked ~ label[for=thumbnail] img,
#list:checked ~ label[for=list] img,
.Step .StepNo,
.Step ol>li:before,
.Step ol>li:after,
.RentEntry .Other ul b,
.SlideMenuBtn .Btn span
	{
	background-color: rgba(100,149,237,1.0);
}
#MenuBar .PullDown li
	{
}
.FooterBtn a,
.CategoryTitle,
/*
.CategoryTitle>.WrapM,
h2:before,
h2:after,
*/
.SmallSize .changeBtn .small,
.MiddleSize .changeBtn .middle,
.LargeSize .changeBtn .large,
#MenuBar>ul>li a:hover>span:before,
#entry .parent
	{
	background-color: rgba(100,149,237,0.5);
}
.WarningCancellation li:nth-child(3) .time
	{
	background-color: rgba(100,149,237,0.5);
}
.WarningCancellation li:nth-child(2) .time
	{
	background-color: rgba(100,149,237,0.25);
}
.PageNavi,
.Footer,
.WarningCancellation li:nth-child(1) .time
	{
	background-color: rgba(100,149,237,0.1);
}

/* 背景・あお */
.ClassLessonSearch a,
.RentEntry .Other ul>li:before,
.Index .ReportGallery .head .Title:before,
.Index .ReportGallery .head .Title .Icon
	{
	background-color: rgba(25,25,112,1.0);
}
/*[191213]色反転
#MenuBar .PullDown ul
	{
	background-color: rgba(25,25,112,0.95);
}
*/
.Index .ReportGallery>.Wrap
	{
	background-color: rgba(25,25,112,0.65);
}
.memo
	{
	background-color: rgba(255,255,255,0.75);
}
/*
a:hover .More	{
	background-color: rgba(255,255,255,0.9);
}
*/

th	{
	background-color: rgba(25,25,112,0.0);
}


/* 背景・あか */
.ClassKinkyu a	{
	background-color: rgba(192,16,78,1.0);
}
.StudentMypage .Cancel	{
	background-color: rgba(220,57,71,0.1);
}
.LessonList .Check	{
	background-color: rgba(220,57,71,0.00);
}


/* 背景・or */
.Change label:hover img,
#thumbnail:checked ~ label[for=thumbnail]:hover img,
#list:checked ~ label[for=list]:hover img,
#MenuBar .ClassIntroduction .SubAll
	{
	background-color: rgba(242,152,55,1.0);
}
#entry .child2
	{
	background-color: rgba(242,152,55,0.5);
}

/* [200302]校正・追加　ログイン・ログアウトでボタンの色を変えたいってspだけの依頼...? */
.ModeSP .MemberLogin .ClassStudentLogin a	{
	background-color: rgba(255,152,0,1.0);
}


/* 背景・みどり 
	{
	background-color: rgba(0,154,91,1.0);
}
*/
/* 背景・きみどり 
.ClassContact a	{
	background-color: rgba(91,181,49,1);
}
*/


/* 背景・k */
.Change label img
	{
	background-color: rgba(0,0,0,0.8);
	color: inherit;
}
.SortNavi>span:not([class])
	{
	background-color: rgba(33,34,34,0.1);
	color: inherit;
}


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

table	{
}

.zebra>tr>th,
.zebra>tr>td,
.MarkerPen	{
	background-color: rgba(0,0,0,0.05);
}



/* 背景・kみたいなあお */
th,
#Admin .BG,
#Admin .AdminLogOut,
#Admin navi.CategoryNavi a:hover
	{
	background-color: rgba(25,25,112,0.1);
}

/* 背景・noise */
/*
th:before	{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
th,
.Btn.More	{
	background-color: rgba(100,149,237,1.0);
	background-color: rgba(25,25,112,0.4);
	background-image: url(../img/paper_3.png);
}
*/
th	{
	background-image: url(../img/paper_3.png);
}
.Btn.More	{
	background-color: rgba(25,25,112,0.4);
	background-image: url(../img/noisy_w.png);
}
.Btn.More>span	{
	background-color: rgba(255,255,255,0.5);
}


/* 背景・円グラデーション */
.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));
}
/* 背景・グラデーション・k */
.ColorBtn,
/*
input[type="submit"],
input[type="reset"],
input[type="button"],
*/
button,
.tabrow li
	{
/*[171103]グラデーションのかかった背景をCSSでふわっと変える方法(http://web-codery.com/html/80)
	最後にベタを敷く
*/
	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);
/*
	border-width: 1px;
*/
}
.ColorBtn:hover,
/*
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
*/
.tabrow li:not(.selected):hover
	{
/*[171103]グラデーションのかかった背景をCSSでふわっと変える方法(http://web-codery.com/html/80)
	先にベタを敷く
*/
	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;
}

/* 背景・グラデーション・gray 
.ColorBg,
.ColorBtn,
.BtnSubmit,
.BtnBack,
.BtnOk,
.BtnUpload,
.StepNo b,
.BackTop a
	{
	display: block;
	text-decoration: none;
	color: inherit;
	background-image: linear-gradient(
		170deg,
		rgba(0,0,0,0.05),
		rgba(0,0,0,0.1)
	);
	background-color: rgba(0,0,0,0);
	background-color: rgba(255,255,255,1.0);
}
.ColorBg:hover,
.ColorBtn:hover,
.BtnSubmit:hover,
.BtnBack:hover,
.BtnOk:hover,
.BtnUpload:hover,
.StepNo b:hover,
.BackTop a:hover
	{
	color: rgba(255,255,255,1.0);
	background-color: rgba(0,0,0,0.5);
	background-color: rgba(255,255,255,1.0);
}
	background-color: rgba(0,0,0,0.5);
}
*/


/* 斜線 */
.Index .Merit ul>li,
.ShohinCt1
	{
/*[Stripe]*/
	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
	{
/*[Stripe]*/
	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
	);
/*[dot]
	background-image: radial-gradient(rgba(129,216,208,0.2) 10%, transparent 20%), radial-gradient(rgba(129,216,208,0.2) 10%, transparent 20%);
	background-size: 0.5em 0.5em;
	background-position: 0 0, 0.25em 0.25em;
*/
}


/* 影 
.LoginPanel,
#Document>.Wrap	{
	-webkit-box-shadow: 0px 10px 100px rgba(0,0,0,0.1);
	box-shadow: 0px 20px 100px rgba(0,0,0,0.1);
}
*/



hr	{
}
hr.Blank	{
	background: none;
}
.Index hr	{
	height: 15px;
	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(0,0,0,0.2);
}
table, caption, thead, tbody, tfoot
	{
	border-color: rgba(255,255,255,1.0);
	border-color: rgba(25,25,112,0.2);
	border-color: inherit;
	border-color: rgba(0,0,0,0.2);
}
th, td
	{
	border-color: rgba(0,0,0,0.25);
}
select,
input, textarea, button, label,
input.ColorBtn,
button.ColorBtn,
.CategoryNaviBtn a,
.CategoryNaviBtn a:not([class]):hover
	{
	border-color: rgba(0,0,0,0.5);
	border-color: rgba(135,206,235,1.0);
	border-color: rgba(100,149,237,1.0);
	border-color: rgba(25,25,112,0.3);
}
.Btn.More
	{
	border-color: rgba(0,0,0,0.7);
}
/*
.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);
}
*/

/* 背景・もっとみずいろ */
#entry .child1:before,
.Slide .TxtFif
	{
	border-color: rgba(135,206,235,1.0);
}

/* 線・みずいろ */
.changeBtn>span,
.BorderTxt,
.Qa .Title .Mark:before,
.Qa .Title .Mark:after,
#entry .parent:before,
.BackTop a:hover:before	{
	border-color: rgba(100,149,237,1.0);
}
.slick-arrow,
.slick-arrow:before	{
	border-color: rgba(100,149,237,1.0);
}

.CategoryNaviBtn a	{
}

.StudentMypage .RegisteredChild,
#entry .Step .Img img	{
	border-color: rgba(100,149,237,0.3);
}

/* 線・あお */
/*
#MenuBar .PullDown:after,
#MenuBar .PullDown ul,
#MenuBar .PullDown li,
#MenuBar .PullDown li a,
#MenuBar .PullDown>.Wrap>a:after
	{
	border-color: rgba(25,25,112,1.0);
}
*/
/*
.Corner,
.Corner>.Wrap
	{
	border-color: rgba(0,0,0,0.2);
}
*/
/* 線・OR */

#entry .child2:before
	{
	border-color: rgba(242,152,55,0.75);
}



/* 線・k */
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,
.StudentMypage .NewChild
	{
	border-color: rgba(215,10,48,0.2);
}

/*[181012]追加*/
.RequiredBox	{}
.RequiredBox select,
.RequiredBox input[type="text"],
.RequiredBox textarea	{
}



/* ------------------------------------------------------
	囲む */
.memo,
.Border	{
	margin-top: 1em;
	margin-bottom: 1em;
}
.Border	{
	padding: 2em;
	border-width: 1px;
}
/* [160924]追加　内側へ線を引く */
.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;
}

/* 文字を囲む */
.BorderTxt	{
	border-width: 1px;
	padding-left: 0.25em;
	padding-right: 0.25em;
}


/* 下線 */
.Under1	{ text-decoration: underline; }
/*
.Under2	{
	background-repeat: repeat-x;
	background-position: center bottom;
	background-image: url(../img/line2.png);
	padding-bottom: 2px;
	padding-top: 2px;
}
*/



/* テープ */
.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;
}






/* ======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
====================================================== */




/* ======================================================
	<div>
------------------------------------------------------ */
section,
article
	{
}

article	{}


section	{}

section	{
	margin-top: 5em;
	margin-bottom: 5em;
}
section:nth-child(odd)	{
}
section:nth-child(even)	{
	padding-top: 5em;
	padding-bottom: 5em;
}
section:not(:first-child)	{
}
section:not(:last-child)	{
}

article>section	{
}
article>section:first-child	{
}
article>section:not(:first-child)	{
}
article>section:not(:last-child)	{
}

.InnerNavi	{
}
.Contents	{
	margin-bottom: 5em;
}

.Kinkyu .KinkyuFooter	{
}


.Wrap	{
}
li>.Wrap	{
	width: 100%;
	height: 100%;
}

section>.Wrap,
article>.Wrap	{
}








.Note	{
	margin-left: 2em;
}
.Indent p	{
	margin-top: 1em;
	margin-bottom: 1em;
}
.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;
}




/* 開け閉め */
.Change	{
	text-align: left;
}
.Change .Btn	{
	cursor: pointer;
}

.Change .Txt	{
	opacity: 0;
	height: 0;
	overflow: hidden;
}
.Change input:checked ~ .Txt	{
	height: auto;
	opacity: 1;
}
@media print {
	.Change .Txt	{
/*未決
	opacity: 1.0;
	height: auto;
	overflow: visible;
	min-height: initial;
	margin-right: initial;
*/
	}
}




/* ======================================================
	<li>
------------------------------------------------------ */
dl	{
	text-align: left;
	display: inline-block;
	min-width: 50%;
}
dt>b	{
	font-size: 1.2em;
}
dt:before	{
}
dt:after	{
}

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


dd:last-child	{}




/* ======================================================
	<form>
------------------------------------------------------ */
label	{}
label span	{
	display: inline-block;
	vertical-align: middle;
}






/* ======================================================
	<table>
------------------------------------------------------ */
table	{
	text-indent: 0px;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0em;
	border-width: 3px 0;
	background-color: rgba(255,255,255,0.75);
/*
	border-collapse: separate;
	border-spacing: 0.5em;
	border-radius: 1em;
	overflow: hidden;
*/
}


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

th	{
	border-style: solid;
	border-top-width: 1px;
	text-align: left;
	font-weight: bold;
/*
	border-right-width: 1px;
*/
}
tbody tr>th:first-child	{
}
tbody tr>th:not(:first-child)	{
	border-left-width: 1px;
}
tbody tr>th	{
/*
	overflow: hidden;
*/
}
tbody tr>th:not([colspan]):after	{
/*[191210]校正前　不要...
	content: "";
	display: inline-block;
	position: absolute;
	right: -0em;
	width: 0px;
	height: calc(100% - (1em * 2));
	border-left-width: 1px;
	border-left-style: dashed;
*/
}
tbody tr>th:before	{
/*
	content: "";
	display: inline-block;
	position: absolute;
	left: -0.5em;
	top: -0.5em;
	width: 1em;
	height: 1em;
	background-color: red;
	transform: rotate(45deg);
*/
}
tbody th,
.WidthTh	{
	width: 13em;
	min-width: 8em;
	vertical-align:top;
}
tbody:first-child	{
}
tbody:first-child tr:first-child th	{
	border-top-width: 0px;
}
thead+tbody tr:first-child th	{
	border-top-width: 1px;
}

td	{
	border-style: solid;
	border-right-width: 1px;
	border-top-width: 1px;
}
td:last-child	{
	border-right-width: 0px;
}
tbody:first-child	{
}
tbody:first-child tr:first-child td	{
	border-top-width: 0px;
}
thead+tbody tr:first-child td	{
	border-top-width: 1px;
}
tbody tr>td:first-child	{
	border-left-width: 0px;
}
td[rowspan]	{
	border-left-width: 1px;
}


/* <thead> */
thead th,
.Thead th	{
	width: auto;
	text-align: center;
	vertical-align: middle;
}
thead th:not(:last-child),
.Thead th:not(:last-child)	{
	border-right-width: 1px;
}
thead tr:first-child th,
thead tr:first-child td,
.Thead tr:first-child th,
.Thead tr:first-child td	{
	border-top-width: 0;
/*
	border-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
	{
}


/* <tfoot> */
tfoot th:not(:last-child),
.Tfoot th:not(:last-child)	{
	border-right-width: 1px;
}
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	{
}


/* 必須項目 */
th.Required	{
	position: relative;
}
.Required::after	{
	content: "必須";
	content: "※";
}
th.Required::after	{
	position: absolute;
	left: 0.25em;
}
/*
[200204]　校正でadminのth幅調整したら、狭いブラウザで※が改行する...
.Required::after	{
	content: "必須";
	content: "※";
	float: left;
	margin-left: -1em;
}
*/



/* <tbody>ドラッグで上下移動 */
.RowControl	{}
div.RowControl:before	{
	content: "※ドラッグで、項目の順番(上下)を変更できます。";
	display: block;
	text-align: left;
}
/*
div.RowControl tr td:last-child	{
	display: table;
}
div.RowControl tr td:last-child>*	{
	display: table-cell;
}
div.RowControl tr td:last-child:after	{
	content: "□";
	display: table-cell;
}
*/

/* [181016]角丸にしてみる///////////////////////////////// 
table	{
	border-collapse: separate;
	border-spacing: 0px;
	border-width: 1px;
	border-radius: 1em;
	overflow: hidden;
	background-color: rgba(255,255,255,1.0);
}
td table	{
	border-collapse: collapse;
	border-radius: 0em;
	overflow: auto;
}

tbody th	{
	border-width: 0 0px 1px 0px;
}
tbody td	{
	border-width: 0 0px 1px 1px;
}
thead th:first-child,
tfoot th:first-child,
tbody td:first-child,
tbody th+td	{
	border-left-width: 0px;
}

tbody th+th	{
}
th[rowspan]	{
	border-right-width: 1px;
}


tbody:last-child tr:last-child	{}

tfoot tr:last-child th,
tfoot tr:last-child td,
tbody:last-child tr:last-child th,
tbody:last-child tr:last-child td,
tbody:last-child tr:nth-last-child(2) th[rowspan="2"],
tbody:last-child tr:nth-last-child(2) td[rowspan="2"],
tbody:last-child tr:nth-last-child(3) th[rowspan="3"],
tbody:last-child tr:nth-last-child(3) td[rowspan="3"],
tbody:last-child tr:nth-last-child(4) th[rowspan="4"],
tbody:last-child tr:nth-last-child(4) td[rowspan="4"],
tbody:last-child tr:nth-last-child(5) th[rowspan="5"],
tbody:last-child tr:nth-last-child(5) td[rowspan="5"]	{
	border-bottom-width: 0px;
}

*/





/* 円で囲む */
.Circle	{
	padding: 1em;
	border-radius: 100em;
	display: inline-block;
}




/* ======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
====================================================== */




/* ======================================================
	文字
------------------------------------------------------ */
h1>b,
h2>b,
h3>b	{
	font-weight: inherit;
}


h1	{
	text-align: center;
}
.CategoryTitle	{
	overflow: hidden;
	background-image: url(../img/noisy_w.png);
	margin-bottom: 2em;
	padding: 2.5em 0;
}
.CategoryTitle:before,
.CategoryTitle:after,
.CategoryTitle>.Wrap:before,
.CategoryTitle>.Wrap:after	{
	content: "";
	display: block;
	position: absolute;
	width: 50em;
	height: 50em;
	background-image: url(../img/triangle_lbl.svg);
	opacity: 0.5;
	background-size: 0.7em;
}
.CategoryTitle:before,
.CategoryTitle:after	{
	transform: rotate(-15deg);
}
.CategoryTitle:before	{
	left: -40em;
	top: -40em;
}
.CategoryTitle:after	{
	right: -40em;
	bottom: -40em;
}
.CategoryTitle>.Wrap:before,
.CategoryTitle>.Wrap:after	{
	transform: rotate(15deg);
}
.CategoryTitle>.Wrap:before	{
	right: -40em;
	top: -40em;
}
.CategoryTitle>.Wrap:after	{
	left: -40em;
	bottom: -40em;
}

.CategoryTitle h1 b	{
	font-size: 1.5em;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	font-weight: bold;
}
/*[191210]校正前　シンプルに...
.CategoryTitle h1	{
	filter: drop-shadow(0px 3px 0px rgba(0,0,0,0.1));
}
.CategoryTitle h1:before,
.CategoryTitle h1:after	{
}

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

.CategoryTitle h1 b	{
	font-size: 2em;
	display: inline-block;
	vertical-align: middle;
	padding: 1em;
}
.CategoryTitle h1 b:before,
.CategoryTitle h1 b:after	{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 1em;
	background-color: rgba(255,255,255,1.0);
}
.CategoryTitle h1 b:before	{
	margin-right: 1em;
}
.CategoryTitle h1 b:after	{
	margin-left: 1em;
}
.CategoryTitle h1 small	{
	display: inline-block;
	vertical-align: baseline;
}
.CategoryTitle Img	{
	vertical-align: middle;
}
.CategoryTitle .Img img	{
}
.CategoryTitle h1:not([class])	{}
*/

h2	{
	margin-top: 5em;
	margin-bottom: 2em;
	text-align: center;
}
/*
.Main article>section:nth-child(even) h2	{
	margin-top: 0em;
}
*/
section>.Wrap h2:first-child	{
	margin-top: 0em;
}

h2>b	{
	display: block;
	vertical-align: middle;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.1em;
}
h2:after	{
	content: "";
	display: inline-block;
	background-color: rgba(25,25,112,1.0);
	background-color: rgba(255,255,255,0);
	background-image: url(../img/circle.svg);
	background-image: url(../img/circle_bl.svg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 20px;
	width: calc(1em * 10.5);
	height: 1em;
	margin-top: 1em;
}
.News h2:after	{
}

#Lesson .Main h2:after	{
}
.LessonGallery h2:after	{
}

h2>small	{
	display: block;
	font-size: 0.7em;
	line-height: normal;
}


/*
h2:before,
h2:after	{
}
h2:before	{
}
h2:after	{
}
.l h2>b:after	{
	margin-left: 0;
}

h2[class]>b	{
}
h2:not([class])	{
}
h2:not([class])>b	{
}
h2:not([class]):before,
h2:not([class]):after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 5em;
	height: 1em;
}
h2:not([class]):before	{
	margin-right: 2em;
}
h2:not([class]):after {
	margin-left: 2em;
	background-image:url(../img/circle.svg)
}
*/



h3	{
	margin-bottom: 1em;
	padding-left: 1em;
}
.Main article>section:nth-child(even) h3	{
	background-color: rgba(255,255,255,0.75);
}

h3:before	{
	content: "";
	display: block;
	position: absolute;
	left: -0.5em;
	top: -0.25em;
	width: 2em;
	height: 0.8em;
	height: 2em;
	background-image: url(../img/triangle_lbl.svg);
	background-size: 0.5em;
	background-position: center;
	opacity: 0.5;
	z-index: 1;
	transform: rotate(45deg);
}
h3:after	{
/*
	content: "";
	display: block;
	position: absolute;
	left: 0.15em;
	top: -0.25em;
	width: 2em;
	height: 2em;
	transform: rotate(45deg);
*/
}
h3>b	{
	position: relative;
	z-index: 2;
}
h3>b:after	{
}
.l h3>b:after	{
	margin-left: 0;
}
h3:not([class])>b	{
	font-size: 1.5em;
}



h4	{
}
h4:before	{
	content: "";
	position: absolute;
	display: inline-block;
	left: -0em;
	bottom: -0em;
	width: 5em;
	height: 3px;
	vertical-align: middle;
	line-height: 1;
}
h4>b	{
	display: block;
	vertical-align: middle;
	border-bottom-width: 3px;
}

dt	{
	font-weight: bold;
}


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

h2+h3,
h3+h4	{
	margin-top: 0;
}

/* ======================================================
	<a>
------------------------------------------------------ */
/*a img	{ vertical-align: middle; } */
a	{
	text-decoration: underline;
	text-decoration: none;
/*
	border-width: 0;
*/
}
a:hover,
.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,
.SlideMenu a
	{
	text-decoration:none;
/*
	border-bottom-width: 0;
	border-bottom-color: rgba(255,255,255,0);
*/
}

.PageNavi span:not(:last-child):after	{
	font-family: 'ElegantIcons';
	content: "\35";
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	line-height: 1;
	margin-left: 1em;
	margin-right: 1em;
}
.PageNavi span:not(:last-child):after	{
}


/* 外部リンク */
a[target="_blank"]:not([class])	{
	padding-left: 1.5em;
}
.SNS a[target="_blank"]:not([class]),
.SNSIcon a[target="_blank"]:not([class])	{
	padding-left: 0em;
}
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-left: -1.5em;
	margin-right: 0.5em;
	line-height: 1;
	letter-spacing: normal;
}
td a[target="_blank"]	{
}

a[target="_blank"]:before,
a[target="_blank"]:hover:before	{
	background: none;
	color: inherit;
}
.NewsImg a[target="_blank"]:before,
.NewsList a[target="_blank"]:before,
.MapNaviBtn a:before,
.MapBtn a:before,
.APPDownload a:before,
.APPDownload a[target="_blank"]:before
.SNS a[target="_blank"]:before,
.SNSIcon a[target="_blank"]:before,
/*
,
.PdfDLL a:before,
a.PdfDLL:before,
.ShohinImgGallery a:before,
#MenuBar a:before
*/
	{
	content: none;
	border-width: 0;
	box-shadow: none;
	opacity: 1;
	width: auto;
	height: auto;
}



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



/* 外部リンク → hp_library_contents.php */
.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	{}
.List a	{
	display: block;
}
.List a:hover,
.List *:hover:after	{
}
/*[200121]校正　透けるのが嫌
.List a:hover	{
	opacity: 0.7;
}
.List *:hover:after	{
	opacity: 0.7;
}
*/
.List .ColorBtn	{}
.List .ColorBtn:hover	{}


.Hover	{}
.Hover a	{}
.Hover a:hover,
.Hover button:hover	{
	color: inherit;
}
.Hover a:hover:after,
.Hover button:hover:after,
/* [200121]　.Index .LessonGalleryは、<a>が矩形ではないので個別に */
.Index .LessonGallery li a:hover .CategoryName:after,
.Index .LessonGallery li a:hover .ImgCover:after,
.Index .LessonGallery li a:hover .Txt:after,
.Index .LessonGallery li a:hover .Btn:after
	{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.3);
	z-index: 3;
}
/*[200121]校正　透けるのが嫌
.Hover a:hover,
.Hover button:hover	{
	opacity: 0.7;
	color: inherit;
}
*/

.Shutter	{
}
.Shutter a,
.Shutter>*	{
	display: inline-block;
	position: relative;
/*
*/
	overflow: hidden;
}
/*
.Shutter button	{
	display: inline-block;
	overflow: hidden;
}
*/
.Shutter a:before,
.Shutter>*:before
/*,
.Shutter button:before
*/
	{
	content: "";
	display: block;
	position: absolute;
	top: -30em;
	left: -30em;
	width: 30em;
	height: 30em;
	background-color: red;
	background-color: rgba(255,255,255,0.3);
	transform: translateX(-0em) translateY(-5em) rotate(45deg);
	opacity: 1.0;
}
.Shutter a:hover,
.Shutter>*:hover
/*,
.Shutter button:hover
*/	{
	color: inherit;
}
.Shutter a:hover:before,
.Slide a:hover .Shutter>*:before
/*,
.Shutter button:hover:before
*/	{
	top: -10em;
	left: -10em;
}
.Shutter a>span,
.Shutter>*>*	{
	position: relative;
}




/* ------------------------------------------------------
	ボタン風 */
/*[200205]校正『申込みボタンなどのクリックするようなものは、角丸の囲みにしてほしい。』*/
.Btn,
select,
input,
textarea,
button,
.changeBtn>span,
.SortNaviBtn span,
.Index .Category li>.Wrap,
.Index .Category a>.Wrap,
.Footer .ClassDownloadList,
.Banner .ClassDownloadList,
.Footer .ClassPdf,
.Banner .ClassPdf,
.Footer .ClassContact,
.Banner .ClassContact,
.GalleryPhoto .LightBox img	{
	border-radius: 0.3rem;
	overflow: hidden;
}
textarea,
.changeBtn>span	{
	overflow: visible;
}

.Btn	{
}
.Btn.More	{
	display: inline-block;
	border-width: 1px;
	font-size: 0.8em;
	min-width: 20em;
	text-align: center;
	vertical-align: middle;

/*
[200205]校正『申込みボタンなどのクリックするようなものは、角丸の囲みにしてほしい。』
	border-radius: 0em;

	background-color: rgba(255,255,255,0.9);
	line-height: 3em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	font-weight: bold;
*/
}
.Btn>span	{
	padding: 0.5em 1.5em;
	display: block;
}



button	{
	background-image: none;
	width: auto;
	height: auto;
}


.Marker	{
	text-decoration: none;
	padding: 0.25em 0.5em;
	border-width: 1px;
/*
	background-image: url(../img/bg_pnk.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #f2dbdf;
*/
}
a img.Marker,
input.Marker	{
	border-width: 1px;
	border-style: solid;
	border-color: #e4b7bf;
	padding: 0.25em;
	background-attachment: fixed;
}


/* 色+画像ボタン */
.ColorBtn	{
	display: inline-block;
	line-height: 1;
	padding: 0.5em 1em;
	overflow: hidden;
	vertical-align: middle;
	border-radius: 0.1em;
	border-radius: 100em;
/*
	border-width: 1px;
*/
}
.ColorBtn,
.ClickBtn	{
	border-width: 1px;
	line-height: 1;
	font-weight: normal;
	text-align: center;
}

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

input.ColorBtn,
button.ColorBtn	{
	border-style: solid;
	height: auto;
	min-height: initial;
}
/*
.ColorBtn input	{
	width: auto;
	border-width: 0;
	background: none;
}
*/

.ColorBtn>*	{
	display: inline-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:hover	{
}
/*
.ClickBtn:before	{
	font-family: 'ElegantIcons';
	content: "\45";
	display: inline-block;
}
*/
.ClickBtn>span	{
/*
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	margin: 1rem 0;
*/
}
input.ClickBtn,
button.ClickBtn	{
	height: auto;
	min-height: initial;
}

/* 線だけのボタン */
.ClickBtn.ClickBtnS {
	font-size: 1em;
}
.ClickBtn.ClickBtnS>.Wrap {
	background: none;
	color: inherit;
	padding-top: 0em;
	padding-bottom: 0em;
}

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


.BtnSubmit,
.BtnBack,
.BtnOk,
.BtnUpload	{
/*[200205]校正『申込みボタンなどのクリックするようなものは、角丸の囲みにしてほしい。』
	border-radius: 0;
*/
}

.BtnOk	{
	font-size: 1.2em;
	line-height: 2em;
	color: rgba(255,255,255,1.0);
}
.BtnOk:hover	{
}



/* <input>風 */
.BtnDsp	{
	border-width: 1px;
	margin: 0 0.25em;
	padding: 0.15em 0.5em;
	border-radius: 0.2em;
	white-space: nowrap;
}
.BtnDsp.Arrow	{
	margin: 0 0.25em;
	padding: 0;
	letter-spacing: normal;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5;
	text-align: center;
	border-radius: 0.2em;
	vertical-align: middle;
}






.FormBtn	{
}




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

#Admin .ErrorMessage	{
}

.ErrorMessage .BtnBg	{
	display: inline-block;
	text-align: center;
	margin-bottom: 0;
}
/*.ErrorMessage .BtnBack*/
.ErrorMessage input[type="submit"]
	{
	margin-top: 2em;
}
.ErrorMessage .BtnBack	{
}
.ErrorMessage ul	{
	text-align: left;
}
.ErrorMessage ul>li	{
}


/*
.Required::after
	{
	background-color: #c33;
	color: #fff;
}
*/
.message	{
	text-align: center;
	margin-top: 5rem;
	margin-bottom: 5rem;
}
.message input	{
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.MarkerPen	{}




/* ======================================================
	アイコン
------------------------------------------------------ */
.Mark	{}
.Icon	{
/*
	border-width: 1px;
	line-height: 1;
	border-radius: 0.1em;
	padding: 0.5em;
*/
}
.Icon:before,
.IconT:before{
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0px;
	border-radius: 2px;
	margin-right: 0.5em;
/*
	content: "";
	font-size: 1rem;
*/
}
.Icon:before	{
}
.IconT:before	{
}


.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	{
/*	font-family: 'themify';*/
	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";
}

/* セット{$set_id}に入れる */
.SendSet:before	{
	content: "\e008";
}

/* セット{$SetIdDsp}を確定する */
.SetEnd:before	{
	content: "\e008";
}


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

/* ダウンロード */
.DLL	{}

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

.c .DLL	{
	display: inline-block;
}

/* pdf */
.PDF	{
}
.PDF a	{
	display: inline-block;
}
.PDF a:before,
.PDF a[target="_blank"]:before	{
	font-family: 'themify';
	content: "\e6a3";
	content: "\e6a7";
	content: "\e639";
}
.PDF a>span	{
	display: inline-block;
	display: inline;
	vertical-align: middle;
}

/*
.PDFdll	{}
.PDFdll:before	{
	content: "";
	display: inline-block;
	vertical-align: baseline;
	vertical-align: middle;
	font-family: 'themify';
	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;
}
.PDFdll:before	{
	content: "\e632";
	content: url("../download/i_pdf_mini.png");
	margin-right: 1em;
}
.PDFup	{}
.PDFup:before	{
	content: "\e63e";
}
*/




/* ======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
	======================================================
====================================================== */




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

.PageNavi	{
	font-size: 0.8em;
	text-align: left;
	line-height: 1;
	padding-top: 1em;
	padding-bottom: 1em;
/*
	margin-bottom: 2.5em;
	margin-bottom: 1em;
	opacity: 0.6;
*/
}
/*
.PageNavi:after	{
	content: "";
	display: block;
	position: absolute;
	bottom: -1.25em;
	width: 100%;
	height: 1px;
	border-top-width: 1px;
}
*/
.FooterBtn .PageNavi	{
}
.FooterBtn .PageNavi>.Wrap	{
	height: 2em;
	overflow: hidden;
	width: calc(100% - 5em);
	margin-left: 0px;
}

.PageNavi span	{
	display: inline-block;
	vertical-align: middle;
}
.PageNavi>.Wrap>.Wrap>span	{
}
.PageNavi>.Wrap>.Wrap>span:first-child	{
}
.PageNavi>.Wrap>.Wrap>span:first-child a	{
}
.PageNavi>.Wrap>.Wrap>span:first-child a:before	{
	font-family: 'themify';
	content: "\e69b";
	display: inline-block;
	vertical-align: baseline;
	margin-right: 0.25em;
}

div.PageNavi a	{
	display: inline-block;
}
/*
.PageNavi:after	{
	content: "";
	display: inline-block;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-image: url(../img/Seamless03.svg);
	background-size: contain;
	width: 100%;
	height: 5px;
	opacity: 0.5;
}
*/
.SortNavi	{
	letter-spacing: 0px;
/*
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	text-align: center;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	letter-spacing: 0px;
	text-align: center;
	display: inline-block;
	margin-left: -1px;
*/
}
.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;
/*
	margin-left: 1px;
	float: left;
*/
}
.SortNaviBtn span	{
	float: left;
	letter-spacing: normal;
	border-width: 1px;
}

.SortNavi .Select	{
	font-weight: bold;
	border-color: rgba(255,255,255,0);
}

.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;
/*
	margin-left: 0.25em;
	margin-right: 0.25em;
*/
}
.ViewSwitchingIcon:before	{
	font-family: 'ElegantIcons';
	display:inline-block;
	vertical-align: middle;
	font-size: 2em;
/*
	margin-left: 0.25em;
	margin-right: 0.25em;
*/
}
.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	{}






/* ======================================================
	Google 検索BOX
------------------------------------------------------ */
.SiteSearch	{
	width: 10em;
	padding-left: 0.5em;
}
.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 - 2px);
}
.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;
/*
	background: none;
*/
}



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

/*[191114]仕様が変わった...
.SiteSearch	{
	vertical-align: middle;
	border-radius: 0em;
	font-size: 0.8em;
	width: 15em;
}
.SiteSearch input,
.SiteSearch button	{
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 2em;
	line-height: 2em;
	padding: 0;
	border-width: 1px;
	margin: 0;
	border-radius: 0em;
}

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

.SiteSearch .Text,
.SiteSearch .Btn	{
}

.SiteSearch .Text	{
	text-align: left;
}
.SiteSearch .Text>.Wrap	{
}

.SiteSearch .Text input[type="text"]	{
}
.SiteSearch .Text select	{
	height: 2em;
}

.SiteSearch .Btn	{
	width: 2em;
	text-align: right;
	color: rgba(255,255,255,1.0);
}
.SiteSearch .Btn>.Wrap	{
}
.SiteSearch .Btn button	{
	background: transparent;
	border-width: 0px;
}
.SiteSearch .Btn button>span	{
	display: inline-block;
	line-height: inherit;
}
*/





/* ======================================================
	read文
------------------------------------------------------ */
.read	{
	font-weight: bold;
	text-align: center;
	margin-bottom: 3em;
/*
	font-size: 1.2em;
*/
}
h2+.read	{
}
.read div:last-child	{
	margin-bottom: 0;
}
.read .Big	{
	font-size: 1.25em;
}





/* ======================================================
	メモ
------------------------------------------------------ */
.memo	{
	padding: 2em;
/*
	border-width: 1px;
	border-style: dotted;
*/
}
.memo>h2,
.memo>h3,
.memo>h4	{
	margin-top: 0px;
}
.memo b	{}
.memo>ul	{
	margin-top: 0;
	margin-bottom: 0;
}
.memo li	{}

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

section:nth-child(odd) .memo	{
	border-width: 1px;
}



/* ======================================================
	Bannerでリンク
------------------------------------------------------ */
.Banner>ul	{
	list-style: none;
	margin-left: 0;
}
.Banner>ul>li	{
/*
	margin-bottom: 1rem;
*/
}
.Banner>ul>li img	{
	display: block;
	margin: auto;
}
.Banner p	{ margin-top: 0.5rem; }
/* .Bannerの内側 */
.BannerBox	{ margin: 4px; }







/* ======================================================
	RSS
------------------------------------------------------ */
.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;
/*
	padding-bottom: 1.5em;
	padding-bottom: 3em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
*/
}
.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;
}
/*
.SwitchingBtn:before	{
	content: "";
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 1em;
	height: 1em;
	opacity: 1.0;
	vertical-align: middle;
}
.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	{
}






/* ------------------------------------------------------
	点滅 */
.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; }
}
/* ふわっと
@-webkit-keyframes blink	{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink	{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink	{
    0% {opacity:0;}
    100% {opacity:1;}
}
*/





/* ======================================================
	流れ
------------------------------------------------------ */
.Step	{}

.Step ol	{
	list-style: none;
	margin-left: 5em;
}

.Step ol>li	{
	margin-top: 0em;
	margin-bottom: 0em;
}
.Step ol>li>.Wrap	{
	padding-top: 4em;
}
.Step ol>li:not(:last-child)>.Wrap	{
	padding-bottom: 3em;
}
.Step ol>li::before	{
	position: absolute;
	content: "";
	left: -3.125em;
	top: 2em;
	width: 100%;
	height: 1px;
}
/*.Step>ol>li:after	{*/
.Step ol>li:not(:last-child):after	{
	position: absolute;
	content: "";
	left: -3.125em;
	top: -0em;
	width: 0.25em;
	height: 100%;
	bottom: -0em;
	z-index: -1;
}
.Step ol>li:last-child:after	{
}
.Step .StepNo	{
	display: inline-block;
	position: absolute;
	left: -5em;
	top: -0em;
	width: 4em;
	height: 4em;
	line-height: 1.5em;
	letter-spacing: normal;
	text-align: center;
	color: rgba(255,255,255,1.0);
/*
	background-image:url(../img/square_lbl.svg)
*/
}
.Step .StepNo>b	{
	font-size: 1.5em;
	display: inline-block;
	height: 100%;
	font-weight: normal;
	vertical-align: middle;
}
.Step .StepNo:before	{
	content: "step";
	display: block;
	font-size: 0.8em;
	margin-top: 0.5em;
}

.Step .head	{
	margin-bottom: 0.5em;
	font-weight: bold;
}
.Step .Img	{
}
.Step .Txt	{
}
.Step .Free	{
}


/* 縮小版 */
.StepMini	{}
.StepMini .Step	{}

.StepMini .Step ol	{
	margin-left: 3em;
}
.StepMini .Step>ol>li:before	{
	content: none;
}
.StepMini .Step>ol>li:after	{
	left: -2em;
	width: 1px;
}

.StepMini .Step>ol>li>.Wrap	{
	padding-top: 0em;
}
.StepMini .Step .StepNo	{
	width: 2em;
	height: 2em;
	left: -3em;
	line-height: 2em;
}
.StepMini .Step .StepNo:before	{
	content: none;
}
.StepMini .Step .StepNo>b	{
	font-size: 1em;
	font-weight: normal;
}



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

/* box */
.TabMenu ul
	{ zoom: 1; }

.TabMenu:after
	{
	content: ""; 
	display: block; 
	clear: both;
}
/*
.TabMenu	{}
.TabMenu ul	{ margin-left: 0px; }
.TabMenu li	{
	display: block;
	float: left;
	min-width: 20%;
	text-align: center;
	margin: 0;
	border-width: 2px 2px 0 2px;
	background-image: url(../img/bg_back.png);
	padding: 10px;
}
.TabMenu li img	{ vertical-align: middle; }
.TabMenu li a	{ display: block; }
.TabMenu li.On	{
	background-image: url(../img/CategoryOn.png);
	background-repeat: repeat-x;
	background-position: left top;
	border-color: #fff;
}
*/








/* ======================================================
	ベタでフキダシ */
.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;
}


/* ------------------------------------------------------
	線でフキダシ 
.FukidashiL,
.FukidashiR {
	position: relative;
}
.FukidashiR {}
.FukidashiL:after,
.FukidashiL:before,
.FukidashiR:after,
.FukidashiR:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
}
.FukidashiL:after,
.FukidashiR:after {
    border-width: 8px;
    top: 10px;
}
.FukidashiL:before,
.FukidashiR:before {
    border-width: 10px;
    top: 8px;
}

.FukidashiL:after,
.FukidashiL:before	{ right: 100%; }
.FukidashiL:after { border-right-color: rgba(255,255,255,1.0); }
.FukidashiL:before { border-right-color: #ccc; }

.FukidashiR:after,
.FukidashiR:before { left: 100%; }
.FukidashiR:after { border-left-color: rgba(255,255,255,1.0); }
.FukidashiR:before { border-left-color: #ccc; }
*/




/* ======================================================
	CrossFade用
------------------------------------------------------ */
.IndexViewer	{
}
#viewer	{
}
/*
.IndexViewer+section	{
	margin-top: 0;
}
*/
#viewer .Img	{
	position: absolute;
	left: 0;
	top: 0;
}
#viewer .Img img	{
	position: static;
}

.IndexViewer #viewer img	{
}

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





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

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

/* "CLOSE" BUTTON */
#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;
/*
	background-color: #666;
*/
}
#imagelightbox-close:hover,
#imagelightbox-close:focus {
/*
	background-color: #111;
*/
}

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



/* caption */
#imagelightbox-caption	{
	color: inherit;
	-webkit-animation: none;
	animation: none;
}



/* arrow */
button.imagelightbox-arrow	{
	border-width: 0;
	height: 3.75em;
}
button.imagelightbox-arrow:before	{
	background-color: transparent;
	border-style: solid;
	border-color: rgba(255,255,255,1.0);
	width: 1em;
	margin: 0;
	height: 1em;
	transform: rotate(45deg);
}
button.imagelightbox-arrow.imagelightbox-arrow-left	{
	left: 5vw;
}
button.imagelightbox-arrow.imagelightbox-arrow-left:before	{
	border-width: 0 0 3px 3px;
	margin-left: 0.25em;
}
button.imagelightbox-arrow.imagelightbox-arrow-right	{
	right: 5vw;
}
button.imagelightbox-arrow.imagelightbox-arrow-right:before	{
	border-width: 3px 3px 0 0;
	margin-right: 0.25em;
}






/* ======================================================
	SliderGallery・共通
------------------------------------------------------ */
.Slide	{}
.Slide ul	{
	list-style: none;
	margin: 0;
    width: 100%;
    text-align: center;
	letter-spacing: normal;
	line-height: 1;
}
.Slide ul li	{
}

.Slide .Caption	{
	font-size: 0.8em;
	margin-top: 0.5em;
	font-weight: normal;
	text-align: center;
}

/* [200205]追加　<a> */
.Slide .slick-list	{}
.Slide .slick-list a	{}
.Slide .slick-list a .Btn	{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1.5em;
	display: inline-block;
	width: 5em;
	border-width: 1px;
	margin-left: auto;
	margin-right: auto;
}

.Slide .slick-slider	{}
.Slide .slick-slider .slick-track	{
	padding: 0;
	margin: 0;
	border-width: 0;
}
.Slide .slider .Dsp	{
	height: auto;
	padding: 0;
	margin: 0;
/*
	display: table-cell;
	vertical-align: middle;
	float: none;
*/
}
.Slide .slider .Dsp.Txt	{
	display: table;
	width: 100%;
}
.Slide .Dsp.Txt .TxtFif	{
	display: table-cell;
	vertical-align: middle;
}


.slick-track	{}
.Slide .slick-track	{
}
.Slide .slick-track:after	{
}




/* ======================================================
	SliderGallery1用
	[191102]以降
------------------------------------------------------ */
/* Arrows */
.slick-arrow	{
	position: absolute;
	top: calc(50% - 0.5em);
	display: inline-block;
	vertical-align: middle;
	font-size: 50px;
	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;
}
/*
.slick-arrow:before	{
	display: block;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.35em;
	color: rgba(0,0,0,1.0);
	font-family: 'themify';
}
.slick-arrow:hover	{
	background: rgba(0,0,0,1.0);
}
.slick-arrow:hover:before	{
	color: rgba(255,255,255,1.0);
}
.slick-prev:before,
[dir='rtl'] .slick-next:before
{
    content: '←';
	content: "\e629";
}
.slick-next:before,
[dir='rtl'] .slick-prev:before
{
    content: '→';
	content: "\e628";
}

*/



.slick-dots	{
}
.slick-dots li	{
    position: relative;
    display: inline-block;
    margin: 0 0.5em;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button	{
	display: block;
	width: 100%;
	height: auto;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus	{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before	{
    opacity: 1;
}
.slick-dots li button:before	{
	font-size: 1em;
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	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,0.1725);
*/
}
.slick-dots li.slick-active button:before	{
    opacity: 1;
}


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


/* サムネイル */
.thumbnail	{}
.thumbnail .slick-dots	{
	width: 100%;
	display: table;
	table-layout: fixed;
	display: flex;
	display: block;
}
.thumbnail .slick-dots li	{
	display: inline-block;
	display: table-cell;
	margin-left: 0;
	margin-right: 0;
	vertical-align: middle;
}
.thumbnail .slick-dots li b	{
	display: block;
	width: 100%;
}
.thumbnail .slick-dots li>.Wrap	{
	max-width: initial;
	margin-left: auto;
	margin-right: auto;
/*
*/
	width: 95%;
}

/* [200124]文章を表示させたい */
.thumbnail .slick-dots li .Honbun,
.thumbnail .slick-dots li .Shutter	{
	display: 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;
}
*/





/* ======================================================
	SliderGallery2用
------------------------------------------------------ */
.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	{}

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

/* ======================================================
	new
------------------------------------------------------ */
.NewMark	{
}

/*
.NewMark	{
	letter-spacing: normal;
	color: rgba(255,255,255,1.0);
	font-size: 0.8em;
	transform: rotate(-10deg);
}
.NewMark b,
.NewMark b:before,
.NewMark b:after	{
	display: block;
	width: 1.2em;
	height: 1.2em;
}
.NewMark b	{
	position: relative;
	text-align: center;
	transform: rotate(-30deg);
	font-weight: inherit;
}
.NewMark b:before	{
	position: absolute;
	content: "";
	transform: rotate(30deg);
	z-index: 0;
}
.NewMark b:after	{
	position: absolute;
	content: "N";
	transform: rotate(60deg);
	z-index: 1;
}
*/



/* ======================================================
	new icon(image)
------------------------------------------------------ */
.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;
}







/* ======================================================
	new ribbon
	------------------------------------------------------
	http://webrocketsmagazine.com/entry/20120224/css3-image-effects.html#ribbon
------------------------------------------------------ */
.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;
/*
	box-shadow: 0 1px 0px rgba(33,34,34,0.5);
*/
}




/* ======================================================
	ribbon
------------------------------------------------------ */
.Ribbon	{
	margin: auto;
	position: relative;
	display: inline-block;
	line-height: 1;
	text-align: center;
/*
	margin: 0.5rem auto;
*/
}
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;
/*
    z-index: 2;
*/
}
.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;
/*
	color: #000;
    z-index: 3;
*/
}
.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);
/*
    z-index: -2;
    z-index: 1;
*/
}
/* 最後に指定 */
.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;
	
}
/*
.OnePoiont:after	{
	content: "";
	display: block;
	position: absolute;
	top: calc(0em - (0.5em + 3px));
	left: calc(0em - (1.5em + 3px));
	width: 0.5em;
	height: 0.5em;
	border-radius: 100em;
	border-width: 3px;
}
*/


/* ======================================================
	耳
------------------------------------------------------ */
.DogEar	{
	position: relative;
	margin-top: 2rem;
	margin-bottom: 2rem;
/*
	background-image: url(../img/bg.png);
	border-width: 0 1px 1px 0;
	padding: 1rem 3rem;
	border-width: 0 1px 1px 0;
	background-color: #fff;
*/
}

.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);
/*
	background-image: url(../img/bg_beige.png);
	border-width: 3px;
	border-style: double;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(180, 78, 52, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(180, 78, 52, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 5px rgba(180, 78, 52, 0.1);
*/
}

/* 外影 */
.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;

/* 下用 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
*/
}

/* 外影・左上 */
.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);
}

/* 外影・左下 
.EdgeCurl:before
	{
	left: 0px;
	right: auto;
	top: auto;
	bottom: 12px;
	-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: 0px;
	top: auto;
	bottom: 12px;
	-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);
}
*/








/* ======================================================
	飾り枠
------------------------------------------------------ */
/*section,*/
.Corner	{
	background-color: rgba(255,255,255,0.8);
	border-width: 2px;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2rem;
/*
	background-image: url(../img/wreath.svg);
	background-repeat: no-repeat;
	background-position: center -5em;
*/
}
.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);
}






/* ======================================================
	ドロップダウンメニュー
	http://techmemo.biz/javascript/jquery-dropdown-menu/
------------------------------------------------------ */
.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;
}
/* 表示OFF */
.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
------------------------------------------------------ */
.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;}




