/*	################################################################

	Author: Alliance Port Inc.
	Project Name: Chelfitsch 2016
	Version: 1.2.3 (2023)

################################################################# */








* {
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}

html {
    font-size: 100%;
    line-height: 1;
    color: #3e3a39;
}
html.hidden {
	/* Fix pure.css / modernizr conflict */
	display: block !important;
}
html, body {
	font-family: "Istok Web", Roboto, "Helvetica Neue", Helvetica, "Droid Sans", Verdana, YuGothic, "YuGothic M", "メイリオ", sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
/**
 * LOADER ANIMATION (css_loader_animations.mtml) 
 ***************************************************************/

#loader {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 990;
	pointer-events: none;
}
/**
 * div#loader
 * 		<svg>
 * 			<g id="groot">
 * 				<g id="g0" class="g">
 * 					<line>1 white line + <line>1 brown line のセット
 * 				<g id="g1" class="g">
 * 					<line>1 white line + <line>1 brown line のセット
  * 			<g id="g2" class="g">
 * 					<line>1 white line + <line>1 brown line のセット
 * 				...
 */
/* Loader global fadeIn animation */
#loader {
	opacity: 0;
	transition: 0.4s opacity ease-out;
}
#loader .g {
	opacity: 1;
}
#loader.ready {
	opacity: 1;
}
/* Loader global horizontal move */
@-webkit-keyframes hmove {
	0% { -webkit-transform: translateX(0); }
	100% { -webkit-transform: translateX(24px); }
}
 @-moz-keyframes hmove {
	0% { -moz-transform: translateX(0); }
	100% { -moz-transform: translateX(24px); }
}
  @-ms-keyframes hmove {
	0% { -ms-transform: translateX(0); }
	100% { -ms-transform: translateX(24px); }
}
@keyframes hmove {
	0% { transform: translateX(0); }
	100% { transform: translateX(24px); }
}
#loader #groot {
 	-webkit-animation: hmove 1s linear infinite;
 	-moz-animation: hmove 1s linear infinite;
 	-ms-animation: hmove 1s linear infinite;
	animation: hmove 1s linear infinite;
}
/* Loader global fadeOut animation
 * JSで「.g」のdelayを作成する
 */
#loader.play {
	opacity: 0.25;
	transition-delay: 0s;
	transition-duration: 2s;
}
#loader.play .g {
	opacity: 0;
 	transition-duration: 0.05s;
	transition-property: opacity;
}
/*** BARBA CONTAINERS ANIMATIONS ***/
/*
 *  .old => .barba-container.old (古いコンテンツ）
 *	.new => .barba-container.new（新しいコンテンツ）
 */
.barba-container .container { /* BASE = OLD CONTAINER */
	-webkit-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s; 
	-moz-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s; 
	-o-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s;
	-ms-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s; 
	transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000) 0.2s;
}
.old {
	/*	スクロールがずれないように
		.old -> JSでminHeightを設定する
		.old > .container　-> CSSでfixedに設定する
	*/
}
.old > .container {
	opacity: 0;
	position: fixed; /* 「top、left、right」などJSで調整します */
	z-index: 900;
}
.new > .container {
	visibility: visible !important;
	opacity: 0;
	position: relative;
	-webkit-transition: none; /* AVOID BLINK */
	-moz-transition: none;
	-o-transition: 0s;
	-ms-transition: none;
	transition: none;
	z-index: 950;
}
.current > .container {
	opacity: 1;
	-webkit-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	-moz-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
	-o-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-ms-transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: opacity 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
/**
 * HEADER and FOOTER (css_header_footer.mtml) 
 ***************************************************************/

header a {
	color: #3e3a39;
	font-weight: bold;
	text-decoration: none;
}
.ja .lang-ja a,
.en .lang-en a,
#works #navbar .works a,
#activity #navbar .activity a,
#profile #navbar .profile a,
#calendar #navbar .calendar a,
#news #navbar .news a,
#notice #navbar .notice a,
#contact #navbar .contact a {
	color: #b2b27d;
	font-weight: normal;
	font-weight: 400;
	text-decoration: none;
}
#header {
	left: 0;
	padding: 1px 0;
	position: fixed;
	right: 0;
	top: 0;
}
#header, #footer {
	-webkit-backface-visibility: hidden;
	z-index: 999;
}
#header h1 {
	background: url(/.assets/chelfitsch-logo.svg) no-repeat 0 0 / 100% auto;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	height: 50px;
	height: 3.125rem;
	margin: 16px;
	margin: 1rem;
	padding: 0;
	width: 177px;
	width: 11.0625rem;
}
#footer .h5 {
	background: url(/.assets/chelfitsch-logo.svg) no-repeat 0 0 / 332px auto;
	display: block;
	height: 92px;
	width: 332px;
}
#header h1 a,
#footer .h5 a {
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-decoration: none;
	text-indent: 120%;
}
.chelfitsch_no-svg #header h1 a {
	background: url(/.assets/chelfitsch-logo-small.png) no-repeat 0 0;
}
.chelfitsch_no-svg #footer .h5 a {
	background: url(/.assets/chelfitsch-logo.png);
}
.no-backgroundresize #header h1,
.no-backgroundresize #footer .h5 {
	background: none;
	height: auto;
	width: 100%;
}
.no-backgroundresize #header h1 span,
.no-backgroundresize #footer .h5 span {
	display: block;
}
.no-backgroundresize #header h1 a,
.no-backgroundresize #footer .h5 a {
	color: #000;
	height: auto;
	line-height: 55px;
	text-indent: 0;
}
#ja, #en, /* Fix layout margin overlapse */
.filters p {
	margin: 0;
	padding: 1px 0;
}
.menu ul,
.menu li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
.menu a {
	text-transform: uppercase;
}
#header_TopMenu .menu {
	float: right;
	padding: 8px 0 0 0;
	padding: 0.5rem 0 0 0;
}
#header_TopMenu .menu a {
	display: block;
	line-height: 1.5;
	letter-spacing: 2px;
	letter-spacing: 0.1rem;
	text-align: right;
	text-transform: uppcase;
}
#header_TopMenu .menu .sub a {
	font-size: 0.75rem;
	font-size: 12px;
	line-height: 2;
}
#header_TopMenu .menu .activity {
	padding-bottom: 8px;
	padding-bottom: 0.5rem;
}
#header_TopMenu .menu .prm + .sub {
	padding-top: 4px;
	padding-top: 0.25rem;
}
#header_TopMenu .menu .forprofessionals {
	padding-bottom: 4px;
	padding-bottom: 0.25rem;
}
#header_TopMenu p {
	font-size: 8px;
	font-size: 0.5rem;
	line-height: 1.5;
	margin: 0;
	padding: 8px 0;
	padding: 0.5rem 0;
	text-align: right;
}
#i18n-switch {
	padding: 12px 0;
	padding: 0.75rem 0;
	font-size: 16px;
	font-size: 1rem;
	position: relative;
	text-align: right;
}
#i18n-switch abbr {
	border: 0;
}
#i18n-switch ul,
#i18n-switch li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#i18n-switch .lang-ja:after {
	content: '|';
	margin: 0 2px;
}
#header .menu ul:after,
#header .menu .prm + .sub:before,
#i18n-switch:after,
#footer .vcard:before {
	border-bottom: 1px solid #3e3a39;
	bottom: 0;
	content: ' ';
	display: block;
	height: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 32px;
}
#header .menu .prm + .sub:before {
	bottom: 0;
	top: 0;
}
#footer .menu .calendar,
#footer .menu .activity {
	clear: both;
}
#footer .menu a {
	color: #b2b27d;
	font-weight: bold;
	font-weight: 700;
	white-space: nowrap;
}
#footer .sns ul,
#footer .sns li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .sns a {
	color: #b2b27d;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	font-weight: 700;
}
#footer .vcard:before {
	bottom: auto;
	left: 0;
	right: auto;
	top: 0;
}
#footer {
	border-top: 2px solid #3e3a39;
	padding: 1px 0 74px 0;
	padding: 1px 0 4.625rem 0;
}
#footer .container {
	position: relative;
}
#footer .h5 {
	margin: 48px 0 32px 0;
	margin: 3rem 0 2rem 0;
}
#footer .vcard,
#footer .copyright {
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: bold;
	font-weight: 700;
	line-height: 1.8;
	margin: 0;
	padding: 0;
}
#footer .vcard {
	padding: 14px 0 21px 0;
	padding: 0.875rem 0 1.3rem 0;
	position: relative;
}
#footer_Go2Top {
	bottom: 16px;
	bottom: 1rem;
	right: 16px;
	right: 1rem;
	position: absolute;
}
#footer_Go2Top a {
	background: url(/.assets/arrow_go2top.svg) no-repeat 50% 50% / 24px auto;
	display: block;
	height: 28px;
	overflow: hidden;
	text-indent: 150%;
	text-decoration: none;
	white-space: nowrap;
	width: 24px;
}


@media screen and (max-width: 991px) {
	#header .mob {
		display: block;
		font-size: 24px;
		font-size: 2rem;
		height: 24px;
		height: 1.5rem;
		left: auto;
		margin: 0;
		padding: 16px;
		padding: 1rem;
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
	}
	#header h1 {
		position: absolute;
	}
	#header .mob a {
		display: block;
		vertical-align: top;
		line-height: 1;
	}
	#header .mob a i {
		margin-top: -3px;
		margin-top: -0.2rem;
	}
	#header_TopMenu {
		height: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 0;
	}
	#footer .h5 {
		background-size: 100% auto;
    	height: 50px;
    	height: 3.125rem;
    	width: 177px;
    	width: 11.0625rem;
	}
	.opened,
	.opened #header_TopMenu {
		z-index: 998;
	}
	.opened #header_Options,
	.opened .mob {
		z-index: 999;
	}
	.opened .mob {
		background: #fff;
		border-left: 1px solid #3e3a39;
		border-bottom: 1px solid #fff;
	}
	.opened #header_TopMenu {
		background: #fff;
		border: 1px solid #3e3a39;
		border-right: 0;
		height: auto;
		padding-left: 16px;
		padding-left: 1rem;
		padding-right: 16px;
		padding-right: 1rem;
		top: 56px;
		top: 3.5rem;
	}
	.videoItem iframe {
		display: block;
		height: auto;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#footer {
		margin: 0;
		padding: 0 16px;
		padding: 0 1rem;
	}
	#footer .vcard {
		line-height: 1.9;
	}
	#footer .container {
		display: flex;
	}
	#footer_Organization {
		max-width: 136px;
		max-width: 8.5rem;
		overflow: visible;
	}
	#footer_BottomMenu {
		padding: 136px 0 0 0;
		padding: 8.5rem 0 0 0;
	}
	#footer_BottomMenu ul {
		width: 100%;
	}
	#footer_BottomMenu ul:after {
		clear: both;
		content: ' ';
		display: block;
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	#footer_BottomMenu li {
		float: left;
		width: 50%;
	}
	#footer_BottomMenu li a {
		display: block;
		line-height: 2.2;
		padding: 1px 0;
		padding: 0.0625rem 0;
		width: 100%;
	}
	#footer .sns {
		padding: 25px 0 16px 0;
		padding: 1.6rem 0 1rem 0;
	}
	#footer .sns .facebook {
		display: block;
	}
	#footer .sns ul, #footer .sns li {
		display: inline-block;
		vertical-align: top;
	}
}

