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

	色の設定

		コンセプトカラー
		淡	#E5F3F9
		濃	#0099CC

		アクセントカラー
		淡	#FDECA1
		濃	#FED81F
		
		グレー
		淡	#F8F8F8	(body背景)
		中	#F3F3F3	(背景)
		濃	#DFDFDF	(線)

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

/* 印刷用 */
@media print {
	.sp 	{display:none !important;}
	.inner 	{width:1200px;}
}

* 																		{}
html 																	{overflow: auto;}
body 																	{overflow: hidden;background-color: #FFF;color: #000;font-family: "Kaisei Opti", "M PLUS Rounded 1c", "M PLUS 1p", YuGothic, "ヒラギノ角ゴ ProN W3", "Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;line-height: 1.5;-webkit-text-size-adjust: none;}
.wrapper																{position: relative;text-align: left;}


a 																		{color: #333;text-decoration: none;}
a:hover 																{text-decoration: none;}
p																		{margin: 1.0em 0;}
b,
em,
strong,
.bold,
b a,
strong a,
.bold a																	{font-weight: bold;}
u																		{text-decoration: underline #333 1px;text-decoration-color: #0099CC;text-decoration-style: wavy;text-underline-offset: 0.2em;}
hr																		{height: 1px;margin: 1.0em 0;border: none;border-top: 1px #DFDFDF solid;}
img 																	{max-width: 100%;vertical-align: bottom;}
.tinymce img 															{height: auto !important;}
.gray																	{color: #999;}
.red,
.alert																	{color: #c00;}
.blue																	{color: #00F;}
sub																		{font-size: 75%;font-style: italic;font-weight: normal;}
.req																	{display: inline-block;padding: 0 0.5em;background-color: #c00;border-radius: 3px;color: #FFF;font-size: 0.9em;}
.opt																	{display: inline-block;padding: 0 0.5em;background-color: #999;border-radius: 3px;color: #FFF;font-size: 0.9em;}
.note																	{color: #999;font-size: 0.75em}
.xxxsmall																{font-size: 0.5em;}
.xxsmall																{font-size: 0.6em;}
.xsmall																	{font-size: 0.7em;}
small,
.small																	{font-size: 0.85em;}
.medium																	{font-size: 1.0em !important;}
.large																	{font-size: 1.5em;}
.xlarge																	{font-size: 2.0em;}
.xxlarge																{font-size: 2.5em;}
.xxxlarge																{font-size: 3.0em;}
.uc 																	{text-transform: uppercase;}
.bg																		{margin: 2.0em 0;padding: 2.0em;background-color: #E5F3F9;}
[class~="bg"][class*="accent"]											{background-color: #FAF3E6;}
[class~="bg"][class*="gray"]											{background-color: #F8F8F8;color: #666;}
.bdr																	{margin: 2.0em 0;padding: 2.0em;background-color: #FFF;border: 5px solid #E5F3F9;}
[class~="bdr"][class*="accent"]											{border-color: #FAF3E6;}
[class~="bdr"][class*="gray"]											{border-color: #F8F8F8;color: #666;}
.bg .bg,
.bg .bdr,
.bdr .bg,
.bdr .bdr																{margin: 1.0em 0;padding: 1.25em 1.5em;}
.btn																	{display: block;overflow: hidden;position: relative;width: 100%;margin: 1.0em 0;padding: 0.6em 0;background-color: #0099CC;border: none;color: #FFF !important;letter-spacing: 0.1em;text-align: center;text-decoration: none !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;}
.btn:hover																{filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;text-decoration: none !important;}
[class~="btn"][class*="small"]											{font-size: 0.85em;}
[class~="btn"][class*="large"]											{font-size: 1.3em;}
[class~="btn"][class*="accent"]											{background-color: #D28600;}
[class~="btn"][class*="gray"]											{background-color: #999;color: #FFF;}
span.btn																{padding: 0.75em 0;background-color: #CCC;box-shadow: 0 0 0 rgba(0,0,0,0);line-height: 1.5;}
span.btn:hover															{filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a.btn 																	{padding: 0.75em 0;color: #FFF !important;line-height: 1.5;}
table																	{width: 100%;margin: 2.0em 0;border-top: 1px solid #DFDFDF;font-size: 1.0em;}
table th,table td														{padding: 2%;}
table th																{width: 20%;border-bottom: 1px solid #DFDFDF;color: #333;vertical-align: middle;}
table td																{border-bottom: 1px solid #DFDFDF;vertical-align: middle;}
.more																	{display: block;margin: 1.0em auto;padding: 1.0em;background: #FFF;border: 1px solid #0099CC;color: #0099CC;text-align: center;}
.more.small 															{font-size: 0.85em;}
.more.large 															{font-size: 1.3em;}
.scroll																	{overflow: auto;height: 150px;}
.shadow																	{-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.hide span																{padding: 3px;cursor: pointer;text-decoration: underline;}
.hide span:hover														{text-decoration: none;}
.normal * 																{color: #333 !important;text-shadow: 0px 0px 0px}
.normal a 																{text-decoration: underline;}
.single_nav,
.archive_nav  															{margin: 5.0em 0;padding: 1.0em 0;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;}

/* addition */
div.wpcf7-response-output 												{margin: 1.0em auto !important;padding: 1.0em !important;background-color: #FFF !important;text-align: center !important;}
div.wpcf7-validation-errors 											{border: 5px solid #f00 !important;}
.fancybox-skin 															{padding: 0 !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}
.wow 																	{visibility: hidden;}
.sticky 																{z-index: 999;}
.slide_header 															{z-index: 1000;}
/*.is-fixed 																{position: fixed !important;top: 0;left: 0;width: 100%;}*/
.telLink 																{white-space: nowrap;}
.mce img 																{display: block;margin: 0 auto;}
section.wanted 															{background: #E5F3F9;border: none;}
.grecaptcha-badge														{display: none !important;}
p.eop																	{display: inline-block;border: 1px solid #C00;padding: 0.3em 1.5em;color: #c00;}

/*
CSS 背景画面いっぱいに動画を表示する
https://www.nowte.net/ui/ui-css-fullscreen-movie/#:~:text=%E7%94%BB%E9%9D%A2%E3%81%84%E3%81%A3%E3%81%B1%E3%81%84%E3%81%AB%E5%8B%95%E7%94%BB%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF%20%3Cvideo,%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E5%AE%9F%E7%8F%BE%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82
*/
.hero																	{position: relative;}
.video-box																{position: relative;overflow: hidden;width: 100%;height: calc( 100vh - 120px );max-height: 800px;}
.video																	{position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.overlay::after															{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;content: "";background: rgba(0, 0, 0, 0);}
@media screen and (max-width:768px) {
	.video-box															{height: calc( 100vh - 240px );}
}


.guidance 															{margin: 0;position:absolute;background: #FFF;width: 90%;max-width: 600px;text-align: left;}
.guidance a 														{display: block;padding: 2em 1em;}
.guidance .image 													{position: relative;width: 100%;padding: 1em;color: #FFF;}
.guidance .image.pending											{background: #666;}
.guidance .image.cancelled											{background: #F00;}
.guidance .image.postpone											{background: #fcb900;color: #333;}
.guidance .image.carryout											{background: #090;}
.guidance .image p													{margin: 0;line-height: 1.5;}
.guidance .image p.guidanceTitle									{font-size: 1.6em;}
.guidance .image p.guidanceJudgment									{font-size: 4.0em;}
.guidance .image p.guidanceComment									{}
.guidance .image img 												{width: 100%;height: auto;aspect-ratio: 1.75;object-fit: cover;}
.guidance .image .date												{position: absolute;top: 0;left: 0;width: 6em;background: #FFF;font-weight: bold;text-align: center;}
.guidance .image .date .month										{margin: 0;padding: 8px 0;background: #FF2E00;color: #fff;font-size: 20px;line-height: 1}
.guidance .image .date .day											{margin: 0;padding: 10px 0;background: #FFD3CA;color: #333;font-size: 40px;line-height: 1;}
.guidance .image .date .day span									{display: block;padding: 3px 0;font-size: 16px;font-weight: bold;line-height: 1;}
.guidance .Jan .image .date .month,
.guidance .Apr .image .date .month,
.guidance .Jul .image .date .month,
.guidance .Oct .image .date .month									{background: rgba(230, 0, 18, 1);}
.guidance .Jan .image .date .day,
.guidance .Apr .image .date .day,
.guidance .Jul .image .date .day,
.guidance .Oct .image .date .day									{background: rgba(230, 0, 18, 0.1);}
.guidance .Feb .image .date .month,
.guidance .May .image .date .month,
.guidance .Aug .image .date .month,
.guidance .Nov .image .date .month									{background: rgba(0, 153, 68, 1);}
.guidance .Feb .image .date .day,
.guidance .May .image .date .day,
.guidance .Aug .image .date .day,
.guidance .Nov .image .date .day									{background: rgba(0, 153, 68, 0.1);}
.guidance .Mar .image .date .month,
.guidance .Jun .image .date .month,
.guidance .Sep .image .date .month,
.guidance .Dec .image .date .month									{background: rgba(0, 104, 183, 1);}
.guidance .Mar .image .date .day,
.guidance .Jun .image .date .day,
.guidance .Sep .image .date .day,
.guidance .Dec .image .date .day									{background: rgba(0, 104, 183, 0.1);}
.guidance .text 													{padding: 0.5em 0 0 0;line-height: 1.5;}
.guidance .text p.eventName											{margin: 0;font-size: 1.2em;font-weight: bold;line-height: 1.5;}
.guidance .text p.eventDate,
.guidance .text p.eventMeeting										{margin: 0.2em 0;font-size: 0.9em;line-height: 1.5;}
.guidance .Jan .fa,
.guidance .Apr .fa,
.guidance .Jul .fa,
.guidance .Oct .fa													{color: rgba(230, 0, 18, 1);}
.guidance .Feb .fa,
.guidance .May .fa,
.guidance .Aug .fa,
.guidance .Nov .fa													{color: rgba(0, 153, 68, 1);}
.guidance .Mar .fa,
.guidance .Jun .fa,
.guidance .Sep .fa,
.guidance .Dec .fa													{color: rgba(0, 104, 183, 1);}

.guidance_single													{margin: 1em 0;padding: 1em;color: #FFF;text-align: center;}
.guidance_single.pending											{background: #666;}
.guidance_single.cancelled											{background: #F00;}
.guidance_single.postpone											{background: #fcb900;color: #333;}
.guidance_single.carryout											{background: #090;}
.guidance_single p													{margin: 0;line-height: 1.5;}
.guidance_single p.guidanceTitle									{font-size: 1.6em;}
.guidance_single p.guidanceJudgment									{font-size: 4.0em;}
.guidance_single p.guidanceComment									{}



@media screen and (max-width:768px) {
	.guidance a 														{padding: 1em;}
	.guidance .image p.guidanceTitle									{font-size: 1.1em;}
	.guidance .image p.guidanceJudgment									{font-size: 3.0em;}
	.guidance .image p.guidanceComment									{font-size: 0.9em;}
	.guidance .text p.eventName											{font-size: 1.1em;}
}

.archiveItems 															{margin: 0;}
.archiveItems a 														{display: block;}
.archiveItems .image 													{position: relative;width: 100%;background: #F6F6F6;}
.archiveItems .image img 												{width: 100%;height: auto;aspect-ratio: 1.75;object-fit: cover;}
.archiveItems .image .date												{position: absolute;top: 0;left: 0;width: 6em;background: #FFF;font-weight: bold;text-align: center;}
.archiveItems .image .date .month										{margin: 0;padding: 8px 0;background: #FF2E00;color: #fff;font-size: 20px;line-height: 1}
.archiveItems .image .date .day											{margin: 0;padding: 10px 0;background: #FFD3CA;color: #333;font-size: 40px;line-height: 1;}
.archiveItems .image .date .day span									{display: block;padding: 3px 0;font-size: 16px;font-weight: bold;line-height: 1;}
.archiveItems .Jan .image .date .month,
.archiveItems .Apr .image .date .month,
.archiveItems .Jul .image .date .month,
.archiveItems .Oct .image .date .month									{background: rgba(230, 0, 18, 1);}
.archiveItems .Jan .image .date .day,
.archiveItems .Apr .image .date .day,
.archiveItems .Jul .image .date .day,
.archiveItems .Oct .image .date .day									{background: rgba(230, 0, 18, 0.1);}
.archiveItems .Feb .image .date .month,
.archiveItems .May .image .date .month,
.archiveItems .Aug .image .date .month,
.archiveItems .Nov .image .date .month									{background: rgba(0, 153, 68, 1);}
.archiveItems .Feb .image .date .day,
.archiveItems .May .image .date .day,
.archiveItems .Aug .image .date .day,
.archiveItems .Nov .image .date .day									{background: rgba(0, 153, 68, 0.1);}
.archiveItems .Mar .image .date .month,
.archiveItems .Jun .image .date .month,
.archiveItems .Sep .image .date .month,
.archiveItems .Dec .image .date .month									{background: rgba(0, 104, 183, 1);}
.archiveItems .Mar .image .date .day,
.archiveItems .Jun .image .date .day,
.archiveItems .Sep .image .date .day,
.archiveItems .Dec .image .date .day									{background: rgba(0, 104, 183, 0.1);}
.archiveItems .text 													{padding: 0.5em 0 0 0;line-height: 1.5;}
.archiveItems .text span 												{display: block;font-size: 0.9em;font-weight: normal;line-height: 2.4;}
.archiveItems .text p.eventName											{margin: 0;font-size: 1.2em;line-height: 1.5;}
.archiveItems .text p.eventDate,
.archiveItems .text p.eventMeeting										{margin: 0.2em 0;font-size: 0.9em;line-height: 1.5;}
.archiveItems .Jan .fa,
.archiveItems .Apr .fa,
.archiveItems .Jul .fa,
.archiveItems .Oct .fa													{color: rgba(230, 0, 18, 1);}
.archiveItems .Feb .fa,
.archiveItems .May .fa,
.archiveItems .Aug .fa,
.archiveItems .Nov .fa													{color: rgba(0, 153, 68, 1);}
.archiveItems .Mar .fa,
.archiveItems .Jun .fa,
.archiveItems .Sep .fa,
.archiveItems .Dec .fa													{color: rgba(0, 104, 183, 1);}

@media screen and (max-width:768px) {
	.archiveItems .b2-sp .image .date										{width: 4em;}
	.archiveItems .b2-sp .image .date .month								{padding: 5px 0;font-size: 16px;}
	.archiveItems .b2-sp .image .date .day									{padding: 8px 0;font-size: 26px;}
	.archiveItems .b2-sp .image .date .day span								{padding: 2px 0;font-size: 12px;}
	.archiveItems .b2-sp .text												{font-size: 0.9em;}
	.archiveItems .b2-sp .text p.eventName									{font-size: 1.0em;}
}

.recentItems 															{margin: 0;letter-spacing: 0;border-top: 1px solid #ddd;}
.recentItems > *														{margin: 0;padding: 1em 0;border-bottom: 1px solid #ddd;}
.recentItems a															{display: block;width: 100%;}
.recentItems .image														{}
.recentItems .date														{width: 4em;font-weight: bold;text-align: center;}
.recentItems .date .month												{margin: 0;padding: 5px 0;color: #fff;font-size: 1.1em;line-height: 1}
.recentItems .date .day													{margin: 0;padding: 7px 0;background: rgba(255, 255, 255, 0.9);color: #333;font-size: 1.8em;line-height: 1;}
.recentItems .date .day span											{display: block;padding: 3px 0;font-size: 0.5em;font-weight: bold;line-height: 1;}
.recentItems .Jan .date,
.recentItems .Apr .date,
.recentItems .Jul .date,
.recentItems .Oct .date													{background: rgba(230, 0, 18, 1);}
.recentItems .Feb .date,
.recentItems .May .date,
.recentItems .Aug .date,
.recentItems .Nov .date													{background: rgba(0, 153, 68, 1);}
.recentItems .Mar .date,
.recentItems .Jun .date,
.recentItems .Sep .date,
.recentItems .Dec .date													{background: rgba(0, 104, 183, 1);}
.recentItems .text 														{width: calc( 100% - 4em );padding: 0 0 0 0.75em;line-height: 1.3;}
.recentItems .text p													{margin: 0.4em 0;line-height: 1.3;}
.recentItems .text p.eventName											{font-size: 1.1em;}
.recentItems .text p.eventDate,
.recentItems .text p.eventMeeting										{}
.recentItems .fa														{color: #0099CC;}
.recentItems .Jan .fa,
.recentItems .Apr .fa,
.recentItems .Jul .fa,
.recentItems .Oct .fa													{color: rgba(230, 0, 18, 1);}
.recentItems .Feb .fa,
.recentItems .May .fa,
.recentItems .Aug .fa,
.recentItems .Nov .fa													{color: rgba(0, 153, 68, 1);}
.recentItems .Mar .fa,
.recentItems .Jun .fa,
.recentItems .Sep .fa,
.recentItems .Dec .fa													{color: rgba(0, 104, 183, 1);}


.archive-dropdown-wrap													{position: relative;}
.archive-dropdown-wrap .archive-dropdown								{display: block;-webkit-appearance: none;-moz-appearance: none;white-space: nowrap;width: 100%;height: 48px;max-width: 100%;line-height: 26px;padding: 0 16px;padding-right: 48px;box-shadow: none;background-color: #f8f9fb;color: #333;letter-spacing: normal;vertical-align: middle;cursor: pointer;}
.archive-dropdown-wrap .archive-dropdown option							{font-weight: normal;display: block;white-space: nowrap;min-height: 1.2em;padding: 0px 2px 1px;}
.archive-dropdown-wrap .fa												{position: absolute;top: 50%;right: 16px;z-index: 999;display: block;margin-top: -6px;width: 16px;height: 16px;line-height: 1;}
.pagenation																{margin: 1em 0;}
.pagenation ul															{display: flex;flex-wrap: nowrap;justify-content: center;list-style-type: none;padding: 0;}
.pagenation li															{float: left;list-style: none outside none;margin-left: 10px;}
.pagenation li:first-child												{margin-left: 0;}
.pagenation li.active													{display: block;padding: 0 1em;background: #FFF;border: 1px solid #0099CC;border-radius: 0.2em;color: #0099CC;font-weight: bold;line-height: 40px;}
.pagenation li a														{display: block;padding: 0 1em;background: #0099CC;border: 1px solid #0099CC;border-radius: 0.2em;color: #FFF;font-weight: bold;line-height: 40px;transition: background-color 0.5s;}
.pagenation li a:hover													{background: #FFF;color: #0099CC;}

.sidebar h2																{font-size: 1.6em;line-height: 1.5;}

.instagram div {overflow: hidden;}
.instagram div img {width: 100%;}

@media screen and (min-width:769px) {
	body 																	{font-size: 16px;letter-spacing: 0.1em;line-height: 2;}
	body.customize-support													{padding-top: 32px;}
	.inner																	{position: relative;max-width: 1100px;margin-left: auto;margin-right: auto;padding-right: 20px;padding-left: 20px;}

	.xxxsmall-pc															{font-size: 0.5em;}
	.xxsmall-pc																{font-size: 0.6em;}
	.xsmall-pc																{font-size: 0.7em;}
	.small-pc																{font-size: 0.85em;}
	.medium-pc																{font-size: 1.0em !important;}
	.large-pc																{font-size: 1.5em;}
	.xlarge-pc																{font-size: 2.0em;}
	.xxlarge-pc																{font-size: 2.5em;}
	.xxxlarge-pc															{font-size: 3.0em;}

	nav.mobilenav 															{display: none;}

	.wrapper > header 														{/*position: fixed;z-index: 9999;*/width: 100%;height: 160px;padding: 0;background-color: #FFF;background: rgba(255, 255, 255, 1);text-align: center;}
	.wrapper > header > div													{display: flex;justify-content: center;}
	.wrapper > header h1 													{position: absolute;top: 10px;}
	.wrapper > header h1 a 													{display: block;}
	.wrapper > header h1 a img 												{height: 90px;}
	.wrapper > header nav 													{position: absolute; top: 110px;width: 100%;}
	.wrapper > header nav ul 												{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;}
	.wrapper > header nav ul li 											{margin: 0 2.0em 0 0;font-size: 1.0em;}
	.wrapper > header nav ul li:last-child 									{margin-right: 0;}
	.wrapper > header nav ul li a 											{display: block;line-height: 40px;}
	.wrapper > header ul.topLinks											{position: absolute;right: 20px;top: 20px;font-size: 0.9em;}
	.wrapper > header ul.topLinks li										{display: inline-block;margin-right:0.5em;}
	.wrapper > header ul.topLinks li:last-child								{margin-right: 0;}
	.wrapper > header ul.topLinks li a										{display: block;padding: 0 1em;background: #0099CC;border: 1px solid #0099CC;border-radius: 0.2em;color: #FFF;font-weight: bold;line-height: 40px;transition: background-color 0.5s;}
	.wrapper > header ul.topLinks li a:hover								{/*background: #FFF;color: #0099CC;*/}

	.body																	{/*padding-top: 160px;*/}

	main 																	{}
	main header 															{/*position: absolute;width: 100%;*/}
	main article 															{padding-top: 61px;}
	main section 															{overflow: hidden;padding: 5em 0;}
	main section:first-child 												{border: none;}
	.mce section.bgWhite,
	.mce section.bgWhite .h2 span 											{background-color: #FFF;}
	.mce section.bgGray,
	.mce section.bgGray .h2 span 											{background-color: #F8F8F8;}

	.index .hero 															{position: relative;background-color: #E5F3F9;text-align: center;}
	.index main section														{/*border-top: 1px solid #DFDFDF;*/}
	.index main .about 														{}
	.index main .about .about_txts 											{padding: 5%;}
	.index main .about .about_txts h2 										{font-size: 1.5em;}
	.index main .news 														{padding: 4.0em 0;background-color: #0099CC;color: #FFF;}
	.index main .news .h2 span 												{background-color: #0099CC;}
	.index main .news a 													{background: #0099CC;color: #FFF;}
	.index main .news dl 													{line-height: 1.5;}
	.index main .news dl dt 												{float: left;width: 9.0em;padding: 0.5em 0;}
	.index main .news dl dd 												{margin-bottom: 0.5em;padding: 0.5em 0;padding-left: 9.0em;}
	.index main .news .more 												{padding: 0.5em 1.0em;color: #FFF;border-color: #FFF;}

	.lower main .about 														{}
	.lower main .about .about_txts 											{padding: 5%;}
	.lower main .about .about_txts h3 										{font-size: 1.5em;}
	.lower main .lineup .about_txts 										{padding: 0 5%;}
	.lower main .lineup .about_txts h3 										{font-size: 2.0em;}

	.mce section															{padding: 5em 0;}
	.mce h1,
	.mce h2,
	.mce h3,
	.mce h4,
	.mce h5,
	.mce h6,
	.wrapper .h1,
	.wrapper .h2,
	.wrapper .h3,
	.wrapper .h4,
	.wrapper .h5,
	.wrapper .h6 															{margin: 2.0em 0 1.0em;line-height: 1.5;}
	.mce h1,
	.wrapper .h1 															{font-size: 2.2em;}
	.mce h2																	{font-size: 1.8em}
	.wrapper .h2 															{position: relative;margin: 3.0em auto 1.5em;font-size: 2.0em;line-height: 1.2;text-align: center;}
	.wrapper .h2:before 													{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;z-index: 1;width: 100%;height: 1px;background-color: #D7D7D7;content: "";}
	.wrapper .h2 span 														{display: inline-block;position: relative;z-index: 9;padding: 0 0.5em;background-color: #FFF;}
	.mce h3,
	.wrapper .h3 															{font-size: 1.6em;}
	.mce h4,
	.wrapper .h4 															{font-size: 1.4em;}
	.mce h5,
	.wrapper .h5 															{font-size: 1.2em;}
	.mce h6,
	.wrapper .h6 															{font-size: 1.1em;}
	.mce p 																	{line-height: 1.5;}
	.mce ul																	{padding-left: 0.5em;list-style: none;}
	.mce ul li																{position: relative;padding: 0.25em 0 0.25em 1em;}
	.mce ul li:before														{display: block;position: absolute;top: 1em;left: 0;width: 0.5em;height: 0.5em;margin-right: 5px;background: #666;border-radius: 50%;content: "";}
	.mce ol 																{}
	.mce ol li 																{}
	.mce a 																	{color: #0099CC;}

	aside section 															{padding: 5em 0;background: #FFF;}

	footer 																	{background-color: #0099CC;color: #FFF;}
	footer a 																{color: #FFF;}
	footer ul.arrows li a 													{position: relative;display: inline-block;padding: 0.2em 0 0.2em 1.0em;}
	footer ul.arrows li a:before 											{position: absolute;left: 0;content: "\f105";font-family: FontAwesome;}
	footer ul.arrows li.none a 												{position: relative;padding-left: 0;}
	footer ul.arrows li.none a:before 										{display: none;}

	footer section 															{padding: 5.0em 0;}
	footer nav 																{}
	footer .ttl 															{font-size: 1.1em;}
	footer .copyright 														{padding: 5em 0;background-color: #FFF;color: #333;text-align: center;}

	/* addition */

	.sceneSlider 															{overflow: hidden;padding: 0 !important;}
	.sceneSlider .slick-slide 												{height: 50vw;}
	.page .sceneSlider .slick-slide 										{height: 40vw;}
	.sceneSlider .slider01 													{display: none;}
	.sceneSlider .slider01.slick-initialized 								{display: block;}
	.sceneSlider .slick-slide 												{display: flex !important;justify-content: center;align-items: center;width: 100%;overflow: hidden;}
	.sceneSlider .slick-slide img 											{width: 100%;height: auto;}
	.sceneSlider .slick-prev,
	.sceneSlider .slick-next 												{width: 30px;height: 80px;z-index: 1;}
	.sceneSlider .slick-next 												{right: 20px;}
	.sceneSlider .slick-prev 												{left: 20px;}
	.sceneSlider .slick-prev:before,
	.sceneSlider .slick-next:before 										{font: normal normal normal 80px/1 FontAwesome;}
	.sceneSlider .slick-prev:before 										{content: "\f104";}
	.sceneSlider .slick-next:before 										{content: "\f105";}
	.sceneSlider .slick-dots 												{bottom: 20px;}
	.sceneSlider .slick-dots li.slick-active button:before,
	.sceneSlider .slick-dots li button:before 								{color: #555;}

	.page 																	{/*padding-top: 160px;*/}
	.page header 															{padding: 1.0em 0;background-color: rgba(255,255,255,0.9);border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;}
	.page header h1 														{font-size: 1.6em;font-weight: bold;line-height: 40px;}
	.page header h1 a  														{font-weight: bold;}
	.page header nav 														{margin-left: 2.0em;}
	.page header nav ul 													{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}
	.page header nav ul li 													{flex-direction: row;}
	.page header nav ul li.purchase 										{margin-left: 0.5em}
	.page header nav ul li a 												{display: block;padding: 0 0.75em;line-height: 40px;}
	.page header nav ul li.purchase a 										{display: block;margin: 10px 0;background-color: #0099CC;color: #FFF;line-height: 40px;text-align: center;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;}

	main .about .height.top  												{background-position-y: top !important;}
	main .about .height.right  												{background-position-x: right !important;}
	main .about .height.bottom 												{background-position-y: bottom !important;}
	main .about .height.left  												{background-position-x: left !important;}

	div.slick-slide.top img 												{margin-top: 16.5vw !important;}
	div.slick-slide.bottom img 												{margin-bottom: 16.5vw !important;}
	.slider02-thumb .slick-slide.slick-current.slick-active > div 			{border-bottom: 2px solid #CCC;}

	.works 																	{margin: 0;}
	.works a 																{display: block;}
	.works .image 															{overflow: hidden;width: 100%;background: #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.works .image img 														{}
	.works .text 															{padding: 0.5em 0 0 0;font-weight: bold;line-height: 1.5;}
	.works .text span 														{display: block;font-size: 0.9em;font-weight: normal;line-height: 2.4;}

	.page .news 															{margin: 0;}
	.page .news a 															{display: block;}
	.page .news .image 														{overflow: hidden;width: 100%;background: #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.page .news .image img 													{}
	.page .news .text 														{padding: 0.5em 0 0 0;font-weight: bold;}
	.page .news .text span 													{display: block;font-size: 0.9em;font-weight: normal;line-height: 2.4;}
	.page sub 																{display: block;padding: 1.0em 0;font-size: 0.4em;font-style: normal;font-weight: normal;}
	.single_nav 															{}
	.single_nav a 															{color: #333;}
	.headline 																{background: #E39625;}
	.headline a 															{display: block;padding: 0.5em 0;color: #FFF;line-height: 1.5;}

	.instafeed																{position: absolute;right: 20px;bottom: 20px;width: 300px;padding: 10px;background: rgba(255,255,255,0.8);box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
	.instafeed_title														{line-height: 1;margin: 0.75em 0;}
	.instafeed a															{display: block;}
	.instafeed_image														{float: left;width: 30%;}
	.instafeed_text															{float: right;width: 70%;padding: 0 0.5em;}
	.instafeed_text p														{line-height: 1.3;}
	.instafeed_desc															{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
	.instafeed_more															{text-decoration: underline;}
	.instafeed a:hover .instafeed_more 										{text-decoration: none;}

	.page article 															{padding-top: 54px;}

	footer #footerPDF														{position: fixed;bottom: 180px;right: 50px;z-index: 9999;}
	footer #footerPDF a														{display: block;width: 100px;height: 100px;}
	footer #footerNav														{position: fixed;bottom: 50px;right: 50px;z-index: 9999;}
	footer #footerNav a														{display: block;width: 100px;height: 100px;}

	table.tableWide															{width: 100%;margin: 2.0em 0;border-top: 1px solid #DFDFDF;font-size: 1.0em;}
	table.tableWide th,
	table.tableWide td														{padding: 2%;}
	table.tableWide th														{background: #f3f3f3;border-bottom: 1px solid #DFDFDF;color: #333;text-align: center;vertical-align: middle;}
	table.tableWide td														{border-bottom: 1px solid #DFDFDF;vertical-align: middle;}

	#recruit {position: relative;margin: 0 0 50px 0;padding: 15px 0;background: #0099CC;color: #FFF;font-size: 2em;text-align: center;}
	#recruit::before {content: '';position: absolute;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 30px;border-color: #0099CC transparent transparent transparent;left: 50%;transform: translateX(-50%) translateY(100%);}

	.page main section														{padding: 5.0em 0;}

	.index .class															{}
	.index .class a.class_box												{display: block;margin: 0;padding: 10px;border: 3px solid #0099CC;}
	.index .class a.class_box h2											{margin: 0.5em 0 0;font-size: 1.3em;font-weight: bold;line-height: 1.5em;}
	.index .class a.class_box p												{margin: 0.5em 0;color: #0099CC;font-size: 1em;line-height: 1.5em;}
	.index .class a.class_box .class_more									{margin: 0.75em 0;padding: 0.5em 0;background: #0099CC;color: #FFF;text-align: center;}

}




@media screen and (max-width:1000px) {
	.wrapper > header nav ul li 											{margin: 0 1.0em 0 0;font-size: 1.0em;}
	.wrapper > header nav ul li a 											{letter-spacing: 0;}
}
@media screen and (max-width:900px) {
	.wrapper > header nav ul li 											{margin: 0 1.0em 0 0;font-size: 0.9em;}
	.wrapper > header nav ul li a 											{letter-spacing: 0;}
}




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

	body 																	{font-size: 15px;letter-spacing: 0.1em;line-height: 2;}

	.xxxsmall-sp															{font-size: 0.5em;}
	.xxsmall-sp																{font-size: 0.6em;}
	.xsmall-sp																{font-size: 0.7em;}
	.small-sp																{font-size: 0.85em;}
	.medium-sp																{font-size: 1.0em !important;}
	.large-sp																{font-size: 1.5em;}
	.xlarge-sp																{font-size: 2.0em;}
	.xxlarge-sp																{font-size: 2.5em;}
	.xxxlarge-sp															{font-size: 3.0em;}

	.bg,
	.bdr																	{padding: 1.5em;}
	table																	{width: 100%;margin: 1em 0;background-color: #FFF;border: 1px solid #DFDFDF;font-size: 100%;}
	table th,
	table td																{display: block;border-bottom: none;}
	table th																{width: 100% !important;padding: 0.5em 0.75em;background-color: #f0f0f0;vertical-align: middle;}
	table td																{padding: 0.75em;font-size: 0.9em;vertical-align: middle;}
	.inner-sp 																{width: 100%;margin-right: auto;margin-left: auto;padding-right: 5%;padding-left: 5%;}

	nav.mobilenav 															{padding: 50px 1.0em;z-index: 10000;background-color: #0099CC;overflow: auto;}
	nav.mobilenav ul 														{}
	nav.mobilenav ul li 													{padding: 0.5em 0 !important;}
	nav.mobilenav ul li a 													{font-size: 1.0em !important;}
	nav.mobilenav ul li a.action											{display: block;width: auto;padding: 0.5em 1em;background: #FFF;border: 1px solid #FFF;border-radius: 0.2em;color: #0099CC;line-height: 1.5em;}

	.wrapper > header 														{z-index: 1000;width: 100%;background: #FFF;border-bottom: 1px solid #DFDFDF;text-align: left;}
	.wrapper > header > div 												{position: relative;}
	.wrapper > header h1 													{height: 70px;padding: 5px 0;text-align: center;}
	.wrapper > header h1 a 													{display: inline-block;height: 100%;}
	.wrapper > header h1 a img 												{height: 100%;vertical-align: baseline;}
	.wrapper > header nav 													{display: none;}
	.wrapper > header a.icon 												{/*position: fixed;*/position: absolute;top: 0;left: auto !important;right: 0 !important;z-index: 10001;display: block;width: 70px;height: 70px;margin: 0px;padding: 21px;background: none;/*background-color: rgba(255, 255, 255, 0.5);border-radius: 50%;*/}
	.wrapper > header a.icon.x 												{position: fixed;background: none;}
	.wrapper > header a.icon .hamburger 									{position: relative;}
	.wrapper > header a.icon .hamburger .menui 								{position: absolute;margin-top: 0px;background: #333;}
	.wrapper > header a.icon .hamburger .menui.top-menu 					{top: 5px;width: 100%;}
	.wrapper > header a.icon .hamburger .menui.mid-menu 					{top: 13px;width: 100%;}
	.wrapper > header a.icon .hamburger .menui.bottom-menu 					{top: 21px;width: 100%;}
	.wrapper > header a.icon .hamburger .menui.top-menu.top-animate,
	.wrapper > header a.icon .hamburger .menui.bottom-menu.bottom-animate 	{top: 14px !important;}
	.wrapper > header a.cart 												{/*position: fixed;*/position: absolute;top: 0;left: 0;z-index: 9999;display: block;height: 60px;width: 60px;padding: 18px;/*background-color: rgba(255, 255, 255, 0.5);border-radius: 50%;*/}
	.wrapper > header a.cart img 											{width: 24px;height: 24px;vertical-align: baseline;}
	.wrapper > header a.cart i.fa 											{}

	main 																	{}
	main header 															{position: relative;width: 100%;}
	main article 															{padding-top: 61px;}
	main section 															{overflow: hidden;padding: 2.0em 0;}
	main section:first-child 												{border: none;}
	.mce section.bgWhite,
	.mce section.bgWhite .h2 span 											{background-color: #FFF;}
	.mce section.bgGray,
	.mce section.bgGray .h2 span 											{background-color: #F8F8F8;}

	.index .hero 															{position: relative;}
	.index main 															{}
	.index main section														{padding: 3.0em 0;/*border-top: 1px solid #DFDFDF;*/}
	.index main .about 														{}
	.index main .about .about_image 										{height: calc( 100vw * 0.5625 );}
	.index main .about .about_txts 											{padding: 5%;}
	.index main .about .about_txts h2 										{font-size: 1.5em;}
	.index main .news 														{padding: 3.0em 0;background-color: #0099CC;color: #FFF;}
	.index main .news .h2 span 												{background-color: #333;}
	.index main .news a 													{background: #0099CC;color: #FFF;}
	.index main .news dl 													{}
	.index main .news dl dt 												{/*float: left;*/width: 100%;margin-top: 1.5em;opacity: 0.8;}
	.index main .news dl dd 												{margin-bottom: 1.5em;line-height: 1.5;}
	.index main .news .more 												{padding: 0.5em 1.0em;border-color: #FFF;color: #FFF;}

	.works 																	{margin: 0;}
	.works a 																{display: block;}
	.works .image 															{overflow: hidden;width: 100%;background: #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.works .image img 														{}
	.works .text 															{padding: 0.5em 0 0 0;font-weight: bold;line-height: 1.5;}
	.works .text span 														{display: block;font-size: 0.9em;font-weight: normal;line-height: 2.4;}



	.lower main .about 														{}
	.lower main .about .about_img,
	.lower main .lineup .about_img 											{height: calc( 100vw * 0.5625 );}
	.lower main .about .about_txts 											{padding: 5% 0;}
	.lower main .about .about_txts h3 										{font-size: 1.5em;}
	.lower main .lineup .about_txts 										{padding: 0;}
	.lower main .lineup .about_txts h3 										{font-size: 1.5em;}

	.mce																	{}
	.mce section															{/*padding: 3.0em 0;*/}
	.mce h1,
	.mce h2,
	.mce h3,
	.mce h4,
	.mce h5,
	.mce h6,
	.wrapper .h1,
	.wrapper .h2,
	.wrapper .h3,
	.wrapper .h4,
	.wrapper .h5,
	.wrapper .h6 															{margin: 1.5em 0 1.0em;line-height: 1.5;}
	.mce h1,
	.wrapper .h1 															{font-size: 2.2em;}
	.mce h2																	{font-size: 1.6em;}
	.wrapper .h2 															{position: relative;margin: 3.0em auto 1.5em;font-size: 1.6em;line-height: 1.2;text-align: center;}
	.wrapper .h2:before 													{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;z-index: 1;width: 100%;height: 1px;background-color: #D7D7D7;content: "";}
	.wrapper .h2 span 														{display: inline-block;position: relative;z-index: 9;padding: 0 0.5em;background-color: #FFF;}
	.mce h3,
	.wrapper .h3 															{font-size: 1.4em;}
	.mce h4,
	.wrapper .h4 															{font-size: 1.3em;}
	.mce h5,
	.wrapper .h5 															{font-size: 1.2em;}
	.mce h6,
	.wrapper .h6 															{font-size: 1.1em;}
	.mce p 																	{line-height: 1.5;}
	.mce ul																	{padding-left: 0.5em;list-style: none;}
	.mce ul li																{position: relative;padding: 0.25em 0 0.25em 1em;}
	.mce ul li:before														{display: block;position: absolute;top: 1em;left: 0;width: 0.5em;height: 0.5em;margin-right: 5px;background: #333;border-radius: 50%;content: "";}
	.mce ol 																{}
	.mce ol li 																{}
	.mce a 																	{color: #0099CC;}

	aside section 															{padding: 5em 0;background: #FFF;}

	footer 																	{background-color: #0099CC;color: #FFF;}
	footer a 																{color: #FFF;}
	footer ul.arrows li a 													{position: relative;display: block;padding: 0.2em 0 0.2em 1.0em;}
	footer ul.arrows li a:before 											{position: absolute;left: 0;content: "\f105";font-family: FontAwesome;}
	footer ul.arrows li.none a 												{position: relative;padding-left: 0;}
	footer ul.arrows li.none a:before 										{display: none;}

	footer section 															{padding: 2.0em 0;}
	footer nav 																{}
	footer .ttl 															{font-size: 1.1em;}
	footer .copyright 														{padding: 5em 0;background-color: #FFF;color: #333;font-size: 0.9em;text-align: center;}

	/* addition */

	.sceneSlider 															{overflow: hidden;padding: 0 !important;}
	.sceneSlider .slick-slide 												{height: 60vw;}
	.bike .sceneSlider .slick-slide 										{height: 60vw;}
	.page .sceneSlider .slick-slide 										{height: 40vw;}
	.sceneSlider .slider01 													{display: none;}
	.sceneSlider .slider01.slick-initialized 								{display: block;}
	.sceneSlider .slick-slide 												{display: flex !important;justify-content: center;align-items: center;width: 100%;overflow: hidden;}
	.sceneSlider .slick-slide img 											{width: 100%;height: auto;}
	.sceneSlider .slick-prev,
	.sceneSlider .slick-next 												{width: 30px;height: 80px;z-index: 1;}
	.sceneSlider .slick-next 												{right: 20px;}
	.sceneSlider .slick-prev 												{left: 20px;}
	.sceneSlider .slick-prev:before,
	.sceneSlider .slick-next:before 										{font: normal normal normal 80px/1 FontAwesome;}
	.sceneSlider .slick-prev:before 										{content: "\f104";}
	.sceneSlider .slick-next:before 										{content: "\f105";}
	.sceneSlider .slick-dots 												{bottom: 20px;}
	.sceneSlider .slick-dots li.slick-active button:before,
	.sceneSlider .slick-dots li button:before 								{color: #555;}

	.page 																	{}
	.page header 															{border-bottom: 1px solid #DFDFDF;}
	.page header h1 														{padding-top: 10px;padding-bottom: 10px;font-size: 1.6em;font-weight: bold;line-height: 1.5em;}
	.page header h1 a  														{font-weight: bold;}
	.page header nav 														{display: block;padding: 0.5em;overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
	.page header nav ul 													{white-space: nowrap;}
	.page header nav ul li 													{display: inline-block;}
	.page header nav ul li:last-child										{margin-right: 1.0em;}
	.page header nav ul li.purchase 										{margin-left: 0.5em}
	.page header nav ul li a 												{display: block;padding: 0 0.75em;line-height: 40px;}
	.page header nav ul li.purchase a 										{display: block;margin: 0;padding: 0.2em 0;background-color: #0099CC;color: #FFF;line-height: 40px;text-align: center;-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;}
	.sticky-sp 																{background-color: rgba(255,255,255,0.9);border-bottom: 1px solid #DFDFDF;}

	main .about .height.top  												{background-position-y: top !important;}
	main .about .height.right  												{background-position-x: right !important;}
	main .about .height.bottom 												{background-position-y: bottom !important;}
	main .about .height.left  												{background-position-x: left !important;}

	.bt-sp 																	{background-position: top !important;}
	.br-sp 																	{background-position: right !important;}
	.bb-sp 																	{background-position: bottom !important;}
	.bl-sp 																	{background-position: left !important;}

	.slider02-thumb .slick-slide.slick-current.slick-active > div 			{border-bottom: 2px solid #CCC;}

	.page .news 															{margin: 0;}
	.page .news a 															{display: block;}
	.page .news .image 														{overflow: hidden;width: 100%;background: #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.page .news .image img 													{}
	.page .news .text 														{padding: 0.5em 0 0 0;font-weight: bold;line-height: 1.5;}
	.page .news .text span 													{display: block;font-size: 0.9em;font-weight: normal;line-height: 2.4;}
	.page sub 																{display: block;padding: 1.0em 0;font-size: 0.4em;font-style: normal;font-weight: normal;}
	.single_nav 															{}
	.single_nav a 															{color: #333;}
	.headline 																{background: #E39625;}
	.headline a 															{display: block;padding: 0.5em 0;color: #FFF;line-height: 1.5;}

	.instafeed																{position: absolute;right: 10px;bottom: 10px;width: 250px;padding: 10px;background: rgba(255,255,255,0.8);box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
	.instafeed_title														{line-height: 1;margin: 0.5em 0;}
	.instafeed a															{display: block;}
	.instafeed_image														{float: left;width: 25%;}
	.instafeed_text															{float: right;width: 75%;padding: 0 0.5em;}
	.instafeed_text p														{margin: 0.5em 0;font-size: 0.8em;line-height: 1.2;}
	.instafeed_desc															{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
	.instafeed_more															{text-decoration: underline;}
	.instafeed a:hover .instafeed_more 										{text-decoration: none;}

	.page article 															{padding-top: 0px;}

	footer #footerPDF														{position: fixed;bottom: 110px;right: 20px;z-index: 9999;}
	footer #footerPDF a														{display: block;width: 70px;height: 70px;}
	footer #footerNav														{position: fixed;bottom: 20px;right: 20px;z-index: 9999;}
	footer #footerNav a														{display: block;width: 70px;height: 70px;}

	table.tableWide															{width: 100%;margin: 2.0em 0;border: none;border-top: 1px solid #DFDFDF;font-size: 0.8em;letter-spacing: 0;line-height:1.5em;}
	table.tableWide th,
	table.tableWide td														{display: table-cell;padding: 1.5% 1.0%;border-bottom: 1px solid #DFDFDF;}
	table.tableWide th														{background: #f3f3f3;border-bottom: 1px solid #DFDFDF;color: #333;font-size: 1.0em;font-weight: normal;text-align: center;vertical-align: middle;}
	table.tableWide td														{border-bottom: 1px solid #DFDFDF;vertical-align: middle;}

	.sidebar																{margin-top: 5em;}

	#recruit																{visibility: hidden;}

	.page main section														{padding: 3.0em 0;}

	.index .class															{}
	.index .class a.class_box												{display: block;margin: 0;padding: 10px;border: 3px solid #0099CC;}
	.index .class a.class_box h2											{margin: 0.5em 0 0;font-size: 1.3em;font-weight: bold;line-height: 1.05em;}
	.index .class a.class_box p												{margin: 0.5em 0;color: #0099CC;font-size: 1em;line-height: 1.2em;}
	.index .class a.class_box .class_more									{padding: 0.5em 0;background: #0099CC;color: #FFF;font-size: 0.9em;text-align: center;}

}


.instructor 															{padding: 0 2em;}
.instructor a															{position: relative;color: #333;}
.instructor a .image													{}
.instructor a .image img												{}
.instructor a .name														{display: inline-block;margin-top: -50%;padding: 1em;background: #FFF;font-size: 1.3em;font-weight: bold;letter-spacing: 0.1em;line-height: 1em;text-align: center;}
.instructor a .name span												{display: block;padding-bottom: 0.5em;font-size: 0.6em;letter-spacing: 0;line-height: 1;}
.fancybox-content														{width: 90%;max-width: 1000px;}
@media screen and (max-width:768px) {
	.instructor 															{padding: 0 0.5em;}
	.instructor a .name														{margin-top: -50%;padding: 0.7em;}
	.instructor a .name span												{}
	.fancybox-content														{width: 90%;}
}

@media screen and (min-width:769px) {
	table.table_schedule													{}
	table.table_schedule th													{width: 12em;}
	table.table_schedule td													{}
}

section																	{position: relative;overflow: hidden;}
.corner																	{position: absolute;width: 50%;height: 12.5em;background-size: contain;background-repeat: no-repeat;z-index: -1;opacity: 0.75;}
.top-left																{top: 0;left: 0;background-image: url('../images/bgSection01TL.png?ver=111');background-position: top left;}
.top-right																{top: 0;right: 0;background-image: url('../images/bgSection01TR.png?ver=111');background-position: top right;}
.bottom-left															{bottom: 0;left: 0;background-image: url('../images/bgSection01BL.png?ver=111');background-position: bottom left;}
.bottom-right															{bottom: 0;right: 0;background-image: url('../images/bgSection01BR.png?ver=111');background-position: bottom right;}
.top-left.type02														{background-image: url('../images/bgSection02TL.png?ver=1111');}
.top-right.type02														{background-image: url('../images/bgSection02TR.png?ver=1111');}
.bottom-left.type02														{background-image: url('../images/bgSection02BL.png?ver=1111');}
.bottom-right.type02													{background-image: url('../images/bgSection02BR.png?ver=1111');}

dl.form																	{}
dl.form dt																{padding: 1em 1.25em;background: #eee;font-size: 1.1em;font-weight: bold;}
dl.form dd																{padding: 1.5em 0 2em;font-size: 1.1em;}
.last-name																{width: 5em !important;}
.first-name																{width: 5em !important;}


@media screen and (max-width:768px) {
	/* jQuery UI Datepicker のポップアップをスマホでも見やすく */
	.ui-datepicker {
	  width: 18em !important;   /* 幅を広げる（調整可） */
	  font-size: 14px;          /* スマホ用に少し小さめのフォント */
	  z-index: 9999 !important; /* モーダル等に埋もれないように */
	}
	.ui-datepicker table th,
	.ui-datepicker table td {
		display: table-cell !important;
		width: auto !important;
	}
	/* 入力欄も幅を確保する */
	input#trial-date,
	input#rental-date {
	  min-width: 100%;
	  box-sizing: border-box;
	}
}