@media screen and (min-width: 992px) {
	#header h1 {
		left: 0;
		margin: 32px 0;
		margin: 1rem 0;
		position: absolute;
		top: 0.25rem;
	}
	#header .mob {
		display: none;
	}
	#header_TopMenu {
		border: 0;
		height: auto;
		left: auto;
		position: absolute;
		right: 0;
		top: 8px;
		top: 0.5rem;
	}
	#header,
	#footer {
		margin: 0 32px;
		margin: 0 2rem;
	}
	#contentsWrapper {
		margin: 0 64px;
		margin: 0 4rem;
	}
	#footer .container {
		overflow: hidden;
		width: 100%;
	}
	#footer .vcard span br {
		display: none;
	}
	#footer_Organization {
		float: left;
	}
	#footer_BottomMenu {
		float: left;
		margin-left: -64px;
		margin-left: -4rem;
		position: relative;
		padding-top: 184px;
		padding-top: 11.5rem;
	}
	#footer_BottomMenu ul {
		width: 304px;
		width: 19rem;
	}
	#footer_BottomMenu ul:after {
		content: ' ';
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		overflow: hidden;
		width: 100%;
	}
	#footer .menu li {
		float: left;
		font-size: 16px;
		font-size: 1rem;
		line-height: 2.1;
		width: 50%;
	}
	#footer .sns {
		line-height: 1.75;
		padding: 14px 0 18px 0;
		padding: 0.9rem 0 1.1rem;
	}
	#footer .sns li {
		display: inline;
		padding-left: 26px;
		padding-left: 1.625rem;
	}
	#footer .sns li:first-child {
		margin-left: -26px;
		margin-left: -1.625rem;
	}
	#footer_Go2Top a {
		background: url(/.assets/arrow_go2top.png) no-repeat 50% 50%;
		background: url(/.assets/arrow_go2top.svg) no-repeat 50% 50% / 85px auto;
		display: block;
		height: 76px;
		width: 85px;
	}
}

/***************************************************************/


/**
 * CONTENTS (css_contents.mtml) 
 ***************************************************************/

#contentsWrapper {

}


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

#contentsWrapper {
    margin: 0 64px;
    margin: 0 4rem;
}

}
/**
 * BASE (css_base.mtml) 
 ***************************************************************/

#header,
h1, h2, h3, h4, h5 {
	font-feature-settings: "palt";
}
a {
	color: #3e3a39;
	word-break: break-all;
	text-decoration: none;
}
@media screen and (min-width: 992px) {
	body {
		background: url(/.assets/chelfitsch-background.png) no-repeat 100% 100%;
	}
	a {
		-o-transition-delay: 0;
		-o-transition-duration: 250ms;
		-o-transition-property: color,border-bottom-color,opacity;
		-o-transition-timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99);
		-moz-transition-delay: 0;
		-moz-transition-duration: 250ms;
		-moz-transition-property: color,border-bottom-color,opacity;
		-moz-transition-timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99);
		-ms-transition-delay: 0;
		-ms-transition-duration: 250ms;
		-ms-transition-property: color,border-bottom-color,opacity;
		-ms-transition-timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99);
		-webkit-transition-delay: 0;
		-webkit-transition-duration: 250ms;
		-webkit-transition-property: color,border-bottom-color,opacity;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99);
		transition-delay: 0;
		transition-duration: 250ms;
		transition-property: color,border-bottom-color,opacity;
		transition-timing-function: cubic-bezier(0.55, 0.01, 0.11, 0.99);
	}
	a:hover {
		color: #b2b27d;
		opacity: 0.75;
	}
}
figure {
	margin: 0;
	padding: 0;
}
#content {
	padding: 112px 0 0 0;
	padding: 7rem 0 0 0;
}
@media screen and (max-width: 767px) {
	#content {
		padding: 112px 0 128px 0;
		padding: 7rem 0 8rem 0;
	}
}
@media screen and (min-width: 992px) {
	#content {
		padding: 112px 0;
		padding: 7rem 0;
	}
}

.activityItem a {
	display: block;
}

/*** POST_COMMON ***/
figure img,
.wysiwyg img {
	display: block;
	height: auto;
	width: 100%;
	vertical-align: top;
	z-index: 1;
}
.contentsHeader {
	padding: 0 0 16px 0;
	padding: 0 0 1rem 0;
	width: 100%;
}

.contentsHeader_title,
.contentsHeader_Title {
	font-size: 24px;
	font-size: 1.5rem;
	font-feature-settings: "palt";
	line-height: 1.5;
	font-weight: bold;
	margin: 0;
	padding: 0 16px;
	padding: 0 1rem;
	letter-spacing: -0.075em;
}
.contentsHeader_Creator {
	font-size: 12px;
	font-size: 0.75rem;
	display: block;
	letter-spacing: 0;
	margin: 0;
	padding: 0 0 8px 0;
	padding: 0 0 0.5rem 0;
}
.contentsHeader_title:after,
.contentsHeader_Title:after {
	background: #b2b27d;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	height: 2px;
	height: 0.125rem;
	padding: 0;
	overflow: hidden;
    margin: 8px 0;
    margin: 0.5rem 0 0.75rem 0;
	width: 32px;
	width: 2rem;
}
.group .contentsHeader_title,
.group .contentsHeader_Title,
.calendar .contentsHeader_title,
.calendar .contentsHeader_Title {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.25;
}
.group .contentsHeader_title:after,
.group .contentsHeader_Title:after,
.calendar .contentsHeader_title:after,
.calendar .contentsHeader_Title:after {
	display: none;
}
.notice article .contentsHeader_Title,
.notice article .contentsHeader_title,
.activity article .contentsHeader_Title,
.activity article .contentsHeader_title,
.profile .partTitle {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.25;
}
@media screen and (max-width: 767px) {
	.works article .workPermalinkHeader_title {
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.25;
	}
}
.contentsHeader_Metas,
.contentsHeader_DateTime {
	font-feature-settings: "palt";
	font-size: 12px;
	font-size: 0.75rem;
	margin: 0 0 4px 0;
	margin: 0 0 0.25rem 0;
	padding: 0 16px;
	padding: 0 1rem;
}

.contentsShortcuts {
	font-feature-settings: "pkna";
    line-height: 1.25;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 1rem 0 0 0;
	padding: 0 16px;
	padding: 0 1rem;
}

.partTitle_CatchCopy {
	padding: 0 16px;
	padding: 0 1rem;
	font-feature-settings: "palt";
    font-weight: normal;
    font-family: "Istok Web", Roboto, "Helvetica Neue", Helvetica, "Droid Sans", Verdana, YuGothic, "YuGothic M", "メイリオ", sans-serif;
    line-height: 1.5;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0.5rem 0;
}

.contentsShortcuts a {
    color: #b2b27d;
}

.partTitle {
	font-feature-settings: "palt";
    font-size: 16px;
    font-size: 1rem;
	line-height: 1.5;
	margin: 0;
    padding: 2em 0 0.25em 0;
    border-bottom: 0.075rem solid #999;
}
.partTitle.hidden {
	border: 0;
	display: block !important;
	font-size: 0;
	line-height: 0;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

.assetsImage figcaption {
	position: relative;
}
.assetsImage .assetsImage_credit {
	bottom: 100%;
	color: #fff;
	font-size: 8px;
	font-size: 0.5rem;
	line-height: 1.125;
	margin: 0 0 12px 0;
	margin: 0 0 0.75rem 0;
	position: absolute;
	right: 16px;
	right: 1rem;
	text-align: right;
}
.assetsImage .assetsImage_caption,
.wysiwyg figcaption {
	color: #666464;
	display: block;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.125;
	margin: 0;
	padding: 16px;
	padding: 1rem;
}
.wysiwyg {
	margin: 0;
	padding: 0 32px;
	padding: 0 2rem;
}
.wysiwyg a {
	color: #b2b27d;
}
.wysiwyg h2 {
	font-feature-settings: "palt";
	font-size: 18px;
	font-size: 1.125rem;
	letter-spacing: -0.1em;
	line-height: 1.25;
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
	padding: 0;
}
.wysiwyg p {
	font-feature-settings: "pkna";
	line-height: 1.75;
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
	padding: 0;
	text-align: justify;
	width: 100%;
}
.wysiwyg .center {
	text-align: center;
}
.wysiwyg blockquote {
	border: 0;
	border-left: 8px;
	border-left: 0.5rem solid #e5e5e5;
	margin: 0 0 16px -8px;
	margin: 0 0 1rem -1rem;
	padding: 0;
	width: 100%;
}
.wysiwyg blockquote p {
	color: #9fa0a0;
	font-feature-settings: "pkna";
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 0 8px;
	padding: 0 0 0 0.5rem;
}
.wysiwyg ul,
.wysiwyg li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.wysiwyg li {
	color: #000;
	font-feature-settings: "palt";
	line-height: 1.25;
	margin: 0 0 8px -16px;
	margin: 0 0 0.5rem -1rem;
	padding: 0 0 0 16px;
	padding: 0 0 0 1rem;
}
.wysiwyg li:before {
	background: #000;
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 2px;
	height: 0.125rem;
	margin: -1px 8px 0 -16px;
	margin: -0.0675rem 0.5rem 0 -1rem;
	width: 8px;
	width: 0.5rem;
}
.wysiwyg a.pdf {
	background: url(/.assets/icon_pdf.svg) no-repeat 0 50% / 18px auto;
	display: inline-block;
	padding: 8px 0 8px 24px;
	padding: 0.5rem 0 8px 1.5rem;
}

.contentsShortcuts ul,
.contentsShortcuts li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.contentsShortcuts li {
	font-size: 16px;
	font-size: 1rem;
	padding: 0 1px;
}
.ja .contentsShortcuts li:before {
	content: ' ／ ';
}
.ja .contentsShortcuts a:before {
	content: '↓';
}
.en .contentsShortcuts li:before {
	content: ' / ';
}
.contentsShortcuts li:first-child:before {
	display: none;
}
.stuck {
	position: fixed !important;
}
.sticky-wrapper {
	float: left;
	margin: 0 0 0 -1px;
	overflow: visible;
	width: 1px;
}
.sticky-wrapper a {
	white-space: nowrap;
}
.partBody_Pager {
	padding: 16px 0 0 0;
	padding: 1rem 0 0 0;
	overflow: hidden;
	width: 100%;
}
.partBody_Pager p {
	border: 0;
	margin: 0;
	padding: 0;
}
.partBody_Pager a {
	color: #b2b27d;
}
.partBody_Pager .prevPage {
	float: left;
	height: auto !important;
	min-height: 10px;
	height: 10px;
	width: 33.3%;
}
.partBody_Pager .prevPage a {
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
.partBody_Pager .nextPage {
	display: block;
	float: right;
	height: auto !important;
	min-height: 10px;
	height: 10px;
	width: 33.3%;
}
.partBody_Pager .nextPage a {
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
	text-align: right;
}
.partBody_Pager .topPage {
	display: block;
	float: left;
	width: 33.3%;
}
.partBody_Pager .topPage a {
	display: block;
	width: 100%;
	text-align: center;
	white-space: nowrap;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	width: 100%;
}
.snsButtons ul,
.snsButtons li,
.wysiwyg .snsButtons ul,
.wysiwyg .snsButtons li {
	display: block;
	margin: 0;
	padding: 0;
}
.snsButtons ul {
	border: 0.075rem dotted #999;
	padding: 8px;
	padding: 0.5rem;
}
.snsButtons li:before,
.wysiwyg snsButtons li:before{
	display: none;
}
.snsButtons:after {
	clear: both;
	content: '.';
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
.snsButtons li,
.wysiwyg .snsButtons li {
	float: left;
	padding: 0 0 24px 0;
	padding: 0 1.5rem 0 0;
}
.snsButtons li iframe,
.snsButtons li span,
.snsButtons li div {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top !important;
}

/***************************************************************/

/**
 * ISOTOPES (css_isotope_filters.mtml) isotope, filter, sort ui
 ***************************************************************/

.filters {
	background-color: #f2f2d6;
    display: flex;
	margin: 0;
	padding: 0 16px;
	padding: 0 1rem;
    font-feature-settings: "palt";
}

.filters .filters_label {
	font-size: 8px;
    font-size: 0.5rem;
    display: block;
	padding: 8px 0 4px 0;
	padding: 0.5rem 0 0.25rem 0;
	white-space: pre;
}

.filters .filters_btn {
	background: url(/.assets/arrow_down.svg) no-repeat 100% 50% / 14px 40%;
	border: none;
	display: block;
	width: 100%;
	font-weight: bold;
	line-height: 1;
	padding: 4px 0 4px 0;
	padding: 0.25rem 0 0.25rem 0;
	background-color: #f2f2d6;
}
.filters .filters_btn option {
	padding: 0 32px 0 0;
	padding: 0 2rem 0 0;
}

.filters .filters_unit {
   /* width: 33.33%;*/
	padding: 0 0 4px 0;
	padding: 0 0 0.25rem 0;
	margin: 0 24px 0 0;
	margin: 0 1.5rem 0 0;
	border-bottom: 2px solid #b2b27d;
	border-bottom: 0.125rem solid #b2b27d;
}
.calendar .filters {
	padding: 0 16px;
	padding: 0 1rem;
}
.calendar .filters .filters_unit {
	width: 25%;
}
.calendar .filters .filters_unit label select {
	display: block;
	padding: 12px 0 10px 0;
    padding: 0.75rem 0 0.625rem 0;
}
.monthList {
	float: left;
}
.monthList ul,
.monthList li {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
}
.monthList li,
.monthList .filters_label {
	width: 28px;
	width: 1.75rem;
	text-align: center;
}
.monthList .a {
	color: #bfbfbf;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	padding: 4px 0;
    padding: 0.25rem 0;
	width: 100%;
}
.monthList a.a {
	color: #000;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.filters {
		margin: 0 0 16px 0;
		margin: 0 0 1rem 0;
		padding: 0 4px 0 16px;
		padding: 0 0.25rem 0 1rem;
	}
	.filters .filters_unit {
		margin: 0 12px 0 0;
		margin: 0 0.75rem 0 0;
		width: 33.3%;
		width: calc(33.3% - 0.75rem);
	}
	.activity .filters .filters_unit {
		width: 25%;
		width: calc(25% - 0.75rem);
	}
	.chelfitsch_csstransforms .container:not(.calendar):not(.notice) .filters .filters_btn {
		-ms-transform: scale(0.75);
		-ms-transform-origin: 0% 100%;
		-webkit-transform: scale(0.75);
		-webkit-transform-origin: 0% 100%;
		transform: scale(0.75);
		transform-origin: 0% 100%;
		width: 133%;
	}
	.filters .filters_btn option {
		padding: 0 16px 0 0;
		padding: 0 1rem 0 0;
	}
	.calendar .filters .filters_unit,
	.monthList {
		float: left;
		padding: 4px 0;
		padding: 0.25rem 0 0.25rem 0;
		width: 60%;
	}
	.monthList_Wrapper {
		overflow: auto;
		width: 100%;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
}

.filters .filters_selectFilter {
}

.filters .filters_selectSort {
}

.filters ul,
.filters li {
	list-style: none;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 768px) {
	.filters {
		display: block;
		margin: 0 0 16px 0;
		margin: 0 0 1rem 0;
	}
	.filters:after {
		clear: both;
		content: '.';
		display: block;
		font-size: 0;
		line-height: 0;
		height: 0;
		margin: 0;
		padding: 0;
		visibility: hidden;
		width: 100%;
	}
	.filters .filters_btn,
	.monthList li .a {
		font-size: 0.75rem;
	}
	.filters .filters_unit {
		float: left;
		margin: 0 8px;
		margin: 0 0.5rem;
		padding: 0;
		width: 31%;
		width: calc(33.33% - 1rem);
	}
	.filters .filters_unit:last-child,
	.works .filters_unit + .filters_unit + .filters_unit {
		margin: 0 0 0 16px;
		margin: 0 0 0 1rem;
	}
	.filters .filters_unit:first-child {
		margin: 0 16px 0 0;
		margin: 0 1rem 0 0;
	}
	.activity .filters .filters_unit,
	.activity .filters .filters_unit:first-child {
		margin: 0 25px 0 0;
		margin: 0 1.5rem 0 0;
		width: 20%;
		width: calc(25% - 1rem);
	}
	.activity .filters .filters_unit:last-child {
		margin: 0;
		width: calc(25% - 1.5rem);
	}
}

@media screen and (min-width: 992px) {
	.filters .filters_label {
		font-size: 12px;
		font-size: 0.75rem;
	}
	.filters .filters_btn,
	.monthList li .a {
		font-size: 16px;
		font-size: 1rem;
	}
}

/***************************************************************/

/**
 * TOP HOME PAGE (css_top.mtml)
 ***************************************************************/

.top {
	height: auto !important;
	min-height: 10px;
	height: 10px;
	margin: 0 8px;
	margin: 0 0.5rem;
}
.top .grid-item {
	margin: 0 0 32px 0;
	margin: 0 0 2rem 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.top .activityItem {
	position: relative;
}
.top .activityItem .activityItem_DateTime {
	background: #b2b27d;
	display: inline-block;
	color: #fff;
font-feature-settings: "palt";
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	font-weight: 700;
	left: 0;
	line-height: 1.2;
	margin: 0;
	padding: 1px 1px 0 1px;
	padding: 0.0625rem 0.0625rem 0 0.0625rem;
	position: absolute;
	top: -8px;
	top: -0.5rem;
}
.top .activityItem .activityItem_Visual {
	background: url(/.assets/background-stripes.png) -10px 0;
	background-repeat: right -2px top 0;
	margin: 0 0 8px 0;
	margin: 0 0 0 0.5rem;
	padding: 0 8px 8px 0;
	padding: 0 0.5rem 0.5rem 0;
}
.top .activityItem .activityItem_Visual img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
.top .activityItem .activityItem_Visual:after {
	background: #000;
	content: ' ';
	bottom: 2px;
	bottom: 0.125rem;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 2px;
	right: 0.125rem;
	top: 6px;
	top: 0.375rem;
	width: 2px;
	width: 0.125rem;
}
.top .activityItem .activityItem_Visual:before {
	background: #000;
	content: ' ';
	bottom: 2px;
	bottom: 0.125rem;
	display: block;
	height: 2px;
	height: 0.125rem;
	left: 14px;
	left: 0.875rem;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 2px;
	right: 0.125rem;
}
.top .activityItem header {
	bottom: 22px;
	bottom: 1.375rem;
	left: 0;
	position: absolute;
	z-index: 4;
}
.top .grid-item .activityItem_Title {
	border: 0;
	margin: 0;
	padding: 2px 0 0 0;
	padding: 0.125rem 0 0 0;
}
.ja .top .grid-item .activityItem_Title {
	word-break: break-all;
}
.en .top .grid-item .activityItem_Title {
	word-break: break-word;
}
.top .grid-item .activityItem_Title span {
	background: #fff;
	color: #231816;
	display: inline;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	font-weight: 700;
font-feature-settings: "palt";
	line-height: 1.2;
	padding: 1px 0;
}
.top .grid-item .activityItem_Title span {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 9%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 81%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 9%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 81%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 9%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.top .grid-item .activityItem_Metas {
	background: #fff;
	color: #231816;
	display: inline;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: bold;
	font-weight: 700;
font-feature-settings: "palt";
	line-height: 1.5;
	margin: 0;
	padding: 2px;
	padding: 0.125rem;
}
.top .grid-item .activityItem_Metas {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 4%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 91%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 4%,rgba(255,255,255,1) 5%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 91%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 4%,rgba(255,255,255,1) 5%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 91%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
}
.top .grid-item .activityItem_Metas .pipe {
	position: relative;
	top: -1px;
	top: -0.05rem;
}
.top .blankTile a {
	position: relative;
}
.top .blankTile .activityItem {
	margin: 0 0 16px 0 !important;
	margin: 0 0 1rem 0 !important;
}
.top .blankTile .activityItem .activityItem_DateTime {
	position: relative !important;
	z-index: 4 !important;
}
.top .blankTile .activityItem header {
	bottom: auto !important;
	left: auto !important;
	padding: 0 0 16px 0 !important;
	padding: 0 0 1rem 0 !important;
	position: relative !important;
	right: auto !important;
	top: auto !important;
	z-index: 4 !important;
}
.top .blankTile .activityItem .activityItem_Visual {
	bottom: 0 !important;
	left: 0 !important;
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	z-index: 2 !important;
}
.top .blankTile .activityItem .activityItem_Visual:before,
.top .blankTile .activityItem .activityItem_Visual:after {
	z-index: 2 !important;
}
@media screen and (min-width: 992px) {
	.top {
		margin: 0 4rem;
	}
	.top .grid-spacer {
		height: 150px;
		width: 20%;
	}
	.top .grid-item {
		margin: 0 0 16px 0;
		margin: 0 0 1rem 0;
	}
	.top .grid-sizer {
		width: 20%;
	}
	.top .activityItem {
		margin: 0;
		padding: 0;
		margin: 16px;
		margin: 1rem;
	}
	.top .blankTile .activityItem {
		margin: 0 16px 16px 0 !important;
		margin: 0 1rem 1rem 0 !important;
	}
	.top .largeTile {
		width: 75%;
	}
	.top .largeTile .activityItem {
		margin: 32px 16px 16px 16px;
		margin: 2rem 1rem 1rem 1rem;
	}
	.top .largeTile .activityItem .activityItem_DateTime {
		font-size: 32px;
		font-size: 2rem;
		font-weight: bold;
		font-weight: 700;
		line-height: 1;
		padding: 4px 1px 0 1px;
		padding: 0.25rem 0.0625rem 0;
		top: -18px;
		top: -1.1rem;
	}
	.top .largeTile .activityItem header {
		bottom: auto;
		top: 22px;
		top: 1.4rem;
	}
	.top .largeTile .activityItem .activityItem_Title span {
		font-size: 32px;
		font-size: 2rem;
		line-height: 1.3;
	}
	.top .largeTile .activityItem .activityItem_Metas {
		font-size: 20px;
		font-size: 1.25rem;
		left: 0;
		position: absolute;
		top: 100%;
	}
	.top .largeTile .activityItem .activityItem_Visual {
	    margin: 0 0 0 56px;
    	margin: 0 0 0 3.5rem;
    	padding: 0 16px 16px 0;
    	padding: 0 1rem 1rem 0;
	}
/*
	@keyframes bgTop {
		from   { background-position: -10px 0; }
		to { background-position: -26px -16px; }
	}
	.top .activityItem a:hover .activityItem_Visual {
		animation: bgTop 450ms linear infinite;
	}
*/
	.top .largeTile .activityItem .activityItem_Visual:after {
		bottom: 6px;
		bottom: 0.375rem;
		right: 6px;
		right: 0.375rem;
		top: 32px;
		top: 2rem;
	}
	.top .largeTile .activityItem .activityItem_Visual:before {
		bottom: 6px;
		bottom: 0.375rem;
		right: 6px;
		right: 0.375rem;
		left: 70px;
		left: 5rem;
	}
	.top .largeTile .activityItem:after {
		background: #fff;
		display: block;
		content: '';
		height: 16px;
		height: 1rem;
		position: absolute;
		right: 0;
		top: 0;
		width: 16px;
		width: 1rem;
	}
	.top .largeTile .activityItem:before {
		background: #fff;
		bottom: 0;
		display: block;
		content: '';
		height: 16px;
		height: 1rem;
		left: 56px;
		left: 3.5rem;
		position: absolute;
		width: 16px;
		width: 1rem;
	}
	.top .mediumTile {
		width: 40%;
	}
	.top .smallTile {
		width: 20%;
	}
	.top .smallTile .activityItem .activityItem_DateTime {
		font-size: 13px;
		font-size: 0.825rem;
		font-weight: bold;
		font-weight: 700;
		line-height: 1;
		padding: 2px 1px 0 1px;
		padding: 0.125rem 0.0625rem 0;
	}
	.top .smallTile .activityItem header {
		bottom: 16px;
		bottom: 1rem;
	}
	.top .mediumTile .activityItem .activityItem_DateTime {
		font-size: 24px;
		font-size: 1.125rem;
		font-weight: bold;
		font-weight: 700;
		line-height: 1;
		padding: 4px 1px 0 1px;
		padding: 0.25rem 0.0625rem 0;
		top: -12px;
    	top: -0.75rem;
	}
	.top .mediumTile .activityItem header {
		bottom: auto;
		top: 14px;
		top: 0.9rem;
	}
	.top .mediumTile .activityItem .activityItem_Metas {
		font-size: 24px;
		font-size: 1.125rem;
	}
	.top .mediumTile .activityItem .activityItem_Title span {
		font-size: 18px;
		font-size: 1.5rem;
		line-height: 1.3;
	}
	.top .mediumTile .activityItem .activityItem_Visual {
	    margin: 0 0 0 40px;
    	margin: 0 0 0 2.5rem;
    	padding: 0 16px 16px 0;
    	padding: 0 1rem 1rem 0;
	}
	.top .mediumTile .activityItem .activityItem_Visual:after {
		bottom: 6px;
		bottom: 0.375rem;
		right: 6px;
		right: 0.375rem;
		top: 32px;
		top: 2rem;
	}
	.top .mediumTile .activityItem .activityItem_Visual:before {
		bottom: 6px;
		bottom: 0.375rem;
		right: 6px;
		right: 0.375rem;
		left: 64px;
		left: 4rem;
	}
	.top .mediumTile .activityItem:after {
		background: #fff;
		display: block;
		content: '';
		height: 16px;
		height: 1rem;
		position: absolute;
		right: 0;
		top: 0;
		width: 16px;
		width: 1rem;
	}
	.top .mediumTile .activityItem:before {
		background: #fff;
		bottom: 0;
		display: block;
		content: '';
		height: 16px;
		height: 1rem;
		left: 40px;
		left: 2.5rem;
		position: absolute;
		width: 16px;
		width: 1rem;
	}
}

/***************************************************************/

/**
 * ACTIVITY INDEX (css_activity_index.mtml)
 ***************************************************************/

.activity .grid-item {
	width: 100%;
}
.activity .activityItem {
	border-top: 1px solid #cccc9a;
	margin: 0;
	padding: 0;
	width: 100%;
}
.activity .grid-item:last-child .activityItem {
	border-bottom: 1px solid #cccc9a;
}
.activity .activityItem a {
	display: block;
	padding: 8px 134px 6px 134px;
	padding: 0.5rem 1rem 0.4rem 8.275rem;
	position: relative;
}
.activity .activityItem .activityItem_Duration {
	border-bottom: 1px dashed #bfbfbf;
	color: #000;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: bold;
	font-weight: 700;
font-feature-settings: "palt";
	line-height: 1.6;
	margin: -4px 0 0 0;
	margin: -0.25rem 0 0 0;
	padding: 0;
}
.activity .activityItem .activityItem_Title {
	color: #b2b27d;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	font-weight: 700;
font-feature-settings: "palt";
	line-height: 1.4;
	margin: 0 0 -4px 0;
	margin: 0 0 -0.25rem 0;
	padding: 4px 0 0 0;
	padding: 0.25rem 0 0 0;
}
.activity .activityItem .activityItem_Metas {
	border-bottom: 1px dashed #bfbfbf;
	color: #000;
	font-size: 10px;
	font-size: 0.625rem;
font-feature-settings: "palt";
	line-height: 1.6;
	margin: 0;
	padding: 0;
}
.activity .activityItem .activityItem_Visual {
	background: #f2f2d6;
	display: block;
	height: 83px;
	height: 5.2rem;
	left: 16px;
	left: 1rem;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	top: 8px;
	top: 0.5rem;
	width: 110px;
	width: 6.875rem;
}
.activity .activityItem .activityItem_Visual img {
	height: auto;
	width: 100%;
}
.activity .activityItem .activityItem_Visual .portrait {
	display: block;
	height: 100%;
	margin: 0 auto;
	width: auto;
}
.activity .activityItem .activityItem_Location {
	color: #000;
	font-size: 10px;
	font-size: 0.625rem;
font-feature-settings: "palt";
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
.activity .activityItem .activityItem_Name {
	color: #000;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: bold;
	font-weight: 700;
font-feature-settings: "palt";
	line-height: 1.5;
	margin: 0;
	padding: 4px 0 0 0;
	padding: 0.25rem 0 0 0;
}
.activity .activityItem .activityItem_Visual {
	background: transparent;
	bottom: 8px;
	bottom: 0.5rem;
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
}
.activity .activityItem .portrait {
	background: #f2f2d6;
}
.activity .activityItem .portrait img {
	display: block;
	height: 100%;
	margin: 0 auto;
	width: auto;
}
@media screen and (max-width: 990px) {
	.activity .activityItem {
		min-height: 96px;
		min-height: 6rem;
	}
	.activity .activityItem .activityItem_Visual {
		bottom: auto;
		height: 80px;
		height: 5rem;
	}
	.activity .activityItem .activityItem_Visual img {
		height: 100%;
		left: 50%;
		position: absolute;
		-ms-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		top: 50%;
		width: auto;
	}
}
@media screen and (min-width: 992px) {
	.activity .grid-item {
		width: 100%;
	}
	.activity .activityItem a {
		padding-left: 208px;
		padding-left: 13rem;
	}
	.activity .activityItem .activityItem_Visual {
		width: 176px;
		width: 11rem;
	}
	.activity .activityItem .activityItem_Duration {
		font-size: 20px;
		font-size: 1.25rem;
	}
	.activity .activityItem .activityItem_Title {
		font-size: 24px;
		font-size: 1.5rem;
	}
	.activity .activityItem .activityItem_Metas,
	.activity .activityItem .activityItem_Location,
	.activity .activityItem .activityItem_Name {
		font-size: 16px;
		font-size: 1rem;
	}
}

/***************************************************************/
/**
 * ACTIVITY PERMALINK (css_activity_permalink.mtml) 
 ***************************************************************/

.activity .contentsHeader_DateTime {
	font-weight: bold;
	font-weight: 700;
}
.activityRelatedWorks ul,
.activityRelatedWorks li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.activity .workItem {
	overflow: hidden;
	width: 100%;
}
.activity .workItem a {
	display: block;
	width: 100%;
}
.activity .workItem .workItem_Visual {
	background: #f2f2d6;
	float: left;
	margin: 0;
	margin: 0 1rem 0 0;
	overflow: hidden;
	width: 6rem;
}
.activity .workItem .workItem_Visual img {
	display: block;
	height: auto;
	width: 100%;
}
.activity .workItem_Creator,
.activity .workItem_Name {
	display: block;
}
.activitySchedule .eventItem {
	border-top: 2px solid #000;
	border-top: 0.125rem solid #000;
	padding: 4px 0 16px 0;
	padding: 0.25rem 0 1rem 0;
	overflow: hidden;
	width: 100%;
}
.activitySchedule h3,
.activitySchedule p {
font-feature-settings: "palt";
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
.activitySchedule h3 {
	font-size: 16px;
	font-size: 1rem;
}
.activitySchedule .activityButton {
	font-size: 13px;
	font-size: 0.85rem;
}
.activitySchedule .activityButton strong {
	display: block;
	font-size: 1.5rem;
}
.activitySchedule .activityButton span {
	display: block;
}
.activitySchedule .activityButton a {
	color: #b2b27d
}
.activitySchedule .partTitle {
	border: 0;
}
.activitySchedule ul,
.activitySchedule li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
.activitySchedule ul {
	border-bottom: 1px dotted #999;
	border-bottom: 0.0625rem dotted  #999;
	margin: 8px 0 0 0;
	margin: 0.5rem 0 0 0;
}
.activitySchedule li {
	border-top: 1px dotted #999;
	border-top: 0.0625rem dotted  #999;
	font-size: 13px;
	font-size: 0.85rem;
font-feature-settings: "palt";
	padding: 8px 0 6px 0;
	padding: 0.5rem 0 0.4rem 0;
	line-height: 1.5;
}
.activitySchedule li .ymd {
	display: inline-block;
	min-width: 5.625rem;
	min-width: 90px;
}
.activitySchedule li .hms {
	display: inline-block;
	min-width: 2.4rem;
	min-width: 38px;
}
.activitySchedule li .hme {
	display: inline-block;
	min-width: 1rem;
	min-width: 16px;
}
.activityRelatedWorks .workItem {
	display: block;
}

.activityRelatedWorks .workItem a {
	background: url(/.assets/arrow_right.png) no-repeat right 16px top 50%;
    background: url(/.assets/arrow_right.svg) no-repeat right 1rem top 50% / 10px auto;
    display: block;
	overflow: hidden;
    width: 100%;
}
.activityRelatedWorks .workItem .workItem_Visual {
	background: transparent;
	height: 96px;
	height: 6rem;
	margin: 0;
	padding: 0;
	width: auto;
}
.activityRelatedWorks .workItem .workItem_Visual img {
	padding: 16px;
    padding: 1rem;
	height: 64px;
    height: 4rem;
	width: auto;
}

.activityRelatedWorks .workItem_Creator,
.activityRelatedWorks .workItem_Name {
    color: #b2b27d;
	display: block;
	line-height: 1.5;
}

.activityRelatedWorks .workItem_Creator {
	font-size: 12px;
	font-size: 0.75rem;
	padding: 24px 0 0 0;
	padding: 1.5rem 0 0 0;
}

.activityRelatedWorks .workItem_Name {
	font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
	padding: 0 32px 0 0;
	padding: 0 2rem 0 0;
}

.activityRelatedWorks .workItem:nth-child(even) {
    background-color: #ffffff;
}

.activityRelatedWorks .workItem:nth-child(odd) {
    background-color: #edebe6;
}
.activity .assetsImage {
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
}
.activity .assetsImage img {
	background: #f2f2d6;
	-moz-box-shadow: inset 0 0 8px #ddd;
	-webkit-box-shadow: inset 0 0 8px #ddd;
	box-shadow: inset 0 0 8px #ddd;

}
.activity .contentsBodyPart .wysiwyg {
	margin: 0;
	padding: 0;
}
.activity .activityCredits .wysiwyg {
	padding-top: 8px;
	padding-top: 0.5rem;
}
.activity .activityCredits .wysiwyg p {
font-feature-settings: "palt";
}
.activitySchedule .activityButton p {
	padding: 0 0 8px 0;
	padding: 0 0 0.5rem 0;
}
.activityRelatedImages .grid-sizer,
.activityRelatedImages .grid-item {
	width: 100%;
}
.activity .activityRelatedImages .grid-item .partBody_Gallery_Item {
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
}
.activity .activityRelatedImages .grid-item .partBody_Gallery_Item img {
	background: #f2f2d6;
	-moz-box-shadow: inset 0 0 8px #ddd;
	-webkit-box-shadow: inset 0 0 8px #ddd;
	box-shadow: inset 0 0 8px #ddd;

}
@media screen and (max-width: 767px) {
	.activityContent,
	.activityRelatedWorks,
	.activitySchedule,
	.activityCredits{
		margin: 0 16px;
		margin: 0 1rem;
	}
	.activityRelatedWorks .workItem_Creator {
		padding-top: 28px;
		padding-top: 1.8rem 0 0 0;
	}
	.activityRelatedWorks .workItem_Name {
		font-size: 12px;
		font-size: 0.75rem;
	}
	.activitySchedule .partDateTime {
		display: block;
		font-feature-settings: normal;
		line-height: 1.5;
		margin: 0 0 0 -8px;
		margin: 0 0 0 -0.5rem;
	}
	.activitySchedule .activityButton {
		padding: 6px 0 0 0;
		padding: 0.375rem 0 0 0;
	}
}
@media screen and (min-width: 992px) {
	.activity .contentsBody {
		padding: 0 16px;
		padding: 0 1rem;
	}
	.activity .assetsImage {
		background: #f2f2d6;
		margin: 0 16px 16px 16px;
		margin: 0 1rem 1rem 1rem;
	}
	.activity .assetsImage .portrait {
		display: block;
		height: 400px;
		height: 25rem;
		height: 56.25vh;
		margin: 0 auto;
		width: auto;
	}
	.activityContent .partContent {
		margin: 0;
		padding: 0;
		width: 60%;
	}
	.activitySchedule .eventItem {
		position: relative;
	}
	.activitySchedule .activityMetas {
		float: left;
		width: 60%;
	}
	.activitySchedule .activityButton {
		border-left: 1px dotted #999;
		border-left: 0.0625rem dotted #999;
		bottom: 16px;
		bottom: 1rem;
		padding: 16px 0 0 16px;
		padding: 1rem 0 0 1rem;
		position: absolute;
		right: 0;
		top: 5px;
		top: 0.35rem;
		width: 30%;
	}
	.activitySchedule .activityButton a {
		word-break: break-all;
	}
	.activity .sticky-wrapper {
		float: none;
		width: 100%;
	}
	.activity .contentsShortcuts {
		position: relative;
		top: 0;
		transition: all 0.25s;
	}
	.activity .stuck {
		margin-top: 0;
		top: 4.5rem;
		z-index: 1000;
	}
	.activity .activityRelatedImages {
		margin: 0 16px 0 0;
		margin: 0 1rem 0 0;
		padding: 0 0 48px 128px;
		padding: 0 0 3rem 8rem;
	}
	.activity .activityRelatedImages .grid-item .partBody_Gallery_Item {
		margin: 0 0 32px 32px;
		margin: 0 0 0 2rem 2rem;
	}
	.activity .activityRelatedImages .grid-sizer + .grid-item {
		padding: 48px 0 0 0;
		padding: 3rem 0 0 0;
	}
}
/**
 * WORKS INDEX (css_works_index.mtml)
 ***************************************************************/

.works .grid-item {
	padding: 1px 0;
	width: 100%;
}
.works .workItem {
	height: auto !important;
	min-height: 10px;
	height: 10px;
	margin: 16px 16px 32px 16px;
	margin: 1rem 1rem 2rem 1rem;
	padding: 0;
	position: relative;
	width: calc(100% - 2rem);
}
.works .workItem .workItem_Visual img {
	background: #f2f2d6;
	-moz-box-shadow: inset 0 0 8px #ddd;
	-webkit-box-shadow: inset 0 0 8px #ddd;
	box-shadow: inset 0 0 8px #ddd;

}
.works .workItem a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}
.works .workItem header {
	bottom: -8px;
	bottom: -0.5rem;
	left: -8px;
	left: -0.5rem;
	position: absolute;
}
.works .workItem .workItem_Author {
	background: #fff;
	color: #231816;
	display: inline;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: bold;
	font-weight: 700;
font-feature-settings: "palt";
	line-height: 1.2;
	margin: 0;
	padding: 1px 1px 0 0;
	padding: 0.0625rem 0.0625rem 0 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 9%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 84%, rgba(255,255,255,0) 85%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 9%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 84%,rgba(255,255,255,0) 85%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 9%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 84%,rgba(255,255,255,0) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.works .workItem .workItem_Title {
	border: 0;
	margin: 0;
	padding: 0;
}
.works .workItem .workItem_Title span {
	background: #fff;
	color: #b2b27d;
	display: inline;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	font-weight: 700;
font-feature-settings: "palt";
	line-height: 1.2;
	margin: 0;
	padding: 1px 1px 0 0;
	padding: 0.0625rem 0.0625rem 0 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 9%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 84%, rgba(255,255,255,0) 85%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 9%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 84%,rgba(255,255,255,0) 85%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 9%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 84%,rgba(255,255,255,0) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

@media screen and (min-width: 992px) {
	.works .grid-item {
		width: 33.3%;
	}
	.works .workItem header {
		bottom: -12px;
		bottom: -0.75rem;
	}
	.works .workItem .workItem_Author {
		font-size: 14px;
		font-size: 0.875rem;
	}
	.works .workItem .workItem_Title span {
		font-size: 20px;
		font-size: 1.25rem;
	}
}

/***************************************************************/

/**
 * WORKS PERMALINK (css_works_permalink.mtml)
 ***************************************************************/

.workPermalinkHeader {
	padding: 0 0 16px 0;
	padding: 0 0 1rem 0;
	width: 100%;
}
.workPermalinkHeader_title,
.workPermalinkHeader_Title {
	font-size: 24px;
	font-size: 1.5rem;
	font-feature-settings: "palt";
	line-height: 1.5;
	font-weight: bold;
	margin: 0;
	padding: 0 16px;
	padding: 0 1rem;
	letter-spacing: -0.075em;
}

.workPermalinkHeader_title:after,
.workPermalinkHeader_Title:after {
	background: #b2b27d;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	height: 2px;
	height: 0.125rem;
	padding: 0;
	overflow: hidden;
    margin: 8px 0;
    margin: 0.5rem 0 0.75rem 0;
	width: 32px;
	width: 2rem;
}

.workPermalinkHeader_Metas,
.workPermalinkHeader_DateTime {
	font-feature-settings: "palt";
	font-size: 12px;
	font-size: 0.75rem;
	display: block;
	margin: 0 0 4px 0;
	margin: 0 0 0.25rem 0;
	padding: 0;
}
.workPermalinkHeader_Metas {
	letter-spacing: 0;
}

.contentsShortcuts {
	font-feature-settings: "pkna";
    line-height: 1.25;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 1rem 0 0 0;
	padding: 0 16px;
	padding: 0 1rem;
}

.workPermalinkHeader_catchCopy {
	padding: 0 16px;
	padding: 0 1rem;
	font-feature-settings: "palt";
    font-weight: bold;
    font-family: "Istok Web", Roboto, "Helvetica Neue", Helvetica, "Droid Sans", Verdana, YuGothic, "YuGothic M", "メイリオ", sans-serif;
    line-height: 1.5;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0.5rem 0;
}

.contentsShortcuts a {
    color: #b2b27d;
}
.works .workRelatedImages .grid-sizer,
.works .workRelatedImages .grid-item {
	width: 100%;
}
.works .workRelatedImages .grid-item .partBody_Gallery_Item {
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
}
.works .workRelatedImages .grid-item .partBody_Gallery_Item img {
	background: #f2f2d6;
	-moz-box-shadow: inset 0 0 8px #ddd;
	-webkit-box-shadow: inset 0 0 8px #ddd;
	box-shadow: inset 0 0 8px #ddd;

}
.workRelatedSchedule,
.workRelatedReviews,
.workRelatedPressReleases,
.workCredits,
.works .snsButtons {
	font-feature-settings: "palt";
    padding: 0 32px;
    padding: 0 2rem;
}
.workRelatedSchedule a,
.workRelatedReviews a,
.workRelatedPressReleases a,
.workCredits a {
    color: #b2b27d;
}

.workRelatedSchedule a,
.workRelatedPressReleases a,
.workRelatedReviews .pdfs a {
	background: url(/.assets/arrow_right.png) no-repeat 100% 50%;
	background: url(/.assets/arrow_right.svg) no-repeat 100% 50% / 10px auto;
    display: block;
    padding: 0.5rem 0;
	width: 100%;
}
.workRelatedSchedule a {
	font-size: 15px;
	font-size: 0.9rem;
	height: auto !important;
	min-height: 10px;
	height: 10px;
	margin: 0;
	padding: 8px 8px 8px 0;
	padding: 0.5rem 0.5rem 0.5rem 0;
	width: auto;
}
.workRelatedPressReleases li,
.workRelatedReviews .pdfs li {
	background: url(/.assets/icon_pdf.png) no-repeat 0 50%;
	background: url(/.assets/icon_pdf.svg) no-repeat 0 50% / 18px auto;
}
.workRelatedPressReleases li:before,
.workRelatedReviews .pdfs li:before {
	display: none;
}
.workRelatedPressReleases a .date,
.workRelatedPressReleases a .title,
.workRelatedReviews .pdfs a .date,
.workRelatedReviews .pdfs a .title {
	display: block;
	height: auto !important;
	min-height: 10px;
	height: 10px;
	padding: 0 0 0 28px;
	padding: 0 0 0 1.75rem;
}

.workRelatedSchedule ul,
.workRelatedReviews ul,
.workRelatedPressReleases ul,
.workRelatedReviews .pdfs,
.workCredits ul {
	margin: 0;
    padding: 0;
}

.workRelatedSchedule li,
.workRelatedReviews li,
.workRelatedPressReleases li,
.workRelatedReviews .pdfs li,
.workCredits li {
    list-style-type: none;
    line-height: 1.5;
	border-bottom: 1px dotted #999;
    border-bottom: 0.075rem dotted #999;
}

.workRelatedSchedule li:last-child,
.workRelatedReviews li:last-child,
.workRelatedPressReleases li:last-child,
.workRelatedReviews .pdfs li:last-child,
.workCredits li:last-child {
    border-bottom: none;
}

.workRelatedSchedule p,
.workRelatedReviews .reviewHeader p,
.workRelatedReviews .reviewHeader h4,
.workRelatedPressReleases p,
.workCredits p {
    line-height: 1.5;
}
.workRelatedSchedule .activity,
.workRelatedSchedule .festival,
.workRelatedSchedule .location {
	display: block;
}
.workRelatedSchedule .duration,
.workRelatedPressReleases .date {
	color: #000;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	font-weight: 700;
}
.workRelatedSchedule .activity,
.workRelatedSchedule .festival {
	font-weight: bold;
}
.workRelatedSchedule .venue {
	font-weight: normal;
}
.workCredits .partContent .wysiwyg {
	padding: 8px 0;
	padding: 0.5rem 0;
}
.works .reviewHeader a {
	background: url(/.assets/arrow_down.png) no-repeat 100% 50%;
	background: url(/.assets/arrow_down.svg) no-repeat 100% 50% / 14px 40%;
	border-top: 1px dotted #999;
	border-top: 0.075rem dotted #999;
    display: block;
	padding: 8px 0;
    padding: 0.5rem 0;
    width: 100%;
}
.works .review:first-child .reviewHeader a {
	border-top: 0;
}
.works .reviewHeader h4,
.works .reviewHeader p {
	margin: 0;
	padding: 0;
}
.works .reviewBody {
	display: none;
}
.works .reviewBody .wysiwyg {
	border-left: 8px solid #e5e5e5;
	border-left: 0.5rem solid #e5e5e5;
	margin: 0 0 0 -16px;
	margin: 0 0 0 -1rem;
	padding: 0 0 0 8px;
	padding: 0 0 0 0.5rem;
}
.works .reviewBody .wysiwyg * {
	color: #9fa0a0;
}
.works .snsButtons {
	padding-top: 48px;
	padding-top: 3rem;
}
.workPermalinkHeader .assetsImage_caption {
	display: none;
}
.workPermalinkHeader_image img {
	background: #f2f2d6;
	-moz-box-shadow: inset 0 0 8px #ddd;
	-webkit-box-shadow: inset 0 0 8px #ddd;
	box-shadow: inset 0 0 8px #ddd;

}
.workCredits .wysiwyg p {
font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
	.works .reviewBody.ui-state-active {
		display: block;
	}
}
@media screen and (min-width: 992px) {
	.workPermalinkHeader,
	.works .contentsBody {
    	position: relative;
	}
	.workPermalinkHeader {
		margin: -64px 0 0 0;
		margin: -4rem 0 0 0;
	}
	.workPermalinkHeader_info {
    	position: absolute;
    	bottom: 0;
		left: 40px;
	    left: 2.5rem;
    	color: #fff;
    	font-weight: bold;
    	margin: 0;
		padding: 16px 32px 16px 48px;
    	padding: 1rem 2rem 1rem 3rem;
		right: 128px;
		right: 8rem;
	}
	.workPermalinkHeader:before {
		background: #f2f2d6;
		bottom: 0;
		content: ' ';
    	display: block;
		overflow: hidden;
		z-index: -1;
		position: absolute;
		left: 64px;
		left: 4rem;
		right: 128px;
		right: 8rem;
		top: 64px;
		top: 4rem;
	}
	.workPermalinkHeader_Metas,
	.workPermalinkHeader_catchCopy {
		color: #000;
	}
	.workPermalinkHeader_title {
		border: 0;
		color: #000;
		font-size: 40px;
    	font-size: 2.5rem;
    	letter-spacing: -0.1em;
    	line-height: 1.125;
	}
	.workPermalinkHeader_title:after {
		display: none;
	}
	.workPermalinkHeader_image {
		margin: 0 160px 112px 24px;
    	margin: 0 10rem 7rem 1.5rem;
    	width: auto;
    	height: auto;
	}
	.workDescription {
		padding: 48px 0 0 0;
		padding: 3rem 0 0 0;
	}
	.works .workRelatedImages .grid-sizer,
	.works .workRelatedImages .grid-item {
		width: 50%;
	}
	.works .workRelatedImages {
		margin: 0 32px;
		margin: 0 2rem;
		padding: 0 0 48px 128px;
		padding: 0 0 3rem 8rem;
	}
	.works .workRelatedImages .grid-item .partBody_Gallery_Item {
		margin: 0 0 32px 32px;
		margin: 0 0 2rem 2rem;
	}
	.works .workRelatedImages .grid-sizer + .grid-item {
		padding: 48px 0 0 0;
		padding: 3rem 0 0 0;
	}
	.workPermalinkBody,
	.work-schedule,
	.workRelatedReviews,
	.workCredits,
	.workRelatedPressReleases,
	.snsButtons {
    	overflow: hidden;
	}
	.partBody_Basics {
		margin: 0;
	}
	.workPermalinkBody p,
	.workPermalinkBody h2,
	.workPermalinkBody h3,
	.workPermalinkBody h4,
	.workPermalinkBody h5,
	.workPermalinkBody ul,
	.workPermalinkBody ol,
	.workPermalinkBody table,
	.workPermalinkBody blockquote,
	.gadget-content h2,
	.gadget-content ul,
	.workRelatedReviews .partTitle,
	.workRelatedReviews .partContent,
	.workCredits .partTitle,
	.workCredits .partContent,
	.workRelatedPressReleases h2,
	.workRelatedPressReleases div,
	.works .snsButtons ul {
    	float: right;
		width: 576px;
    	width: 36rem;
    	height: auto;
		padding: 0 64px 0 0;
    	padding: 0 4rem 0 0;
    	/*padding: 0 12rem 0 20rem;*/
	}
	.works .snsButtons ul {
		margin: 32px 64px 0 0;
		margin: 2rem 4rem 0 0;
		padding: 8px;
		padding: 0.5rem;
		width: 560px;
		width: 35rem;
	}
	.workPermalinkBody blockquote,
	.workPermalinkBody ul {
		margin-left: 0;
		width: 592px;
		width: 37rem;
	}
	.workPermalinkBody ul li {
		margin-left: 0;
	}
	.workRelatedSchedule ul,
	.workRelatedPressReleases ul {
		margin: 0 64px 16px 0;
		margin: 0 4rem 1rem 0;
		padding: 0;
	}
	.workRelatedReviews a,
	.workRelatedSchedule a {
		font-size: 16px;
		font-size: 1rem;
	}
	.workCredits .partTitle,
	.workCredits .partContent,
	.workRelatedPressReleases .partTitle,
	.workRelatedPressReleases .partContent,
	.workRelatedSchedule .partTitle,
	.workRelatedSchedule .partContent,
	.workRelatedReviews .partTitle,
	.workRelatedReviews .partContent {
		margin: 0 64px 0 0;
		margin: 0 4rem 0 0;
		padding: 0;
	}
	.workRelatedReviews .wysiwyg {
		margin: 0;
		padding: 0;
	}
	.workRelatedReviews .partContent {
		padding: 0 0 24px 0;
		padding: 0 0 1.5rem 0;
	}
	.works .contentsShortcuts {
		left: 64px;
		left: 4rem;
		margin: 0;
		padding: 1px 0;
		position: absolute;
		top: 0;
	}
	.works .contentsShortcuts ul {
		border-top: 4px solid #000;
		border-top: 0.25rem solid #000;
		border-bottom: 4px solid #000;
		border-bottom: 0.25rem solid #000;
		margin: 48px 0 0 0;
		margin: 3rem 0 0 0;
		padding: 16px 0;
		padding: 1rem 0;
		transition: all 0.45s;
	}
	.works .contentsShortcuts ul,
	.works .contentsShortcuts li {
		display: block;
	}
	.works .contentsShortcuts li {
		font-size: 0;
		line-height: 0;
	}
	.works .contentsShortcuts li:before,
	.works .contentsShortcuts li a:before {
		display: none;
	}
	.works .contentsShortcuts li a {
		display: block;
		color: #000;
		font-size: 16px;
		font-size: 1rem;
		line-height: 2;
		text-decoration: underline;
	}
	.works .stuck {
		z-index: 990;
	}
	.works .stuck ul {
		margin-top: 80px;
		margin-top: 5rem;
	}
}

/***************************************************************/

/**
 * CALENDAR (css_calendar_index.mtml)
 ***************************************************************/

.calendar .contentsBody {
    min-height: 100vh;
}
.calendar .grid-item {
	padding: 1px 0;
	width: 100%;
}
.calendar .grid-item:last-child .calendarItem {
	border-bottom: 1px solid #cccc9a;
	border-bottom: 0.0625rem solid  #cccc9a;
}
.calendar .calendarItem {
	border-top: 1px solid #cccc9a;
	border-top: 0.0625rem solid  #cccc9a;
	margin: 0;
	padding: 0;
	width: 100%;
}
.calendar .calendarItem a {
	display: block;
	padding: 8px 134px;
	padding: 0.5rem 1rem 0.5rem 8.275rem;
	position: relative;
}
.calendar .calendarItem .calendarItem_Duration {
	border-bottom: 1px dashed #bfbfbf;
	border-bottom: 0.0625rem dashed #bfbfbf;
	color: #000;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: bold;
	font-weight: 700;
font-feature-settings: "palt";
	line-height: 1.6;
	margin: -4px 0 0 0;
	margin: -0.25rem 0 0 0;
	padding: 0;
}
.calendar .calendarItem .calendarItem_Title {
	color: #b2b27d;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	font-weight: 700;
font-feature-settings: "palt";
	line-height: 1.4;
	margin: 0 0 -4px 0;
	margin: 0 0 -0.25rem 0;
	padding: 4px 0 0 0;
	padding: 0.25rem 0 0 0;
}
.calendar .calendarItem  .calendarItem_Metas {
	border-bottom: 1px dashed #bfbfbf;
	color: #000;
	font-size: 10px;
	font-size: 0.625rem;
font-feature-settings: "palt";
	line-height: 1.6;
	margin: 0;
	padding: 0;
}
.calendar .calendarItem .calendarItem_Visual {
	background: #f2f2d6;
	display: block;
	height: 83px;
	height: 5.2rem;
	left: 16px;
	left: 1rem;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	top: 8px;
	top: 0.5rem;
	width: 110px;
	width: 6.875rem;
}
.calendar .calendarItem .calendarItem_Visual img {
	height: auto;
	width: 100%;
}
.calendar .calendarItem .calendarItem_Visual .portrait {
	display: block;
	height: 100%;
	margin: 0 auto;
	width: auto;
}
.calendar .calendarItem .calendarItem_Location {
	color: #000;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: normal;
	font-weight: 400;
font-feature-settings: "palt";
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
.calendar .calendarItem .calendarItem_Name {
	color: #000;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: bold;
	font-weight: 700;
font-feature-settings: "palt";
	line-height: 1.5;
	margin: 0;
	padding: 4px 0 0 0;
	padding: 0.25rem 0 0 0;
}
@media screen and (max-width: 990px) {
	.calendar .calendarItem .calendarItem_Visual .landscape {
		left: 50%;
		height: 100%;
		position: absolute;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		width: auto;
	}
}
@media screen and (min-width: 992px) {
	.calendar .calendarItem a {
		padding-left: 208px;
		padding-left: 13rem;
	}
	.calendar .calendarItem .calendarItem_Visual {
		bottom: 8px;
		bottom: 0.5rem;
		display: block;
		height: auto;
		float: left;
		overflow: hidden;
		width: 176px;
		width: 11rem;
	}
	.calendar .calendarItem .calendarItem_Duration {
		font-size: 20px;
		font-size: 1.25rem;
	}
	.calendar .calendarItem .calendarItem_Title {
		font-size: 24px;
		font-size: 1.5rem;
	}
	.calendar .calendarItem .calendarItem_Metas,
	.calendar .calendarItem .calendarItem_Location,
	.calendar .calendarItem .calendarItem_Name {
		font-size: 16px;
		font-size: 1rem;
	}
}

/***************************************************************/

/**
 * NOTICE INDEX (css_notice_index.mtml)
 ***************************************************************/

.notice .group .contentsHeader {
	padding-bottom: 0;
}
.notice .group .contentsBody,
.notice .group .contentsSide {
	padding: 0 16px;
	padding: 0 1rem;
}
.notice .group ul,
.notice .group li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.notice .group .contentsBody ul {
	margin-top: -8px;
	margin-top: -0.5rem;
}
.notice .group li {
	border-bottom: 1px dotted #999;
	border-bottom: 0.075rem dotted #999;
}
.notice .group a {
	display: block;
	margin: 0;
	padding: 8px 0;
	padding: 0.5rem 0;
	width: 100%;
}
.notice .group a .newsItem_Date {
	color: #000;
	font-size: 14px;
	font-size: 0.875rem;
font-feature-settings: "palt";
	display: block;
	line-height: 1.3;
}
.notice .group a .newsItem_Title {
	color: #b2b27d;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	font-weight: 700;
	display: block;
	line-height: 1.3;
}
.notice .group .contentsSide .partHeader {
	border-bottom: 1px solid #999;
	border-bottom: 0.075rem solid #999;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 990px) {
}
@media screen and (min-width: 992px) {
	.notice article #ja,
	.notice article #en {
	    margin: 0 auto;
    	max-width: 640px;
    	max-width: 40rem;
	}
	.notice .group .i18n {
		position: relative;
	}
	.notice .group .contentsBody {
		margin: 0;
		position: relative;
	}
	.notice .group .contentsSide {
		position: absolute;
		right: 0;
		top: -36px;
		top: -2.2rem;
		width: 288px;
		width: 18rem;
	}
	.notice .group a .newsItem_Date {
		display: table-cell;
font-feature-settings: "palt";
		line-height: 1.5;
		padding: 8px 16px;
		padding: 0.5rem 1rem;
		padding-left: 0;
		width: 128px;
		width: 8rem;
	}
	.notice .group a .newsItem_Title {
		display: table-cell;
font-feature-settings: "palt";
		padding: 8px 16px;
		padding: 0.5rem 1rem;
		padding-right: 0;	
	}
}

/***************************************************************/

/**
 * NOTICE PERMALINK (css_notice_permalink.mtml)
 ***************************************************************/

.notice .wysiwyg {
	padding: 0 16px;
	padding: 0 1rem;
}
.notice .wysiwyg:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
	width: 100%;
}
.notice .contentsHeader_DateTime {
    font-weight: bold;
    font-weight: 700;
}
.notice .partBody_Footer {
	margin: 0 16px;
	margin: 0 1rem;
	padding: 48px 0 0 0;
	padding: 3rem 0 0 0;
}
.notice .partBody_Footer .wysiwyg {
	border: 1px dotted #999;
	border: 0.075rem dotted #999;
	padding: 8px;
	padding: 0.5rem;
}

.notice .partBody_Footer:after {
	clear: both;
	content: '.';
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	visiblity: hidden;
}
.notice .partBody_Footer .partBody_Date p {
	margin: 0;
	padding: 0;
}
.notice .partBody_Footer .snsButtons ul {
	border: 0;
	padding: 0;
}
.notice .assetsImage {
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
}
.notice .assetsImage img {
	background: #f2f2d6;
	-moz-box-shadow: inset 0 0 8px #ddd;
	-webkit-box-shadow: inset 0 0 8px #ddd;
	box-shadow: inset 0 0 8px #ddd;

}
.notice .noticeRelatedImages .grid-sizer,
.notice .noticeRelatedImages .grid-item {
	width: 100%;
}
.notice .noticeRelatedImages .grid-item .partBody_Gallery_Item {
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
}
.notice .noticeRelatedImages .grid-item .partBody_Gallery_Item img {
	background: #f2f2d6;
	-moz-box-shadow: inset 0 0 8px #ddd;
	-webkit-box-shadow: inset 0 0 8px #ddd;
	box-shadow: inset 0 0 8px #ddd;

}
@media screen and (max-width: 990px) {
	.notice .partBody_Pager {
		padding: 16px 0;
		padding: 1rem 0;
		width: auto;
	}
}
@media screen and (min-width: 992px) {
	.notice .partBody_Date {
		float: left;
		width: auto;
	}
	.notice .partBody_Footer .snsButtons {
		float: right;
	}
	.notice .snsButtons li,
	.notice .wysiwyg .snsButtons li {
		padding: 4px 0 0 24px;
		padding: 0.25rem 0 0 1.5rem;
	}
	.notice .assetsImage {
		background: #f2f2d6;
		margin: 0 16px 16px 16px;
		margin: 0 1rem 1rem 1rem;
	}
	.notice .assetsImage .portrait {
		display: block;
		height: 400px;
		height: 25rem;
		height: 56.25vh;
		margin: 0 auto;
		width: auto;
	}
	.notice .noticeRelatedImages .grid-sizer,
	.notice .noticeRelatedImages .grid-item {
		width: 50%;
	}
	.notice .noticeRelatedImages {
		margin: 0 16px 0 0;
		margin: 0 1rem 0 0;
		padding: 0 0 48px 0;
		padding: 0 0 3rem 0;
	}
	.notice .noticeRelatedImages .grid-item .partBody_Gallery_Item {
		margin: 0 0 32px 32px;
		margin: 0 0 0 2rem 2rem;
	}
	.notice .noticeRelatedImages .grid-sizer + .grid-item {
		padding: 48px 0 0 0;
		padding: 3rem 0 0 0;
	}
}

/***************************************************************/


/**
 * FORPRO INDEX (css_forpro_index.mtml)
 ***************************************************************/

.forproItemsList {
	padding: 0 16px;
	padding: 0 1rem;
}
.forproItemsList,
.forproItemsList li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.forproItemsList .forproItem {
    display: block;
	overflow: hidden;
	width: 100%;
}
.forproItemsList .forproItem a {
    background: url(/.assets/arrow_right.png) no-repeat right 16px top 50%;
    background: url(/.assets/arrow_right.svg) no-repeat right 1rem top 50% / 10px auto;
    display: block;
	overflow: hidden;
    width: 100%;
}
.forproItemsList .forproItem .forproItem_Visual {
	float: left;
	margin: 0 16px 0 0;
	margin: 0 1rem 0 0;
	overflow: hidden;
	width: 6rem;
}
.forproItemsList .forproItem .forproItem_Visual img {
	display: block;
	height: auto;
	padding: 16px;
    padding: 1rem;
	width: 100%;
}
.forproItemsList .forproItem_Creator,
.forproItemsList .forproItem_Name {
	display: block;
}
.forproItemsList .forproItem_Creator,
.forproItemsList .forproItem_Name {
    color: #b2b27d;
	display: block;
	line-height: 1.5;
}
.forproItemsList .forproItem_Creator {
	font-size: 12px;
    font-size: 0.75rem;
	padding: 24px 0 0 0;
	padding: 1.5rem 0 0 0;
}
.forproItemsList .forproItem_Name {
	font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
	font-weight: 700;
}
.forproItemsList .forproItem:nth-child(even) {
    background-color: #ffffff;
}
.forproItemsList .forproItem:nth-child(odd) {
    background-color: #edebe6;
}
@media screen and (max-width: 767px) {
	.forproItemsList .forproItem_Creator {
		padding-top: 28px;
		padding-top: 1.8rem 0 0 0;
	}
	.forproItemsList .forproItem_Name {
		font-size: 12px;
		font-size: 0.75rem;
	}
}

/***************************************************************/

/**
 * FORPRO PERMALINK (css_forpro_permalink.mtml)
 ***************************************************************/

.forpro .wysiwyg,
.forproRelatedWorks,
.forproTechnicalWriter,
.forproRelatedReviews,
.videoItem {
	padding: 0 16px;
	padding: 0 1rem;
}
.forproTechnicalWriter .wysiwyg {
	padding: 0;
}
.forproRelatedReviews　 {
	font-feature-settings: "palt";
    padding: 0 32px;
    padding: 0 2rem;
}
.forproRelatedReviews a {
    color: #b2b27d;
}
.forproRelatedReviews .pdfs a {
	background: url(/.assets/arrow_right.png) no-repeat 100% 50%;
	background: url(/.assets/arrow_right.svg) no-repeat 100% 50% / 10px auto;
    display: block;
    padding: 0.5rem 0;
	width: 100%;
}
.forproRelatedReviews .pdfs li {
	background: url(/.assets/icon_pdf.png) no-repeat 0 50%;
	background: url(/.assets/icon_pdf.svg) no-repeat 0 50% / 18px auto;
}
.forproRelatedReviews .pdfs li:before {
	display: none;
}
.forproRelatedReviews .pdfs a .date,
.forproRelatedReviews .pdfs a .title {
	display: block;
	height: auto !important;
	min-height: 10px;
	height: 10px;
	padding: 0 0 0 28px;
	padding: 0 0 0 1.75rem;
}
.forproRelatedReviews ul {
	margin: 0;
    padding: 0;
}
.forproRelatedReviews li {
    list-style-type: none;
    line-height: 1.5;
	border-bottom: 1px dotted #999;
    border-bottom: 0.075rem dotted #999;
}
.forproRelatedReviews li:last-child {
    border-bottom: none;
}
.forproRelatedReviews .reviewHeader h4,
.forproRelatedReviews .reviewHeader p {
    line-height: 1.5;
}
.forpro .reviewHeader a {
	background: url(/.assets/arrow_down.png) no-repeat 100% 50%;
	background: url(/.assets/arrow_down.svg) no-repeat 100% 50% / 14px 40%;
	border-top: 0.075rem dotted #999;
    display: block;
	padding: 8px 0;
    padding: 0.5rem 0;
    width: 100%;
}
.forpro .review:first-child .reviewHeader a {
	border-top: 0;
}
.forpro .reviewHeader h4,
.forpro .reviewHeader p {
	margin: 0;
	padding: 0;
}
.forpro .reviewBody {
	display: none;
}
.forpro .reviewBody .wysiwyg {
	border-left: 8px solid #e5e5e5;
	border-left: 0.5rem solid #e5e5e5;
	margin: 0 0 0 -16px;
	margin: 0 0 0 -1rem;
	padding: 0 0 0 8px;
	padding: 0 0 0 0.5rem;
}
.forpro .reviewBody .wysiwyg * {
	color: #9fa0a0;
}
.forproRelatedWorks ul,
.forproRelatedWorks li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.forproRelatedWorks .workItem {
    display: block;
	overflow: hidden;
	width: 100%;
}
.forproRelatedWorks .workItem a {
	background: url(/.assets/arrow_right.png) no-repeat right 16px top 50%;
    background: url(/.assets/arrow_right.svg) no-repeat right 1rem top 50% / 10px auto;
    display: block;
	overflow: hidden;
    width: 100%;
}
.forproRelatedWorks .workItem .workItem_Visual {
	float: left;
	margin: 0 16px 0 0;
	margin: 0 1rem 0 0;
	overflow: hidden;
	width: 96px;
	width: 6rem;
}
.forproRelatedWorks .workItem .workItem_Visual img {
	display: block;
	height: auto;
	padding: 16px;
    padding: 1rem;
	width: 100%;
}
.forproRelatedWorks .workItem_Creator,
.forproRelatedWorks .workItem_Name {
	display: block;
}
.forproRelatedWorks .workItem_Creator,
.forproRelatedWorks .workItem_Name {
    color: #b2b27d;
	display: block;
	line-height: 1.5;
}
.forproRelatedWorks .workItem_Creator {
	font-size: 12px;
    font-size: 0.75rem;
	padding: 24px 0 0 0;
	padding: 1.5rem 0 0 0;
}
.forproRelatedWorks .workItem_Name {
	font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
}
.forproRelatedWorks .workItem:nth-child(even) {
    background-color: #ffffff;
}
.forproRelatedWorks .workItem:nth-child(odd) {
    background-color: #edebe6;
}
.forproRelatedImages .grid-sizer,
.forproRelatedImages .grid-item {
	width: 100%;
}
.forproRelatedImages .grid-item .partBody_Gallery_Item {
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
}
.forproRelatedImages .grid-item .partBody_Gallery_Item img {
	background: #f2f2d6;
	-moz-box-shadow: inset 0 0 8px #ddd;
	-webkit-box-shadow: inset 0 0 8px #ddd;
	box-shadow: inset 0 0 8px #ddd;

}
@media screen and (max-width: 767px) {
	.forpro .reviewBody.ui-state-active {
		display: block;
	}
	.forproRelatedWorks .workItem_Creator {
		padding-top: 28px;
		padding-top: 1.8rem 0 0 0;
	}
	.forproRelatedWorks .workItem_Name {
		font-size: 12px;
		font-size: 0.75rem;
	}
}
@media screen and (min-width: 992px) {
	.forpro .contentsBody {
    	position: relative;
	}
	.forproRelatedReviews .wysiwyg {
		margin: 0;
		padding: 0;
	}
	.forproRelatedImages .grid-sizer,
	.forproRelatedImages .grid-item {
		width: 50%;
	}
	.forproRelatedImages {
		margin: 0 32px;
		margin: 0 2rem;
		padding: 0 0 48px 128px;
		padding: 0 0 3rem 8rem;
	}
	.forproRelatedImages .grid-item .partBody_Gallery_Item {
		margin: 0 0 32px 32px;
		margin: 0 0 0 2rem 2rem;
	}
	.forproRelatedImages .grid-sizer + .grid-item {
		padding: 48px 0 0 0;
		padding: 3rem 0 0 0;
	}
}

/***************************************************************/

/**
 * PROFILE CONTACT (css_profile_contact.mtml)
 ***************************************************************/

.profile .partTitle,
.contact .partTitle {
	border: 0;
	line-height: 1.25;
	text-align: center;
}
.profile .asset-svg,
.svgasimg .profile .asset-png {
	display: none;
}
.svgasimg .profile .asset-svg {
	display: block;
}
.profileOkada .assetsImage img {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.profileChelfitsch {
	padding: 96px 0 0 0;
	padding: 6rem 0 0 0;
}
.profileChelfitsch .partTitle {
	padding: 0 0 40px 0;
	padding: 0 0 2.5rem 0;
}
.profileChelfitsch img {
	display: block;
	margin: 0 auto;
	width: auto;
}
@media screen and (max-width: 797px) {
	.svgasimg .profile .asset-svg {
		max-width: 100%;
		height: auto;
	}
	.profile .contentsShortcuts {
		left: 0;
		position: absolute;
		top: 128px;
		top: 4rem;
	}
}
@media screen and (min-width: 992px) {
	.contact article #ja, .contact article #en {
		margin: 0 auto;
		max-width: 640px;
		max-width: 40rem;
	}
	.contact .wysiwyg {
		padding: 0 16px;
		padding: 0 1rem;
	}
	.profile .contentsShortcuts {
		left: 16px;
		left: 1rem;
		position: fixed;
		top: 128px;
		top: 4rem;
	}
	.profileOkada,
	.profileChelfitsch {
		margin: 0 auto;
		max-width: 640px;
		max-width: 40rem;
	}
	.profile .partTitle img {
		width: 500px;
	}
}

/***************************************************************/


/**
 * CONTACT (css_contact.mtml)
 ***************************************************************/


@media screen and (max-width: 767px) {
	.contact .wysiwyg {
		padding: 0 16px;
		padding: 0 1rem;
	}
}


/***************************************************************/

@media screen and (min-width: 768px) {
.grid {
	width: 100%;
}
.grid:after {
	content: '';
	display: block;
	clear: both;
}
.grid-item {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}
.grid-item article {
	height: auto !important;
	min-height: 10px;
	height: 10px;
	margin: 0;
	padding: 0 16px 0 0;
	padding: 0 1rem 0 0;
}
.grid-item img {
	height: auto;
	width: 100%;
}

/*** isotope, filter, sort ui ***/
}

@media screen and (min-width: 1200px) {
	html {
		font-size: 112.5%;
	}
	#footer_BottomMenu {
		padding-top: 173px;
		padding-top: 10.8rem;
	}
	#footer .menu li {
    	line-height: 2.2;
	}
	#footer .sns {
    	padding-top: 12px;
    	padding-top: 0.7rem;
	}
}
@media screen and (min-width: 1400px) {
    html {
        font-size: 150%;
    }
	#footer_BottomMenu {
		padding-top: 150px;
		padding-top: 9.4rem;
    	margin-left: 0;
	}
}
@media screen and (min-width: 1680px) {
    html {
        font-size: 175%;
    }
	#footer_BottomMenu {
		padding-top: 140px;
		padding-top: 8.8rem;
	}
}
@media screen and (min-width: 1880px) {
    html {
        font-size: 200%;
    }
	#footer_BottomMenu {
		padding-top: 134px;
		padding-top: 8.4rem;
	}
}