@charset "utf-8";

#wpadminbar {
	display: none;
}

@fontGaramond: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
@fontMeiryo: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
@fontHerr: 'Herr Von Muellerhoff', cursive;

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

	共通
======================================================================================================================================= */
* {
	margin: 0;
	padding: 0;
	list-style:none;
	outline:0;
	vertical-align: baseline;
	background:transparent;
}

img,
a img {
	border: 0;
	vertical-align: top;
}

article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section {
	display:block;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}


.L{
	float: left;
}

.R{
	float: right;
}

.clear {
	clear: both;
}

.st{
	font-weight: bold;
}

.mb5{
	margin-bottom: 5px!important;
}

.mb10{
	margin-bottom: 10px!important;
}

.mb15{
	margin-bottom: 15px!important;
}

.mb20{
	margin-bottom: 20px!important;
}

.mb30{
	margin-bottom: 30px!important;
}

.mb40{
	margin-bottom: 40px!important;
}

.mb50{
	margin-bottom: 50px!important;
}

.mb60{
	margin-bottom: 60px!important;
}

.nbg{
	background: none!important;
}

.nm{
	margin: 0!important;
}
.nmt{
	margin-top: 0!important;
}
.nmr{
	margin-right: 0!important;
}
.nmb{
	margin-bottom: 0!important;
}
.nml{
	margin-left: 0!important;
}

.np{
	padding: 0!important;
}
.npt{
	padding-top: 0!important;
}
.npr{
	padding-right: 0!important;
}
.npb{
	padding-bottom: 0!important;
}
.npl{
	padding-left: 0!important;
}

.nb{
	border: none!important;
}
.nbt{
	border-top: none!important;
}
.nbr{
	border-right: none!important;
}
.nbb{
	border-bottom: none!important;
}
.nbl{
	border-left: none!important;
}

.aleft{
	text-align: left!important;
}
.aright{
	text-align: right!important;
}
.acenter{
	text-align: center!important;
}

.rel{
	position: relative;
}

.super{
	vertical-align: super;
	font-size: 80%;
}
.cap{
	font-size: 80%;
	line-height: 150%;
	font-weight: normal;
}

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

	ベース
======================================================================================================================================= */


html, body {
	height: 100%;
}

body {
	position: relative;
	font-size: 90%;
	line-height: 1.7;
	color: #333;
	letter-spacing: 0.5px;
	-webkit-text-size-adjust: 100%;
	background: #cc0c06;
	font-family: @fontGaramond;
}

html.messageHtml {
	margin-top: 0px !important;
	
	body {
		background: #fff;
	}
}

a.f0, a.f8{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a.f0:hover{
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

a.f8:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a{
	outline: 0;
}

a:link, a:visited{
	text-decoration: none;
	color: #333;
}

a:hover{
	color: #666;
}

img{
	max-width: 100%;
}

.btn_black a,
.btn_white a{
	border: 1px solid #000;
	display: inline-block;
	padding: 5px 15px;
	min-width: 80px;
	letter-spacing: 1px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.btn_white a{
	border: 1px solid #fff;
	color: #fff;
}
.btn_black a:hover,
.btn_white a:hover {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}

.pc_none{
	display: none;
}
@media screen and (max-width: 800px){
	.sp_none{
		display: none;
	}
	.pc_none{
		display: inherit;
	}
}


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

	Header
======================================================================================================================================= */

html:not(.messageHtml) header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	color: #fff;
	width: 100%;
	height: auto;
	min-width: 320px;
	box-sizing: border-box;
	padding: 25px 15px 15px;
	background: rgba(0,0,0,0);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;

	h1 {
		display: block;
		width: 130px;
		float: left;
		
		a,
		a img{
			display: block;
		}
	}
	
	nav {
		display: block;
		float: right;
		width: calc(~"100% - 150px");
		max-width: 800px;
		min-width: 570px;
		font-size: 0.9rem;
		letter-spacing: 1px;
	
		ul {
			width: 100%;
			display: table;
			
			li {
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				width: 14.2%;
				
				&.current a:after{
					display: block;
					width: 100%;
					height: 1px;
					background: rgba(255,255,255,0.5);
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;
				}
			}
			
			a {
				color: #fff !important;
				display: block;
				padding: 5px;
				position: relative;
				-webkit-transition: 0.3s ease-in-out;
				-moz-transition: 0.3s ease-in-out;
				-o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
				
				&:hover{
					filter: alpha(opacity=80);
					-moz-opacity: 0.8;
					opacity: 0.8;
				}
			}
		}
		
		#menu{
			display: none;
		}
	}/* nav END */
}/* header END */

@media screen and (max-width: 930px){
	html:not(.messageHtml) header {
		padding: 15px;
		
		h1 {
			position: relative;
			z-index: 10;
		}
		
		nav {
			width: 37px;
			height: 37px;
			min-width: 0;
			margin-top: -2px;
			
			#menu {
				display: block;
				width: 37px;
				height: 37px;
				position: relative;
				z-index: 10;
				
				a {
					display: block;
					text-indent: -10000px;
					outline: none;
					line-height:1px;
					font-size:1px;
					width: 37px;
					height: 37px;
					padding-top: 18px;
					box-sizing: border-box;
					
					&:before,
					&:after{
						content: "";
						display: block;
						width: 90%;
						height: 1px;
						background: #fff;
						position: absolute;
						top: 7px;
						left: 5%;
						-webkit-transition: 0.3s ease-in-out;
						-moz-transition: 0.3s ease-in-out;
						-o-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out;
					}
					
					&:after{
						top: auto;
						bottom: 7px;
					}
					
					span{
						display: block;
						width: 90%;
						height: 1px;
						margin: 0 auto;
						background: #fff;
						-webkit-transition: 0.3s ease-in-out;
						-moz-transition: 0.3s ease-in-out;
						-o-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out;
					}
				}
			}/* #menu END */
			
			ul{
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 0;
				background: rgba(0,0,0,0.8);
				overflow: hidden;
				box-sizing: border-box;
				-webkit-transition: 0.3s ease-in-out;
				-moz-transition: 0.3s ease-in-out;
				-o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
				
				li{
					display: block;
					width: 100%;
					margin-bottom: 0;
					filter: alpha(opacity=0);
					-moz-opacity: 0;
					opacity: 0;
					-webkit-transition: 0.5s ease-in-out;
					-moz-transition: 0.5s ease-in-out;
					-o-transition: 0.5s ease-in-out;
					transition: 0.5s ease-in-out;
					
					a:after{
						display: none !important;
					}
				}
			}
		}
	}/* header END */
	
	html:not(.messageHtml) .open header {
		background: rgba(0,0,0,0) !important;
		
		#menu a span{
			filter: alpha(opacity=0);
			-moz-opacity: 0;
			opacity: 0;
		}
		
		#menu a:before {
			top: 18px;
			-webkit-transform: rotate(225deg);
			-moz-transform: rotate(225deg);
			-o-transform: rotate(225deg);
			transform: rotate(225deg);
		}
		
		#menu a:after {
			bottom: 18px;
			-webkit-transform: rotate(-225deg);
			-moz-transform: rotate(-225deg);
			-o-transform: rotate(-225deg);
			transform: rotate(-225deg);
		}
		
		ul {
			height: 100vh;
			padding-top: 80px;
			
			li {
				margin-bottom: 10px;
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				opacity: 1;
			}
		}
	}
}/* @media screen and (max-width: 930px) END */

@media screen and (max-width: 780px){/* === SP・タブレット表示 === */
	html:not(.messageHtml) header h1{
		display: block;
		width: 100px;
		float: left;
		padding-top: 3px;
	}
}/* @media screen and (max-width: 780px) END */

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

	メインビジュアル
======================================================================================================================================= */
body:not(.home) #mv {
	height: calc(~"100vw * 0.32");
	max-height: 640px;
	min-height: 200px;
	background: #fff;
}

#mv {
	color: #fff;
	position: relative;
	overflow: hidden;

	#mvbg {
		background: url(../images/cmn/mv.jpg) 50% 30% no-repeat #cc0c06;
		background-size: cover;
		height: calc(~"100vw * 0.32");
		max-height: 640px;
		min-height: 200px;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 0;
	}

	.inner2 {
		display: block;
		width: 100%;
		min-width: 320px;
		box-sizing: border-box;
		padding: 40px 5% 0;
		position: absolute;
		top: 50%;
		left: 0;
		text-align: center;
		z-index: 0;

		h2 {
		    font-family: @fontHerr;
			font-size: 9rem;
			font-weight: normal;
			line-height: 0.7;
			text-transform: capitalize;

			span {
				display: block;
				font-size: 0.9rem;
				font-family: @fontGaramond;
			}
		}

		@media screen and (max-width: 780px) {
			padding-top: 30px;

			h2 {
				font-size: 7rem;
			}

			h3{
				line-height: 1;
				font-size: 4rem;
			}
		}/* @media screen and (max-width: 780px) END */
	}
}/* #mv END */



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

	Index
==================================================================== */
body.home #mv {
	height: 100vh;
	min-height: 800px;
	max-height: none;
	background: #cc0c06;

	@media screen and (max-width: 600px){
		min-height: 0;
	}/* @media screen and (max-width: 600px) END */

	&.sp {
		background: url(../images/index/spbg.jpg) 50% 50% no-repeat #cc0c06;
		background-size: cover;
	}

	video {
		position: fixed;
		top: 0;
		left: 50%;
		min-height: 100vh;
		min-width: 100%;
		filter:alpha(opacity=40);
		-moz-opacity: 0.4;
		opacity: 0.4;

		@media screen and (max-width: 600px){
			min-height: 0;
		}/* @media screen and (max-width: 600px) END */
	}

	.bg {/*index.js*/
		background: url(../images/index/mv.png) 50% 20% no-repeat;
		background-size: cover;
		height: 100vh;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}

	.inner {
		display: block;
		width: 100%;
		min-width: 320px;
		box-sizing: border-box;
		padding: 0 5%;
		position: fixed;
		top: 50%;
		left: 0;
		text-align: center;
		z-index: 0;
		/*index.js*/

		div {
			display: inline-block;
			text-align: left;
			margin: 0 auto;
		}

		h2 {
		    font-family: @fontHerr;
			font-size: 7rem;
			font-weight: normal;
			line-height: 0.8;

			@media screen and (max-width: 600px){
				font-size: 5rem;
			}/* @media screen and (max-width: 600px) END */

		}

		p {
			padding-left: 30px;
			font-size: 1.15rem;

			@media screen and (max-width: 600px){
				font-size: 1rem;
			}/* @media screen and (max-width: 600px) END */
		}
	}

	.btn a {
		content: "";
		display: block;
		height: 50px;
		width: 50px;
		box-sizing: border-box;
		border: 1px solid rgba(255,255,255,0.5);
		border-radius: 100%;
		position: fixed;
		bottom: 15px;
		left: calc(~"50% - 25px");
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;

		&:after {
			content: "";
			display: block;
			height: 15px;
			width: 15px;
			position: fixed;
			bottom: 35px;
			left: calc(~"50% - 8px");
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			border-bottom: 1px solid rgba(255,255,255,0.5);
			border-right: 1px solid rgba(255,255,255,0.5);

			&:hover {
				background: #000;
				border: 1px solid rgba(255,255,255,0.0);
			}
		}
	}
}/* .home #mv END */



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

	コンテンツ
======================================================================================================================================= */
html:not(.messageHtml) section {
	padding: 70px 2%;
	box-sizing: border-box;
	z-index: 1;
	position: relative;
	min-width: 320px;
	background: #fff;

	.wrap {
		margin: 0 auto;
		display: block;
		max-width: 1200px;
		overflow: hidden;
	}

	h3 {
		font-weight: normal;
		font-size: 2.9rem;
		line-height: 0.9;
		margin-bottom: 40px;

		span {
			padding-top: 15px;
			font-size: 0.9rem;
			letter-spacing: 3px;
			display: block;
		}
	}
}

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

	コンテンツナビ
==================================================================== */
.snav {
	background: #eee;
	display: block;
	width: 104%;
	margin-left: -2%;
	margin-bottom: 70px;
	box-sizing: border-box;
	padding: 30px 10px;
	letter-spacing: 1px;
	overflow: hidden;

	li {
		display: inline-block;

		a {
			display: block;
			padding: 10px 20px;
			position: relative;
		}

		&.current a {
			font-weight: bold;

			&:after {
				content: "";
				display: block;
				width: 90%;
				height: 1px;
				background: #111;
				position: absolute;
				bottom: 0;
				left: 5%;
			}
		}
	}

	@media screen and (max-width: 780px){
		margin-bottom: 40px;

		li a {
			padding: 10px 5px;
		}
	}/* @media screen and (max-width: 780px) END */
}/* .snav END */


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

	共通ブロック
==================================================================== */
#s1,#s2,#s3 {
	text-align: center;
}


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

	Index側
==================================================================== */
/* ===================================================
	最新情報
=================================================== */
body.home #s1 {
	padding-top: 60px;
	padding-bottom: 60px;
	background: url(../images/cmn/bg.jpg) 0 0 repeat;
	color: #fff;

	.topicsWrap {
		width: 80%;
		max-width: 500px;
		background: #cc0c06;
		padding: 40px 20px;
		margin: auto;
		box-sizing: border-box;
		.ComFlexBox(center,center,row,wrap,center);// 引数にjustify,align-content,direction,wrap,@align-items

		h3 {
			width: 100%;
		}

		.topics {
			position: relative;
			text-align: left;
			margin-bottom: 10px;
			max-width: 100%;

			dl {
				margin-bottom: 20px;
				.ComFlexBox(flex-start,center,row,nowrap,center);// 引数にjustify,align-content,direction,wrap,@align-items

				dt {
					width: 100px;
				}

				dd {
					width: auto;
					max-width: calc(~"100% - 100px");

					a {
						color: #fff !important;
						width: 100%;
						display: inline-block;
						word-wrap: break-word;

						@media all and (-ms-high-contrast:none){
							*::-ms-backdrop, & {
								max-width: 355px;
							} /* IE11 ハック */
						}

						&:hover{
							filter: alpha(opacity=80);
							-moz-opacity: 0.8;
							opacity: 0.8;
						}
					}
				}
			}
		}

		.btn_white{
			position: relative;
			width: 100%;
		}
	}

	@media screen and (max-width: 780px){
		dl {
			display: block;

			dt {
				display: block;
			}

			dt {
				display: block;
			}
		}
	}/* @media screen and (max-width: 780px) END */
}/* #s1 END */


/* ===================================================
	メソッド
=================================================== */
body.home #s2{

	dl{
		display: block;
		width: 33.3%;
		box-sizing: border-box;
		padding: 0 20px;
		float: left;

		dt{
			display: block;
			font-size: 1.8rem;
			margin-bottom: 20px;

			span{
				display: block;
				border-bottom: 4px solid #cc0c06;
				width: 100px;
				padding-bottom: 20px;
				margin: 0 auto 20px;
			}

			img {
				display: block;
				margin: 0 auto;
				width: 50px;
			}

			i {
				display: block;
				font-style: normal;
				font-size: 0.8rem;
			}

			dd {
				display: block;
			}
		}
	}

	@media screen and (max-width: 780px){
		dl {
			float: none;
			width: auto;
			margin-bottom: 40px;
			padding: 0 5px;

			dt {
				margin-bottom: 10px;

				span {
					margin-bottom: 10px;
					padding-bottom: 10px;
				}
			}
		}
	}/* @media screen and (max-width: 780px) END */
}/* #s2 END */


/* ===================================================
	制作実績
=================================================== */
body.home #s3 {
	background: #f0f0f0;
	overflow: hidden;

	ul {
		position: relative;
		z-index: 1;
		display: block;
		overflow: hidden;

		li {
			display: block;
			width: 33.3%;
			float: left;
			box-sizing: border-box;
			padding: 0 20px 40px;

			a {
				display: inline-block;
				position: relative;
				color: #fff;

				img, span, &::before {
					-webkit-transition: 0.3s ease-in-out;
					-moz-transition: 0.3s ease-in-out;
					-o-transition: 0.3s ease-in-out;
					transition: 0.3s ease-in-out;

					@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/* IE11・10（\9ありでIE10のみ） */
						&:not(:target) {
							width: 100%;
						}
					}
				}

				@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/* IE11・10（\9ありでIE10のみ） */
					img:not(:target) {
						width: 100%;
					}
				}

				span{
					display: block;
					width: 100%;
					position: absolute;
					top: 50%;
					left: 0;
					filter:alpha(opacity=0);
					-moz-opacity: 0;
					opacity: 0;
					z-index: 2;
				}

				&::before {
					content: "";
					position: absolute;
					top: 0;
					bottom: 0;
					left: 0;
					right: 0;
					z-index: 1;
				}

				&:hover::before {
					background: rgba(0,0,0,0.4);
				}

				&:hover span {
					filter:alpha(opacity=100);
					-moz-opacity: 1;
					opacity: 1;
				}
			}
		}
	}

	.btn_black{
		position: relative;
		z-index: 1;
	}

	@media screen and (max-width: 780px){
		margin-bottom: 10px;

		li {
			width: 50%;
			padding: 0 10px 20px;

			a {
				max-width: 300px;
			}
		}
	}/* @media screen and (max-width: 780px) END */
}/* #s3 END */


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

	新着情報 NEWS
======================================================================================================================================= */
body.category-news #s1 .wrap,
body.post-type-archive-post #s1 .wrap,
body.single-post #s1 .wrap,
body.date #s1 .wrap,
 {
	text-align: left;
	max-width: 900px;

	dl{
		display: table;
		width: 100%;
		table-layout: fixed;
		margin-bottom: 60px;

		dt,dd {
			display: table-cell;
			vertical-align: top;
		}

		dt {
			width: 150px;
		}

		dd {
			a {
				display: inline-block;
				margin-bottom: 10px;
				font-weight: bold;
			}

			p {
				font-size: 0.9rem;
			}
		}

		@media screen and (max-width: 780px){
			display: block;

			dt {
				display: block;
				width: auto;
				font-size: 0.9rem;
			}

			dd {
				display: block;
			}
		}/* @media screen and (max-width: 780px) END */
	}

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

		Single
	==================================================================== */
	article {
		display: block;

		.entry_date {
			margin-bottom: 5px;
		}

		.entry_title {
			margin-bottom: 30px;
			font-weight: normal;
		}

		.entry_body {
			overflow: hidden;
			padding-bottom: 40px;

			p {
				margin-bottom: 15px;
			}
		}
	}

	.entry_footer {
		padding-bottom: 30px;

		ul {
			display: table;
			table-layout: fixed;
			width: 100%;

			li {
				display: table-cell;
				vertical-align: middle;

				&:last-child {
					text-align: right;
				}
			}
		}
	}
}/* .wrap END */


.pagination {
	background: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 50px 2% 0px;

	* {
		box-sizing: border-box;
	}

	ul {
		max-width: 900px;
		margin: auto;
		.ComFlexBox(center,center,row,nowrap,center);// 引数にjustify,align-content,direction,wrap,@align-items

		li {
			width: auto;
			line-height: 0;
			display: inline-block;
			font-size: 110%;
			margin: 0 2px;

			&:first-of-type {
				margin: 0 2px 0 0;
			}

			&:last-of-type {
				margin: 0 0px 0 2px;
			}

			& a.prev span, & a.next span {
				font-size: 140%;
				display: block;
				margin: -2px 0 0;

				@media screen and (max-width: 1020px){
					margin: -1px 0 0;
				}/* @media screen and (max-width: 1020px) END */
			}

			& a, & > span {
				display: inline-block;
				padding: 10px;
				height: 0;
				-webkit-transition: 0.3s ease-in-out;
				-moz-transition: 0.3s ease-in-out;
				-o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
				border: 1px solid #fff;

				&:hover {
					background: #000;
					color: #fff;
					border: 1px solid #000;
				}
			}

			& span.current {
				border: 1px solid #000;
				background: #000;
				color: #fff;
				padding: 10px;
			}
		}
	}
}



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

	会社概要
======================================================================================================================================= */
/* ====================================================================

	Areusについて
==================================================================== */
body[class*="about"] #s1 {
	background: url(../images/cmn/bg2.jpg) 0 0 repeat #f8f8f8;

	dl {
		display: block;
		margin-bottom: 40px;

		&:last-child {
			margin-bottom: 0;
		}

		dt {
			display: block;
			margin-bottom: 15px;
			padding-bottom: 15px;
			position: relative;
			font-size: 1.3rem;
			color: #CC0C06;

			&:after {
				content: "";
				height: 1px;
				width: 50px;
				background: #CC0C06;
				position: absolute;
				bottom: 0;
				left: calc(~"50% - 25px");
			}

			blockquote {
				display: inline-block;
				position: relative;
				padding: 0 45px;

				&:before,
				&:after {
					display: block;
					position: absolute;
					color: #ccc;
					font-size: 6rem;
					line-height: 0;
					background: #ff0;
				}

				&:before {
					content: "“";
					top: 40px;
					left: 0;
				}

				&:after {
					content: "”";
					bottom: -15px;
					right: 0;
				}

				span {
					display: block;
					font-size: 0.9rem;
				}
			}
		}

		dd {
			display: block;
		}
	}
}/* #s1 END */

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

	概要 about.js
==================================================================== */
body[class*="about"] #s2 .wrap {
	max-width: 900px;

	dl {
		display: table;
		width: 100%;
		table-layout: fixed;

		dt {
			display: table-cell;
			vertical-align: top;
			text-align: right;
			width: 16%;
			padding: 10px 30px 10px 0;
		}

		dd {
			display: table-cell;
			vertical-align: top;
			text-align: left;
			padding: 10px 0 10px 30px;

			div.addDiv {
				margin: 0 0 15px;

				&:last-of-type {
					margin: 0;
				}

				p span {
					display: inline-block;
					height: 20px;
					width: 20px;

					&.map {
						margin-left: 10px;
					}

					&.pic {
						margin-left: 5px;
					}
				}

				ul {
					.ComFlexBox(space-around,center,row,nowrap,stretch);// 引数にjustify,align-content,direction,wrap,@align-items
					margin: 10px 0 0;

					@media screen and (max-width: 479px){
						-webkit-flex-flow: row wrap;/*--- safari（PC）用 ---*/
						flex-flow: row wrap;
					}// @media screen and (max-width: 479px)

					li {
						width: 48%;

						@media screen and (max-width: 479px){
							width: 100%;

							&:first-of-type {
								margin-bottom: 20px;
							}
						}// @media screen and (max-width: 479px)

						&:first-of-type {
							margin-right: auto;
							text-align: center;

							img {
								max-height: 250px;
								width: auto;
							}
						}

						div[id*="smap"] {
							max-height: 250px;
							margin: 0 0 5px;
						}

						.mapLink {
							font-size: 90%;
							text-align: right;

							a {
								color: #cc0c06;

								&:hover {
									opacity: 0.7;
								}
							}
						}
					}
				}
			}
		}

		@media screen and (max-width: 680px){
			display: block;
			margin-bottom: 20px;

			&:last-child {
				margin-bottom: 0;
			}

			dt {
				display: block;
				width: auto;
				text-align: left;
				padding: 5px;
			}

			dd {
				display: block;
				padding: 5px;
			}
		}/* @media screen and (max-width: 780px) END */
	}
}/* #s2 .wrap END */


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

	ライトボックス about.js
==================================================================== */
body[class*="about"] #pop {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: 100;
	display: none;
	background: rgba(0,0,0,0.8);

	& > div {
		display: none;
		vertical-align: middle;
		text-align: center;
	}

	.popmap {
		display: none;
		height: 60vh;
		width: 90vw;
		max-height: 800px;
		max-width: 800px;
		margin: 0 auto;
	}
	.poppic {
		display: none;
		width: 100%;
		position: relative;

		& ul,
		& li {
			display: inline-block;
		}

		li:nth-child(n+2) {
			display: none;
		}
	}

	.picL,
	.picR {
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		top: calc(~"50% - 25px");

		a {
			display: block;
			height: 100%;
			width: 100%;
			text-indent: -10000px;
			outline: none;
			line-height:1px;
			font-size:1px;
			position: relative;
			background: rgba(0,0,0,0.8);

			&:after{
				content: "";
				display: block;
				height: 15px;
				width: 15px;
				position: absolute;
				top: 17px;
			}
		}
	}

	.picL {
		left: 0;
	}

	.picR {
		right: 0;
	}

	.picL a:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		left: 17px;
	}

	.picR a:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		left: 15px;
	}

	.close {
		display: block;
		height: 40px;
		width: 40px;
		position: absolute;
		top: 12px;
		right: 14px;
		cursor: pointer;
		z-index: 10;

		&:before,
		&:after {
			content: "";
			display: block;
			height: 1px;
			width: 33.3px;
			position: absolute;
			top: 19px;
			right: 3px;
			background: #fff;
			cursor: pointer;
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			z-index: 11;
		}

		&:before {
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		&:after {
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		&:hover:before {
			-webkit-transform: rotate(225deg);
			-moz-transform: rotate(225deg);
			-o-transform: rotate(225deg);
			transform: rotate(225deg);
		}

		&:hover:after {
			-webkit-transform: rotate(-225deg);
			-moz-transform: rotate(-225deg);
			-o-transform: rotate(-225deg);
			transform: rotate(-225deg);
		}
	}
}


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

	サービス
======================================================================================================================================= */
/* ====================================================================

	サービス
==================================================================== */
body[class*="service"] #s1 .wrap {
	max-width: 1500px;

	dl {
		display: block;
		float: left;
		width: 25%;
		box-sizing: border-box;
		padding: 0 1.5% 30px;

		&:nth-of-type(4n+1) {
			clear: left;
		}

		dt {
			display: block;
			margin-bottom: 15px;
		}

		dd {
			display: block;

			h4 {
				font-size: 1.3rem;
				font-weight: normal;
				padding-bottom: 10px;
				margin-bottom: 17px;
				position: relative;

				&:after {
					width: 40px;
					height: 1px;
					content: "";
					display: block;
					position: absolute;
					bottom: 0;
					left: calc(~"50% - 20px");
					background: #CC0C06;
				}
			}
		}

		@media screen and (max-width: 1200px){
			width: 33.3%;

			&:nth-of-type(4n+1) {
				clear: none;
			}

			&:nth-of-type(3n+1) {
				clear: left;
			}
		}/* @media screen and (max-width: 1200px) END */

		@media screen and (max-width: 870px){
			width: 50%;
			padding: 0 2% 30px;

			&:nth-of-type(4n+1),
			&:nth-of-type(3n+1) {
				clear: none;
			}

			&:nth-of-type(2n+1) {
				clear: left;
			}

			dd h4{
				font-size: 1.1rem;
			}
		}/* @media screen and (max-width: 870px) END */

		@media screen and (max-width: 600px){
			width: auto;
			float: none !important;
		}/* @media screen and (max-width: 600px) END */
	}
}/* body[class*="service"] #s1 .wrap END */


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

	制作実績 service.js
==================================================================== */
body[class*="service"] #s2 {
	background: url(../images/cmn/bg2.jpg) 0 0 repeat #f8f8f8;
	padding-left: 0;
	padding-right: 0;

	ul {
		display: block;
		padding: 5px;
		overflow: hidden;
		margin: 0 auto 30px;
		max-width: 1900px;

		li {
			display: block;
			overflow: hidden;
			box-sizing: border-box;
			padding: 5px;

			&:nth-of-type(6n+1){
				float: left;
				width: 60%;
			}

			&:nth-of-type(6n+2){
				float: right;
				width: 40%;
			}

			&:nth-of-type(6n+3){
				float: right;
				width: 40%;
			}

			&:nth-of-type(6n+4){
				float: left;
				width: 40%;
				clear: both;
			}

			&:nth-of-type(6n+5){
				float: right;
				width: 60%;
			}

			&:nth-of-type(6n+6){
				float: left;
				width: 40%;
			}

			& > span {
				display: block;
				height: 100%;
				width: 100%;
				position: relative;

				a {
					display: block;
					width: 100%;
					height: 100%;
					background-position: 50% 50%;
					background-repeat: no-repeat;
					background-size: auto 100%;

					&:hover span {
						filter: alpha(opacity=100);
						-moz-opacity: 1;
						opacity: 1;

						i {
							top: 50%;
						}
					}

					span {
						position: absolute;
						top: 0;
						left: 0;
						display: block;
						width: 100%;
						height: 100%;
						background: rgba(0,0,0,0.7);
						filter: alpha(opacity=0);
						-moz-opacity: 0;
						opacity: 0;
						-webkit-transition: 0.3s ease-in-out;
						-moz-transition: 0.3s ease-in-out;
						-o-transition: 0.3s ease-in-out;
						transition: 0.3s ease-in-out;

						i {
							color: #fff;
							position: absolute;
							top: 45%;
							left: 0;
							width: 100%;
							font-style: normal;
							display: block;
							padding: 0 10px;
							text-align: center;
							-webkit-transition: 0.3s ease-in-out;
							-moz-transition: 0.3s ease-in-out;
							-o-transition: 0.3s ease-in-out;
							transition: 0.3s ease-in-out;
						}
					}
				}
			}

			@media screen and (max-width: 650px){
				height: calc(~"70vw / 1.4") !important;
				width: auto !important;
				float: none !important;
			}/* @media screen and (max-width: 650px) END */
		}

		& + p{
			padding: 0 2%;
		}
	}
}/* body[class*="service"] #s2 END */


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

	Works
======================================================================================================================================= */
/* ====================================================================

	サービス
==================================================================== */
body[class*="work"] #s1 .wrap {
	max-width: 1200px;
	text-align: left;

	h4 {
		font-size: 1.4rem;
		letter-spacing: 0;
		font-weight: normal;
		width: 90%;
		margin: 0 auto 20px;
	}

	.p {
		width: 90%;
		margin: 0 auto 30px;
	}

	dl {
		display: table;
		width: 90%;
		margin: 0 auto;
		table-layout: fixed;
		border-bottom: 1px solid #ccc;

		&:nth-of-type(1) {
			border-top: 1px solid #ccc;
		}

		dt {
			display: table-cell;
			width: 20%;
			padding: 15px;
		}

		dd {
			display: table-cell;
			padding: 15px;

			a {
				position: relative;
				display: inline-block;
				padding-right: 15px;

				&:before, &:after {
					content: "";
					height: 5px;
					width: 7px;
					border: 1px solid #ccc;
					position: absolute;
					top: 50%;
				}

				&:after {
					right: 0;
					margin-top: -5px;
				}

				&:before {
					right: 2px;
					margin-top: -3px;
				}
			}
		}
	}

	ul {
		display: block;
		overflow: hidden;
		margin-bottom: 60px;

		li {
			display: block;
			width: 50%;
			float: left;
			padding-left: 2%;
			box-sizing: border-box;

			&:nth-of-type(1) {
				padding-left: 0;
				padding-right: 2%;
			}
		}
	}

	@media screen and (max-width: 600px){
		h4 {
			font-size: 1rem;
			width: auto;
		}

		.p {
			width: auto;
		}

		dl, dl dt, dl dd {
			display: block;
			width: auto;
		}

		dl dt {
			border-bottom: 1px dotted #ccc;
		}

		dl dt, dl dd {
			padding: 5px;
		}

		ul {
			margin-bottom: 40px;

			li{
				width: auto;
				padding: 0 !important;
				float: none;
				margin-bottom: 15px;
			}
		}
	}/* @media screen and (max-width: 600px) END */



}/* body[class*="work"] #s2 END */


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

	企業理念
======================================================================================================================================= */
/* ====================================================================

	使命
==================================================================== */
body[class*="philosophy"] #s1 .wrap {
	margin: auto;

	h4 {
		font-size: 1.5rem;
		font-weight: normal;
		margin-bottom: 40px;
	}

	p {
		margin-bottom: 30px;
	}

	img {
		width: 80%;
		max-width: 360px;
	}

	@media screen and (max-width: 780px){
		h4{
			font-size: 1.2rem;
			line-height: 1.5;
		}
	}/* @media screen and (max-width: 780px) END */
}

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

	ブランディング・システム開発・デザイン
==================================================================== */
body[class*="philosophy"] #s2 {
	background: url(../images/philosophy/2.jpg) 50% 50% no-repeat fixed;
	background-size: cover;
}/* body[class*="philosophy"] #s2 END */

body[class*="philosophy"] #s3 {
	background: url(../images/philosophy/3.jpg) 50% 50% no-repeat fixed;
	background-size: cover;
}/* body[class*="philosophy"] #s3 END */

body[class*="philosophy"] #s4 {
	background: url(../images/philosophy/4.jpg) 50% 50% no-repeat fixed;
	background-size: cover;
}/* body[class*="philosophy"] #s4 END */


body[class*="philosophy"] #s2.phi,
body[class*="philosophy"] #s3.phi,
body[class*="philosophy"] #s4.phi {
	color: #fff;
	text-align: center;
	padding-top: 90px;
	padding-bottom: 90px;

	h4 {
		font-size: 1.8rem;
		margin-bottom: 20px;
		font-weight: normal;

		span {
			display: block;
			border-bottom: 4px solid #cc0c06;
			width: 100px;
			padding-bottom: 20px;
			margin: 0 auto 20px;
		}

		img {
			display: block;
			margin: 0 auto;
			width: 50px;
		}

		i {
			display: block;
			font-style: normal;
			font-size: 0.8rem;
		}
	}

	h4 + p {
		margin-bottom: 50px;
	}

	.table {
		display: table;
		width: 100%;
		table-layout: fixed;

		dl {
			display: table-cell;
			vertical-align: text-bottom;
			padding: 0 3%;

			dt {
				display: block;
				font-size: 1.6rem;
				letter-spacing: 1px;
				padding-bottom: 12px;
				margin-bottom: 20px;
				position: relative;

				&:after {
					width: 40px;
					height: 1px;
					content: "";
					display: block;
					position: absolute;
					bottom: 0;
					left: calc(~"50% - 20px");
					background: #CC0C06;
				}
			}

			dd {
				display: block;
			}
		}
	}

	@media screen and (max-width: 780px) {
		padding-top: 70px;
		padding-bottom: 70px;

		.table {
			display: block;

			dl {
				display: block;
				padding: 0;
				margin-bottom: 40px;

				&:last-child {
					margin-bottom: 0;
				}

				dt {
					font-size: 1.3rem;
					padding-bottom: 8px;
					margin-bottom: 12px;
				}
			}
		}
	}/* @media screen and (max-width: 780px) END */
}/* body[class*="philosophy"] #s2・3・4 END */


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

	お問い合わせ
======================================================================================================================================= */
body[class*="contact"] #s1 .wpcf7 {
	max-width: 900px;
	display: block;
	margin: 0 auto;

	.comFormLay;

	dl dt {
		width: 170px;
	}
}

#privacy{
	text-align: left;
	overflow: auto;
	width: 900px;
	height: 300px;
	margin: 0 auto 40px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 15px 15px 10px;
}
#privacy section{
	padding: 0;
	margin-bottom: 15px;
	letter-spacing: 0;
}
#privacy h2{
	font-size: 15px;
	margin-bottom: 10px;
}
#privacy p{
	margin-bottom: 10px;
}


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

	採用情報
======================================================================================================================================= */
/* ====================================================================

	Areusで一緒に働きませんか？
==================================================================== */

body[class*="recruit"] {
	.tagList {
		.ComFlexBox(center,center,row,wrap,center);// 引数にjustify,align-content,direction,wrap,@align-items
		margin: 17px auto;
		width: 90%;
		max-width: 620px;
		
		li {
			padding: 3px 5px;
			border: 1px solid #333;
			margin: 3px;
			display: inline-block;
		}
	}
}

body[class*="recruit"] #s1 dl {
	display: table;
	width: 100%;
	table-layout: fixed;

	dt {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
		width: 170px;
		padding: 10px 30px 10px 0;
	}

	dd {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		padding: 10px 10px 10px 30px;
	}

	@media screen and (max-width: 680px){
		display: block;
		margin-bottom: 20px;

		dt{
			display: block;
			width: auto;
			text-align: left;
			padding: 5px;
		}

		dd{
			display: block;
			padding: 5px;
		}
	}
}/* body[class*="recruit"] #s1 END */


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

	社内写真
==================================================================== */
body[class*="recruit"] .s1img {
	background: #999;
	min-height: 300px;
	width: 100%;
	z-index: 1;
	position: relative;
	font-size: 2rem;
	color: #fff;
	text-align: center;

	img {
		display: block;
		width: 100%;
		max-width: none;
	}
}

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

	募集要項
==================================================================== */
body[class*="recruit"] #s2 .wrap {
	max-width: 900px;

	dl {
		display: table;
		width: 100%;
		table-layout: fixed;

		dt {
			display: table-cell;
			vertical-align: top;
			text-align: right;
			width: 170px;
			padding: 10px 30px 10px 0;
		}

		dd {
			display: table-cell;
			vertical-align: top;
			text-align: left;
			padding: 10px 10px 10px 30px;
		}

		@media screen and (max-width: 680px){
			display: block;
			margin-bottom: 20px;

			dt {
				display: block;
				width: auto;
				text-align: left;
				padding: 5px;
			}

			dd {
				display: block;
				padding: 5px;
			}
		}/* @media screen and (max-width: 680px) END */
	}

	&.tabs {
		position: relative;
		overflow: hidden;

		& > div:first-child {
			position: static;
			display: block;
		}

		.tab {
			position: absolute;
			top: 0;
			left: 0;
			display: none;
		}
	}
}/* body[class*="recruit"] #s2 END */

@media screen and (max-width: 580px){
	#s2 .snav li {
		display: block;
		width: 49.5%;
		float: left;

		&:nth-of-type(even){
			float: right;
		}
	}
}/* @media screen and (max-width: 580px) END */


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

	フォーム
==================================================================== */
body[class*="recruit"] #s3 {
	text-align: center;
	border-top: 1px solid #eee;

	.wpcf7 {
		max-width: 1000px;
		display: block;
		margin: 0 auto;

		.comFormLay;

		dl dt {
			width: 260px;
		}
	}
}/* body[class*="recruit"] #s3 END */



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

	採用メッセージ
======================================================================================================================================= */
@font-face {
	font-family: 'DistantStrokeMedium';
	src:  url('../fonts/Distant_Stroke_Medium.eot');
	src:  url('../fonts/Distant_Stroke_Medium.eot') format('embedded-opentype'),
	url('../fonts/Distant_Stroke_Medium.ttf') format('truetype'),
	url('../fonts/Distant_Stroke_Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.iconIcomoon(@content) {
	font-family: "icomoon";
	content: @content;
	vertical-align: middle;
	display: inline-block;
}

@arrowLeftIcon: "\e900";
@arrowLeftWIcon: "\e901";
@arrowRightIcon: "\e902";
@arrowRightWIcon: "\e903";

.messageWrap {
	max-width:1920px;
	position: relative;
	padding: 2%;
	box-sizing: border-box;
	margin: auto;
	overflow: hidden;

	#messageHeader {
		margin: 0 auto 30px;
		width: 100%;
		position: relative;
		
		h1 {
			position: absolute;
			top: 4%;
			left: 2%;
			width: 20%;
			max-width: 130px;
			z-index: 1;
			
			@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
				max-width: 90px;
				left: 4%;
			}/* @media screen and (max-width: 939px) END */
		}
		
		.mainVisual {
			position: relative;
			width: 100%;
			
			img {
				width: 100%;
				height: auto;
				
				@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
					&.pcVisual {
						display: none;
					}
					
					&.spVisual {
						display: inline-block;
					}
				}/* @media screen and (max-width: 939px) END */
				
				@media screen and (min-width: 940px) {/* === 940pxから表示 === */
					&.pcVisual {
						display: inline-block;
					}
					
					&.spVisual {
						display: none;
					}
				}/* @media screen and (min-width: 940px) END */
			}
		}
	}

	input[type="radio"] {
		display: none;
	}

	@media screen and (min-width: 940px) {/* === 940pxから表示 === */
		.slider02 .textWrap {
			order: 2;
		}

		.slider02 .imageWrap {
			order: 1;
		}
	}/* @media screen and (min-width: 940px) END */

	div[class*="slider"] {
		position: relative;
		width: 100%;
		margin: auto auto 70px;

		& > ul {
			.ComFlexBox(flex-start,flex-start,row,wrap,stretch);// 引数にjustify,align-content,direction,wrap,@align-items
			width: 100%;
			position: relative;

			& > li {
				width: 100%;
				.ComFlexBox(flex-start,flex-start,row,wrap,stretch);// 引数にjustify,align-content,direction,wrap,@align-items
				counter-reset: number 0;
				position: absolute;
				top: 0;
				left: 0;
				-webkit-transform: translateX(100%);
				transform: translateX(100%);
				-webkit-transition: opacity .3s, -webkit-transform .8s;
				transition: opacity .3s, transform .8s;
				opacity: 0;
				z-index: 0;
				text-align: left;

				@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
					text-align: center;
				}/* @media screen and (max-width: 939px) END */

				.textWrap {
					font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
					width: 40%;
					.ComFlexBox(center,center,row,wrap,center);// 引数にjustify,align-content,direction,wrap,@align-items
					position: relative;
					z-index: 1;

					@media screen and (max-width: 1169px) {/* === 1169pxまで表示 === */
						width: 45%;
					}/* @media screen and (max-width: 1169px) END */

					@media screen and (max-width: 1039px) {/* === 1039pxまで表示 === */
						width: 50%;
					}/* @media screen and (max-width: 1039px) END */

					@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
						width: 100%;
						order: 2;
					}/* @media screen and (max-width: 939px) END */

					@media screen and (min-width: 1720px) {/* === 1720pxから表示 === */
						width: 32.3%;
					}/* @media screen and (min-width: 1720px) END */

					dl:not(.sceneWrap) {
						display: inline-block;
						margin: 0 auto 80px;
						padding: 0 calc(~"(100% - 75%) / 2");
						width: 75%;
						
						@media screen and (max-width: 1399px) {/* === 1399pxまで表示 === */
							width: 80%;
							padding: 0 calc(~"(100% - 80%) / 2");
						}/* @media screen and (max-width: 1399px) END */

						@media screen and (max-width: 1309px) {/* === 1309pxまで表示 === */
							width: 85%;
							padding: 0 calc(~"(100% - 85%) / 2");
						}/* @media screen and (max-width: 1309px) END */

						@media screen and (max-width: 1239px) {/* === 1239pxまで表示 === */
							width: 90%;
							padding: 0 calc(~"(100% - 90%) / 2");
						}/* @media screen and (max-width: 1239px) END */

						@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
							width: 100%;
							margin-bottom: 30px;
						}/* @media screen and (max-width: 939px) END */

						dt {
							font-size: 1.6rem;
							margin-bottom: 20px;
							position: relative;

							@media screen and (max-width: 479px) {/* === SP縦表示 === */
								font-size: 1.2rem;
							}/* @media screen and (max-width: 479px) END */

							&::after {
								content: "";
								position: absolute;
								top: 25px;
								right: -7%;
								background: url(../images/message/slide_bg.png) no-repeat center top;
								background-size: 100% auto;
								display: inline-block;
								width: 50%;
								padding-top: 100%;

								@media screen and (max-width: 1399px) {/* === 1399pxまで表示 === */
									right: 0%;
								}/* @media screen and (max-width: 1399px) END */

								@media screen and (min-width: 1400px) {/* === 1400pxから表示 === */
									right: -3%;
								}/* @media screen and (min-width: 1400px) END */

								@media screen and (min-width: 1500px) {/* === 1500pxから表示 === */
									right: 0%;
								}/* @media screen and (min-width: 1500px) END */
							}
						}

						dd  > p.comWrap {
							font-size: 0.9rem;
							margin-bottom: 20px;
							display: inline-block;
							max-width: 100%;

							@media screen and (max-width: 479px) {/* === SP縦表示 === */
								font-size: 0.7rem;
							}/* @media screen and (max-width: 479px) END */
						}

						.tagWrap {
							.ComFlexBox(flex-start,flex-start,row,wrap,center);// 引数にjustify,align-content,direction,wrap,@align-items
							
							@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
								-webkit-justify-content: center;
								justify-content: center;
							}/* @media screen and (max-width: 939px) END */
							
							label {
								display: inline-block;
								max-width: 100%;
								position: relative;
								padding: 3px 5px;
								font-size: .7rem;
								border: 1px solid #333;
								margin: 0 5px 5px 0;
								box-sizing: border-box;
								cursor: pointer;
								
								@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
									margin: 3px;
								}/* @media screen and (max-width: 939px) END */
								
								&:last-of-type {
									margin-right: 0;
								}
							}
						}

						dd > ul {
							display: inline-block;
							width: 100%;

							li {
								display: inline-block;
								width: 100%;
								border: 1px solid #333;
								font-size: .75rem;
								padding: 10px;
								box-sizing: border-box;
								margin: 0 0px 5px;

								&:last-of-type {
									margin-bottom: 0;
								}

								p,span {
									text-align: left;
									display: inline-block;
									width: 100%;
								}

								p {
									margin: 0 0 5px;
								}

								p:last-of-type {
									text-align: right;
									margin: 0;
								}
							}
						}

					}// dl:not(.sceneWrap) END

					dl.sceneWrap {
						position: absolute;
						bottom: 1%;
						left: calc(~"(100% - 75%) / 2");
						font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
						text-align: center;

						@media screen and (max-width: 1399px) {/* === 1399pxまで表示 === */
							left: calc(~"(100% - 80%) / 2");
						}/* @media screen and (max-width: 1399px) END */

						@media screen and (max-width: 1309px) {/* === 1309pxまで表示 === */
							left: calc(~"(100% - 85%) / 2");
						}/* @media screen and (max-width: 1309px) END */

						@media screen and (max-width: 1239px) {/* === 1239pxまで表示 === */
							left: calc(~"(100% - 90%) / 2");
						}/* @media screen and (max-width: 1239px) END */

						@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
							position: relative;
							left: auto;
							bottom: auto;
							width: 100%;
						}/* @media screen and (max-width: 939px) END */

						dt {
							font-size: 0.7rem;
							letter-spacing: 0.2rem;
							margin: 0 0 5px;
						}

						dd {
							.ComFlexBox(center,center,row,nowrap,center);// 引数にjustify,align-content,direction,wrap,@align-items
							
							.counter {
								display: inline-block;
								width: auto;

								span {
									line-height: 1;
									display: inline-block;
									vertical-align: middle;

									&:first-of-type {
										font-size: 1.8rem;
										font-weight: 100;
										position: relative;
										padding: 0 8px 0 0;
										margin: 0 5px 0 0;
										box-sizing: border-box;

										&::after {
											content: "/";
											font-size: 1rem;
											position: absolute;
											bottom: 6px;
											right: -4px;
											line-height: 1;
										}
									}

									&:last-of-type {
										font-size: 1.0rem;
										font-weight: 100;
										margin: -1px 0 0;
									}
								}
							}// .counter END
						}// dd END
					}// dl.sceneWrap END
				}// .textWrap END
				
				.imageWrap {
					width: 60%;

					@media screen and (max-width: 1169px) {/* === 1169pxまで表示 === */
						width: 55%;
					}/* @media screen and (max-width: 1169px) END */

					@media screen and (max-width: 1039px) {/* === 1039pxまで表示 === */
						width: 50%;
					}/* @media screen and (max-width: 1039px) END */

					@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
						width: 100%;
						order: 1;
					}/* @media screen and (max-width: 939px) END */

					@media screen and (min-width: 1720px) {/* === 1720pxから表示 === */
						width: 67.7%;
					}/* @media screen and (min-width: 1720px) END */

					img {
						width: 100%;
					}
					.imageBlock {
						display: inline-block;
						width: 100%;
					}
				}
			}// li END
		}
	}// slider END

	.messageEntryWrap {
		display: inline-block;
		width: 100%;
		position: relative;
		padding: 70px 0;
		box-sizing: border-box;
		background-size: cover;
		color: #000;
		text-shadow: 0px 0px 3px rgba(255,255,255,1);
		
		@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
			padding: 50px 0;
		}/* @media screen and (max-width: 939px) END */

		dl {
			display: block;
			width: 96%;
			position: relative;
			text-align: center;
			margin: 0 auto 40px;
			
			dt {
				display: inline-block;
				width: auto;
				margin: 0 0 40px;
				
				span {
					display: inline-block;
					width: 100%;
					font-size: 1.5rem;
					line-height: 1;

					&:first-of-type {
						font-family: 'DistantStrokeMedium';
						font-size: 6.4rem;

						@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
							font-size: 5.4rem;
						}/* @media screen and (max-width: 939px) END */
					}

					&:last-of-type {
						letter-spacing: .4rem;
					}
				}
			}

			dd {
				position: relative;
				display: inline-block;
				width: 100%;
				line-height: 1.5;
				font-family: @fontMeiryo;
			}
		}

		ul {
			width: 100%;
			max-width: 770px;
			.ComFlexBox(flex-start,flex-start,row,wrap,center);// 引数にjustify,align-content,direction,wrap,@align-items
			margin: auto;

			li {
				width: 48%;
				text-align: center;

				@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
					width: 90%;
					margin: 0 auto 0;

					&:first-of-type {
						margin-bottom: 20px;
					}
				}/* @media screen and (max-width: 939px) END */

				@media screen and (min-width: 940px) {/* === 940pxから表示 === */
					max-width: 470px;
					margin: 0 auto 0 0;

					&:last-of-type {
						margin-right: 0;
					}
				}/* @media screen and (min-width: 940px) END */

				a {
					box-sizing: border-box;
					padding: 25px 10px;
					display: inline-block;
					position: relative;
					width: 100%;
					max-width: 470px;
					font-family: @fontMeiryo;
					font-size: 1.2rem;
					line-height: 1;
					border: 2px solid #000;

					@media screen and (max-width: 479px) {/* === SP縦表示 === */
						font-size: 0.9rem;
					}/* @media screen and (max-width: 479px) END */

					span {
						display: inline-block;
						position: relative;
						width: auto;
						padding: 0 25px 0 0;
						line-height: 1;

						&::after {
							display: inline-block;
							content: "";
							width: 20px;
							height: 15px;
							color: #000;
							position: absolute;
							right: 0;
							top: calc(~"50% - 7.5px");
							.iconIcomoon(@arrowRightIcon);// 引数にcontentを指定
							font-size: 14px;
						}
					}

					&:hover {
						color: #cc0c06;
						border-color: #cc0c06;

						span::after {
							color: #cc0c06;
						}
					}
				}
			}
		}
	}// .messageEntryWrap END
}// .messageWrap END

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

	矢印 共通
==================================================================== */
.messageWrap div[class*="slider"] > ul > li nav[class*="arrow"] {
	z-index: 10;
	.ComFlexBox(center,center,row,nowrap,center);// 引数にjustify,align-content,direction,wrap,align-items
	
	& .arrowIcon {
		.ComFlexBox(center,center,row,nowrap,center);// 引数にjustify,align-content,direction,wrap,align-items
	}

	&:hover .arrowIcon {
		transition-duration: .3s;
	}

	label {
		position: absolute;
		pointer-events: none;
		cursor: pointer;
		height: 100%;
		z-index: 1;
		cursor: pointer;
	}
}// nav[class*="arrow"] END

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

	SCENE 矢印（ダブル）
==================================================================== */
.messageWrap div[class*="slider"] > ul > li dl.sceneWrap dd nav[class*="arrow"] {
	width: 20px;
	height: 20px;
	position: relative;
	color: #999;
	
	& .arrowIcon,label {
		width: 20px;
		height: 20px;
	}

	& .arrowIcon,label {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	&.arrowPrev {
		margin: 0 10px 0 0;

		& .arrowIcon::before {
			.iconIcomoon(@arrowLeftWIcon);// 引数にcontentを指定
			font-size: 14px;
		}
	}

	&.arrowNext {
		margin: 0 0 0 10px;

		& .arrowIcon::before {
			font-size: 14px;
			.iconIcomoon(@arrowRightWIcon);// 引数にcontentを指定
		}
	}
}// dl.sceneWrap dd nav[class*="arrow"] END

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

	両サイド 矢印（シングル）
==================================================================== */
.messageWrap div[class*="slider"] > ul > li .imageWrap .arrowWrap {
	position: relative;
	display: inline-block;
	width: 100%;
	
	@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
		margin: 10px 0 0px;
		height: 20px;
	}/* @media screen and (max-width: 939px) END */
	
	@media screen and (min-width: 940px) {/* === 940pxから表示 === */
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}/* @media screen and (min-width: 940px) END */
	
	nav[class*="arrow"] {
		width: 20px;
		height: 30px;
		position: absolute;
		color: #000;
		top: calc(~"50% - 15px");
		font-size: 22px;
		
		@media screen and (max-width: 939px) {/* === 939pxまで表示 === */
			top: calc(~"50% - 10px");
			width: 20px;
			height: 20px;
			font-size: 20px;
		}/* @media screen and (max-width: 939px) END */

		& .arrowIcon,label {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}
		
		&.arrowPrev {
			margin: 0 0px 0 0;
			left: 0;
			& .arrowIcon::before {
				.iconIcomoon(@arrowLeftIcon);// 引数にcontentを指定
			}
		}

		&.arrowNext {
			margin: 0 0 0 0px;
			right: 0;

			& .arrowIcon::before {
				.iconIcomoon(@arrowRightIcon);// 引数にcontentを指定
			}
		}
	}
}// .imageWrap .arrowWrap END

@media screen and (min-width: 940px) {/* === 940pxから表示 === */
	.messageWrap div[class*="slider"] > ul > li .imageWrap .arrowWrap .arrowIcon::before {
		text-shadow: 0px 0px 3px rgba(255,255,255,1);
		transform: scale(0.8, 1.3);
	}
}/* @media screen and (min-width: 940px) END */


.slider01 #slider01Switch1:checked ~ ul[class*="sliderNum"] > li:first-of-type,
.slider01 #slider01Switch2:checked ~ ul[class*="sliderNum"] > li:nth-of-type(2),
.slider01 #slider01Switch3:checked ~ ul[class*="sliderNum"] > li:nth-of-type(3),
.slider01 #slider01Switch4:checked ~ ul[class*="sliderNum"] > li:nth-of-type(4),
.slider01 #slider01Switch5:checked ~ ul[class*="sliderNum"] > li:nth-of-type(5),
.slider01 #slider01Switch6:checked ~ ul[class*="sliderNum"] > li:nth-of-type(6),
.slider01 #slider01Switch7:checked ~ ul[class*="sliderNum"] > li:nth-of-type(7),
.slider01 #slider01Switch8:checked ~ ul[class*="sliderNum"] > li:nth-of-type(8),
.slider01 #slider01Switch9:checked ~ ul[class*="sliderNum"] > li:nth-of-type(9),
.slider01 #slider01Switch10:checked ~ ul[class*="sliderNum"] > li:last-of-type,

.slider02 #slider02Switch1:checked ~ ul[class*="sliderNum"] > li:first-of-type,
.slider02 #slider02Switch2:checked ~ ul[class*="sliderNum"] > li:nth-of-type(2),
.slider02 #slider02Switch3:checked ~ ul[class*="sliderNum"] > li:nth-of-type(3),
.slider02 #slider02Switch4:checked ~ ul[class*="sliderNum"] > li:nth-of-type(4),
.slider02 #slider02Switch5:checked ~ ul[class*="sliderNum"] > li:nth-of-type(5),
.slider02 #slider02Switch6:checked ~ ul[class*="sliderNum"] > li:nth-of-type(6),
.slider02 #slider02Switch7:checked ~ ul[class*="sliderNum"] > li:nth-of-type(7),
.slider02 #slider02Switch8:checked ~ ul[class*="sliderNum"] > li:nth-of-type(8),
.slider02 #slider02Switch9:checked ~ ul[class*="sliderNum"] > li:nth-of-type(9),
.slider02 #slider02Switch10:checked ~ ul[class*="sliderNum"] > li:last-of-type {
	z-index: 1;
	position: relative;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

// arrowクリックで左側にコンテンツを持ってくる
.slider01 #slider01Switch1:checked ~ ul.sliderNum3 > li:last-of-type,
.slider01 #slider01Switch2:checked ~ ul.sliderNum3 > li:first-of-type,
.slider01 #slider01Switch3:checked ~ ul.sliderNum3 > li:nth-of-type(2),

.slider01 #slider01Switch1:checked ~ ul.sliderNum4 > li:last-of-type,
.slider01 #slider01Switch1:checked ~ ul.sliderNum4 > li:nth-of-type(3),
.slider01 #slider01Switch2:checked ~ ul.sliderNum4 > li:first-of-type,
.slider01 #slider01Switch2:checked ~ ul.sliderNum4 > li:last-of-type,
.slider01 #slider01Switch3:checked ~ ul.sliderNum4 > li:nth-of-type(2),
.slider01 #slider01Switch3:checked ~ ul.sliderNum4 > li:first-of-type,
.slider01 #slider01Switch4:checked ~ ul.sliderNum4 > li:nth-of-type(3),
.slider01 #slider01Switch4:checked ~ ul.sliderNum4 > li:nth-of-type(2),

.slider01 #slider01Switch1:checked ~ ul.sliderNum5 > li:last-of-type,
.slider01 #slider01Switch1:checked ~ ul.sliderNum5 > li:nth-of-type(4),
.slider01 #slider01Switch2:checked ~ ul.sliderNum5 > li:first-of-type,
.slider01 #slider01Switch2:checked ~ ul.sliderNum5 > li:last-of-type,
.slider01 #slider01Switch3:checked ~ ul.sliderNum5 > li:nth-of-type(2),
.slider01 #slider01Switch3:checked ~ ul.sliderNum5 > li:first-of-type,
.slider01 #slider01Switch4:checked ~ ul.sliderNum5 > li:nth-of-type(3),
.slider01 #slider01Switch4:checked ~ ul.sliderNum5 > li:nth-of-type(2),
.slider01 #slider01Switch5:checked ~ ul.sliderNum5 > li:nth-of-type(4),
.slider01 #slider01Switch5:checked ~ ul.sliderNum5 > li:nth-of-type(3),

.slider01 #slider01Switch1:checked ~ ul.sliderNum6 > li:last-of-type,
.slider01 #slider01Switch1:checked ~ ul.sliderNum6 > li:nth-of-type(5),
.slider01 #slider01Switch2:checked ~ ul.sliderNum6 > li:first-of-type,
.slider01 #slider01Switch2:checked ~ ul.sliderNum6 > li:last-of-type,
.slider01 #slider01Switch3:checked ~ ul.sliderNum6 > li:nth-of-type(2),
.slider01 #slider01Switch3:checked ~ ul.sliderNum6 > li:first-of-type,
.slider01 #slider01Switch4:checked ~ ul.sliderNum6 > li:nth-of-type(3),
.slider01 #slider01Switch4:checked ~ ul.sliderNum6 > li:nth-of-type(2),
.slider01 #slider01Switch5:checked ~ ul.sliderNum6 > li:nth-of-type(4),
.slider01 #slider01Switch5:checked ~ ul.sliderNum6 > li:nth-of-type(3),
.slider01 #slider01Switch6:checked ~ ul.sliderNum6 > li:nth-of-type(5),
.slider01 #slider01Switch6:checked ~ ul.sliderNum6 > li:nth-of-type(4),

.slider01 #slider01Switch1:checked ~ ul.sliderNum7 > li:last-of-type,
.slider01 #slider01Switch1:checked ~ ul.sliderNum7 > li:nth-of-type(5),
.slider01 #slider01Switch2:checked ~ ul.sliderNum7 > li:first-of-type,
.slider01 #slider01Switch2:checked ~ ul.sliderNum7 > li:last-of-type,
.slider01 #slider01Switch3:checked ~ ul.sliderNum7 > li:nth-of-type(2),
.slider01 #slider01Switch3:checked ~ ul.sliderNum7 > li:first-of-type,
.slider01 #slider01Switch4:checked ~ ul.sliderNum7 > li:nth-of-type(3),
.slider01 #slider01Switch4:checked ~ ul.sliderNum7 > li:nth-of-type(2),
.slider01 #slider01Switch5:checked ~ ul.sliderNum7 > li:nth-of-type(4),
.slider01 #slider01Switch5:checked ~ ul.sliderNum7 > li:nth-of-type(3),
.slider01 #slider01Switch6:checked ~ ul.sliderNum7 > li:nth-of-type(5),
.slider01 #slider01Switch6:checked ~ ul.sliderNum7 > li:nth-of-type(4),
.slider01 #slider01Switch7:checked ~ ul.sliderNum7 > li:nth-of-type(6),
.slider01 #slider01Switch7:checked ~ ul.sliderNum7 > li:nth-of-type(5),

.slider01 #slider01Switch1:checked ~ ul.sliderNum8 > li:last-of-type,
.slider01 #slider01Switch1:checked ~ ul.sliderNum8 > li:nth-of-type(5),
.slider01 #slider01Switch2:checked ~ ul.sliderNum8 > li:first-of-type,
.slider01 #slider01Switch2:checked ~ ul.sliderNum8 > li:last-of-type,
.slider01 #slider01Switch3:checked ~ ul.sliderNum8 > li:nth-of-type(2),
.slider01 #slider01Switch3:checked ~ ul.sliderNum8 > li:first-of-type,
.slider01 #slider01Switch4:checked ~ ul.sliderNum8 > li:nth-of-type(3),
.slider01 #slider01Switch4:checked ~ ul.sliderNum8 > li:nth-of-type(2),
.slider01 #slider01Switch5:checked ~ ul.sliderNum8 > li:nth-of-type(4),
.slider01 #slider01Switch5:checked ~ ul.sliderNum8 > li:nth-of-type(3),
.slider01 #slider01Switch6:checked ~ ul.sliderNum8 > li:nth-of-type(5),
.slider01 #slider01Switch6:checked ~ ul.sliderNum8 > li:nth-of-type(4),
.slider01 #slider01Switch7:checked ~ ul.sliderNum8 > li:nth-of-type(6),
.slider01 #slider01Switch7:checked ~ ul.sliderNum8 > li:nth-of-type(5),
.slider01 #slider01Switch8:checked ~ ul.sliderNum8 > li:nth-of-type(7),
.slider01 #slider01Switch8:checked ~ ul.sliderNum8 > li:nth-of-type(6),

.slider01 #slider01Switch1:checked ~ ul.sliderNum9 > li:last-of-type,
.slider01 #slider01Switch1:checked ~ ul.sliderNum9 > li:nth-of-type(5),
.slider01 #slider01Switch2:checked ~ ul.sliderNum9 > li:first-of-type,
.slider01 #slider01Switch2:checked ~ ul.sliderNum9 > li:last-of-type,
.slider01 #slider01Switch3:checked ~ ul.sliderNum9 > li:nth-of-type(2),
.slider01 #slider01Switch3:checked ~ ul.sliderNum9 > li:first-of-type,
.slider01 #slider01Switch4:checked ~ ul.sliderNum9 > li:nth-of-type(3),
.slider01 #slider01Switch4:checked ~ ul.sliderNum9 > li:nth-of-type(2),
.slider01 #slider01Switch5:checked ~ ul.sliderNum9 > li:nth-of-type(4),
.slider01 #slider01Switch5:checked ~ ul.sliderNum9 > li:nth-of-type(3),
.slider01 #slider01Switch6:checked ~ ul.sliderNum9 > li:nth-of-type(5),
.slider01 #slider01Switch6:checked ~ ul.sliderNum9 > li:nth-of-type(4),
.slider01 #slider01Switch7:checked ~ ul.sliderNum9 > li:nth-of-type(6),
.slider01 #slider01Switch7:checked ~ ul.sliderNum9 > li:nth-of-type(5),
.slider01 #slider01Switch8:checked ~ ul.sliderNum9 > li:nth-of-type(7),
.slider01 #slider01Switch8:checked ~ ul.sliderNum9 > li:nth-of-type(6),
.slider01 #slider01Switch9:checked ~ ul.sliderNum9 > li:nth-of-type(8),
.slider01 #slider01Switch9:checked ~ ul.sliderNum9 > li:nth-of-type(7),

.slider01 #slider01Switch1:checked ~ ul.sliderNum10 > li:last-of-type,
.slider01 #slider01Switch1:checked ~ ul.sliderNum10 > li:nth-of-type(5),
.slider01 #slider01Switch2:checked ~ ul.sliderNum10 > li:first-of-type,
.slider01 #slider01Switch2:checked ~ ul.sliderNum10 > li:last-of-type,
.slider01 #slider01Switch3:checked ~ ul.sliderNum10 > li:nth-of-type(2),
.slider01 #slider01Switch3:checked ~ ul.sliderNum10 > li:first-of-type,
.slider01 #slider01Switch4:checked ~ ul.sliderNum10 > li:nth-of-type(3),
.slider01 #slider01Switch4:checked ~ ul.sliderNum10 > li:nth-of-type(2),
.slider01 #slider01Switch5:checked ~ ul.sliderNum10 > li:nth-of-type(4),
.slider01 #slider01Switch5:checked ~ ul.sliderNum10 > li:nth-of-type(3),
.slider01 #slider01Switch6:checked ~ ul.sliderNum10 > li:nth-of-type(5),
.slider01 #slider01Switch6:checked ~ ul.sliderNum10 > li:nth-of-type(4),
.slider01 #slider01Switch7:checked ~ ul.sliderNum10 > li:nth-of-type(6),
.slider01 #slider01Switch7:checked ~ ul.sliderNum10 > li:nth-of-type(5),
.slider01 #slider01Switch8:checked ~ ul.sliderNum10 > li:nth-of-type(7),
.slider01 #slider01Switch8:checked ~ ul.sliderNum10 > li:nth-of-type(6),
.slider01 #slider01Switch9:checked ~ ul.sliderNum10 > li:nth-of-type(8),
.slider01 #slider01Switch9:checked ~ ul.sliderNum10 > li:nth-of-type(7),
.slider01 #slider01Switch10:checked ~ ul.sliderNum10 > li:nth-of-type(9),
.slider01 #slider01Switch10:checked ~ ul.sliderNum10 > li:nth-of-type(8),

.slider02 #slider02Switch1:checked ~ ul.sliderNum3 > li:last-of-type,
.slider02 #slider02Switch2:checked ~ ul.sliderNum3 > li:first-of-type,
.slider02 #slider02Switch3:checked ~ ul.sliderNum3 > li:nth-of-type(2),

.slider02 #slider02Switch1:checked ~ ul.sliderNum4 > li:last-of-type,
.slider02 #slider02Switch1:checked ~ ul.sliderNum4 > li:nth-of-type(3),
.slider02 #slider02Switch2:checked ~ ul.sliderNum4 > li:first-of-type,
.slider02 #slider02Switch2:checked ~ ul.sliderNum4 > li:last-of-type,
.slider02 #slider02Switch3:checked ~ ul.sliderNum4 > li:nth-of-type(2),
.slider02 #slider02Switch3:checked ~ ul.sliderNum4 > li:first-of-type,
.slider02 #slider02Switch4:checked ~ ul.sliderNum4 > li:nth-of-type(3),
.slider02 #slider02Switch4:checked ~ ul.sliderNum4 > li:nth-of-type(2),

.slider02 #slider02Switch1:checked ~ ul.sliderNum5 > li:last-of-type,
.slider02 #slider02Switch1:checked ~ ul.sliderNum5 > li:nth-of-type(4),
.slider02 #slider02Switch2:checked ~ ul.sliderNum5 > li:first-of-type,
.slider02 #slider02Switch2:checked ~ ul.sliderNum5 > li:last-of-type,
.slider02 #slider02Switch3:checked ~ ul.sliderNum5 > li:nth-of-type(2),
.slider02 #slider02Switch3:checked ~ ul.sliderNum5 > li:first-of-type,
.slider02 #slider02Switch4:checked ~ ul.sliderNum5 > li:nth-of-type(3),
.slider02 #slider02Switch4:checked ~ ul.sliderNum5 > li:nth-of-type(2),
.slider02 #slider02Switch5:checked ~ ul.sliderNum5 > li:nth-of-type(4),
.slider02 #slider02Switch5:checked ~ ul.sliderNum5 > li:nth-of-type(3),

.slider02 #slider02Switch1:checked ~ ul.sliderNum6 > li:last-of-type,
.slider02 #slider02Switch1:checked ~ ul.sliderNum6 > li:nth-of-type(5),
.slider02 #slider02Switch2:checked ~ ul.sliderNum6 > li:first-of-type,
.slider02 #slider02Switch2:checked ~ ul.sliderNum6 > li:last-of-type,
.slider02 #slider02Switch3:checked ~ ul.sliderNum6 > li:nth-of-type(2),
.slider02 #slider02Switch3:checked ~ ul.sliderNum6 > li:first-of-type,
.slider02 #slider02Switch4:checked ~ ul.sliderNum6 > li:nth-of-type(3),
.slider02 #slider02Switch4:checked ~ ul.sliderNum6 > li:nth-of-type(2),
.slider02 #slider02Switch5:checked ~ ul.sliderNum6 > li:nth-of-type(4),
.slider02 #slider02Switch5:checked ~ ul.sliderNum6 > li:nth-of-type(3),
.slider02 #slider02Switch6:checked ~ ul.sliderNum6 > li:nth-of-type(5),
.slider02 #slider02Switch6:checked ~ ul.sliderNum6 > li:nth-of-type(4),

.slider02 #slider02Switch1:checked ~ ul.sliderNum6 > li:last-of-type,
.slider02 #slider02Switch1:checked ~ ul.sliderNum6 > li:nth-of-type(5),
.slider02 #slider02Switch2:checked ~ ul.sliderNum6 > li:first-of-type,
.slider02 #slider02Switch2:checked ~ ul.sliderNum6 > li:last-of-type,
.slider02 #slider02Switch3:checked ~ ul.sliderNum6 > li:nth-of-type(2),
.slider02 #slider02Switch3:checked ~ ul.sliderNum6 > li:first-of-type,
.slider02 #slider02Switch4:checked ~ ul.sliderNum6 > li:nth-of-type(3),
.slider02 #slider02Switch4:checked ~ ul.sliderNum6 > li:nth-of-type(2),
.slider02 #slider02Switch5:checked ~ ul.sliderNum6 > li:nth-of-type(4),
.slider02 #slider02Switch5:checked ~ ul.sliderNum6 > li:nth-of-type(3),
.slider02 #slider02Switch6:checked ~ ul.sliderNum6 > li:nth-of-type(5),
.slider02 #slider02Switch6:checked ~ ul.sliderNum6 > li:nth-of-type(4),

.slider02 #slider02Switch1:checked ~ ul.sliderNum7 > li:last-of-type,
.slider02 #slider02Switch1:checked ~ ul.sliderNum7 > li:nth-of-type(5),
.slider02 #slider02Switch2:checked ~ ul.sliderNum7 > li:first-of-type,
.slider02 #slider02Switch2:checked ~ ul.sliderNum7 > li:last-of-type,
.slider02 #slider02Switch3:checked ~ ul.sliderNum7 > li:nth-of-type(2),
.slider02 #slider02Switch3:checked ~ ul.sliderNum7 > li:first-of-type,
.slider02 #slider02Switch4:checked ~ ul.sliderNum7 > li:nth-of-type(3),
.slider02 #slider02Switch4:checked ~ ul.sliderNum7 > li:nth-of-type(2),
.slider02 #slider02Switch5:checked ~ ul.sliderNum7 > li:nth-of-type(4),
.slider02 #slider02Switch5:checked ~ ul.sliderNum7 > li:nth-of-type(3),
.slider02 #slider02Switch6:checked ~ ul.sliderNum7 > li:nth-of-type(5),
.slider02 #slider02Switch6:checked ~ ul.sliderNum7 > li:nth-of-type(4),
.slider02 #slider02Switch7:checked ~ ul.sliderNum7 > li:nth-of-type(6),
.slider02 #slider02Switch7:checked ~ ul.sliderNum7 > li:nth-of-type(5),

.slider02 #slider02Switch1:checked ~ ul.sliderNum8 > li:last-of-type,
.slider02 #slider02Switch1:checked ~ ul.sliderNum8 > li:nth-of-type(5),
.slider02 #slider02Switch2:checked ~ ul.sliderNum8 > li:first-of-type,
.slider02 #slider02Switch2:checked ~ ul.sliderNum8 > li:last-of-type,
.slider02 #slider02Switch3:checked ~ ul.sliderNum8 > li:nth-of-type(2),
.slider02 #slider02Switch3:checked ~ ul.sliderNum8 > li:first-of-type,
.slider02 #slider02Switch4:checked ~ ul.sliderNum8 > li:nth-of-type(3),
.slider02 #slider02Switch4:checked ~ ul.sliderNum8 > li:nth-of-type(2),
.slider02 #slider02Switch5:checked ~ ul.sliderNum8 > li:nth-of-type(4),
.slider02 #slider02Switch5:checked ~ ul.sliderNum8 > li:nth-of-type(3),
.slider02 #slider02Switch6:checked ~ ul.sliderNum8 > li:nth-of-type(5),
.slider02 #slider02Switch6:checked ~ ul.sliderNum8 > li:nth-of-type(4),
.slider02 #slider02Switch7:checked ~ ul.sliderNum8 > li:nth-of-type(6),
.slider02 #slider02Switch7:checked ~ ul.sliderNum8 > li:nth-of-type(5),
.slider02 #slider02Switch8:checked ~ ul.sliderNum8 > li:nth-of-type(7),
.slider02 #slider02Switch8:checked ~ ul.sliderNum8 > li:nth-of-type(6),

.slider02 #slider02Switch1:checked ~ ul.sliderNum9 > li:last-of-type,
.slider02 #slider02Switch1:checked ~ ul.sliderNum9 > li:nth-of-type(5),
.slider02 #slider02Switch2:checked ~ ul.sliderNum9 > li:first-of-type,
.slider02 #slider02Switch2:checked ~ ul.sliderNum9 > li:last-of-type,
.slider02 #slider02Switch3:checked ~ ul.sliderNum9 > li:nth-of-type(2),
.slider02 #slider02Switch3:checked ~ ul.sliderNum9 > li:first-of-type,
.slider02 #slider02Switch4:checked ~ ul.sliderNum9 > li:nth-of-type(3),
.slider02 #slider02Switch4:checked ~ ul.sliderNum9 > li:nth-of-type(2),
.slider02 #slider02Switch5:checked ~ ul.sliderNum9 > li:nth-of-type(4),
.slider02 #slider02Switch5:checked ~ ul.sliderNum9 > li:nth-of-type(3),
.slider02 #slider02Switch6:checked ~ ul.sliderNum9 > li:nth-of-type(5),
.slider02 #slider02Switch6:checked ~ ul.sliderNum9 > li:nth-of-type(4),
.slider02 #slider02Switch7:checked ~ ul.sliderNum9 > li:nth-of-type(6),
.slider02 #slider02Switch7:checked ~ ul.sliderNum9 > li:nth-of-type(5),
.slider02 #slider02Switch8:checked ~ ul.sliderNum9 > li:nth-of-type(7),
.slider02 #slider02Switch8:checked ~ ul.sliderNum9 > li:nth-of-type(6),
.slider02 #slider02Switch9:checked ~ ul.sliderNum9 > li:nth-of-type(8),
.slider02 #slider02Switch9:checked ~ ul.sliderNum9 > li:nth-of-type(7),

.slider02 #slider02Switch1:checked ~ ul.sliderNum10 > li:last-of-type,
.slider02 #slider02Switch1:checked ~ ul.sliderNum10 > li:nth-of-type(5),
.slider02 #slider02Switch2:checked ~ ul.sliderNum10 > li:first-of-type,
.slider02 #slider02Switch2:checked ~ ul.sliderNum10 > li:last-of-type,
.slider02 #slider02Switch3:checked ~ ul.sliderNum10 > li:nth-of-type(2),
.slider02 #slider02Switch3:checked ~ ul.sliderNum10 > li:first-of-type,
.slider02 #slider02Switch4:checked ~ ul.sliderNum10 > li:nth-of-type(3),
.slider02 #slider02Switch4:checked ~ ul.sliderNum10 > li:nth-of-type(2),
.slider02 #slider02Switch5:checked ~ ul.sliderNum10 > li:nth-of-type(4),
.slider02 #slider02Switch5:checked ~ ul.sliderNum10 > li:nth-of-type(3),
.slider02 #slider02Switch6:checked ~ ul.sliderNum10 > li:nth-of-type(5),
.slider02 #slider02Switch6:checked ~ ul.sliderNum10 > li:nth-of-type(4),
.slider02 #slider02Switch7:checked ~ ul.sliderNum10 > li:nth-of-type(6),
.slider02 #slider02Switch7:checked ~ ul.sliderNum10 > li:nth-of-type(5),
.slider02 #slider02Switch8:checked ~ ul.sliderNum10 > li:nth-of-type(7),
.slider02 #slider02Switch8:checked ~ ul.sliderNum10 > li:nth-of-type(6),
.slider02 #slider02Switch9:checked ~ ul.sliderNum10 > li:nth-of-type(8),
.slider02 #slider02Switch9:checked ~ ul.sliderNum10 > li:nth-of-type(7),
.slider02 #slider02Switch10:checked ~ ul.sliderNum10 > li:nth-of-type(9),
.slider02 #slider02Switch10:checked ~ ul.sliderNum10 > li:nth-of-type(8) {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 0;
}


.slider01 #slider01Switch1:checked ~ ul.sliderNum3 > li .arrowPrev label[for="slider01Switch3"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum3 > li .arrowPrev label[for="slider01Switch1"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum3 > li .arrowPrev label[for="slider01Switch2"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum4 > li .arrowPrev label[for="slider01Switch4"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum4 > li .arrowPrev label[for="slider01Switch1"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum4 > li .arrowPrev label[for="slider01Switch2"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum4 > li .arrowPrev label[for="slider01Switch3"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum5 > li .arrowPrev label[for="slider01Switch5"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum5 > li .arrowPrev label[for="slider01Switch1"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum5 > li .arrowPrev label[for="slider01Switch2"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum5 > li .arrowPrev label[for="slider01Switch3"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum5 > li .arrowPrev label[for="slider01Switch4"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider01Switch6"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider01Switch1"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider01Switch2"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider01Switch3"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider01Switch4"],
.slider01 #slider01Switch6:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider01Switch5"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider01Switch7"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider01Switch1"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider01Switch2"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider01Switch3"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider01Switch4"],
.slider01 #slider01Switch6:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider01Switch5"],
.slider01 #slider01Switch7:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider01Switch6"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider01Switch8"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider01Switch1"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider01Switch2"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider01Switch3"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider01Switch4"],
.slider01 #slider01Switch6:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider01Switch5"],
.slider01 #slider01Switch7:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider01Switch6"],
.slider01 #slider01Switch8:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider01Switch7"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider01Switch9"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider01Switch1"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider01Switch2"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider01Switch3"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider01Switch4"],
.slider01 #slider01Switch6:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider01Switch5"],
.slider01 #slider01Switch7:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider01Switch6"],
.slider01 #slider01Switch8:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider01Switch7"],
.slider01 #slider01Switch9:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider01Switch8"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider01Switch10"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider01Switch1"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider01Switch2"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider01Switch3"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider01Switch4"],
.slider01 #slider01Switch6:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider01Switch5"],
.slider01 #slider01Switch7:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider01Switch6"],
.slider01 #slider01Switch8:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider01Switch7"],
.slider01 #slider01Switch9:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider01Switch8"],
.slider01 #slider01Switch10:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider01Switch9"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum3 > li .arrowNext label[for="slider01Switch2"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum3 > li .arrowNext label[for="slider01Switch3"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum3 > li .arrowNext label[for="slider01Switch1"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum4 > li .arrowNext label[for="slider01Switch2"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum4 > li .arrowNext label[for="slider01Switch3"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum4 > li .arrowNext label[for="slider01Switch4"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum4 > li .arrowNext label[for="slider01Switch1"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum5 > li .arrowNext label[for="slider01Switch2"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum5 > li .arrowNext label[for="slider01Switch3"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum5 > li .arrowNext label[for="slider01Switch4"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum5 > li .arrowNext label[for="slider01Switch5"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum5 > li .arrowNext label[for="slider01Switch1"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider01Switch2"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider01Switch3"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider01Switch4"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider01Switch5"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider01Switch6"],
.slider01 #slider01Switch6:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider01Switch1"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider01Switch2"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider01Switch3"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider01Switch4"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider01Switch5"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider01Switch6"],
.slider01 #slider01Switch6:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider01Switch7"],
.slider01 #slider01Switch7:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider01Switch1"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider01Switch2"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider01Switch3"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider01Switch4"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider01Switch5"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider01Switch6"],
.slider01 #slider01Switch6:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider01Switch7"],
.slider01 #slider01Switch7:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider01Switch8"],
.slider01 #slider01Switch8:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider01Switch1"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider01Switch2"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider01Switch3"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider01Switch4"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider01Switch5"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider01Switch6"],
.slider01 #slider01Switch6:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider01Switch7"],
.slider01 #slider01Switch7:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider01Switch8"],
.slider01 #slider01Switch8:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider01Switch9"],
.slider01 #slider01Switch9:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider01Switch1"],

.slider01 #slider01Switch1:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider01Switch2"],
.slider01 #slider01Switch2:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider01Switch3"],
.slider01 #slider01Switch3:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider01Switch4"],
.slider01 #slider01Switch4:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider01Switch5"],
.slider01 #slider01Switch5:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider01Switch6"],
.slider01 #slider01Switch6:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider01Switch7"],
.slider01 #slider01Switch7:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider01Switch8"],
.slider01 #slider01Switch8:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider01Switch9"],
.slider01 #slider01Switch9:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider01Switch10"],
.slider01 #slider01Switch10:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider01Switch1"] {
	pointer-events: auto;
}


.slider02 #slider02Switch1:checked ~ ul.sliderNum3 > li .arrowPrev label[for="slider02Switch3"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum3 > li .arrowPrev label[for="slider02Switch1"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum3 > li .arrowPrev label[for="slider02Switch2"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum4 > li .arrowPrev label[for="slider02Switch4"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum4 > li .arrowPrev label[for="slider02Switch1"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum4 > li .arrowPrev label[for="slider02Switch2"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum4 > li .arrowPrev label[for="slider02Switch3"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum5 > li .arrowPrev label[for="slider02Switch5"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum5 > li .arrowPrev label[for="slider02Switch1"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum5 > li .arrowPrev label[for="slider02Switch2"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum5 > li .arrowPrev label[for="slider02Switch3"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum5 > li .arrowPrev label[for="slider02Switch4"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch6"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch1"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch2"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch3"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch4"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch5"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch6"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch1"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch2"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch3"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch4"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum6 > li .arrowPrev label[for="slider02Switch5"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider02Switch7"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider02Switch1"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider02Switch2"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider02Switch3"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider02Switch4"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider02Switch5"],
.slider02 #slider02Switch7:checked ~ ul.sliderNum7 > li .arrowPrev label[for="slider02Switch6"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider02Switch8"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider02Switch1"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider02Switch2"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider02Switch3"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider02Switch4"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider02Switch5"],
.slider02 #slider02Switch7:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider02Switch6"],
.slider02 #slider02Switch8:checked ~ ul.sliderNum8 > li .arrowPrev label[for="slider02Switch7"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider02Switch9"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider02Switch1"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider02Switch2"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider02Switch3"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider02Switch4"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider02Switch5"],
.slider02 #slider02Switch7:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider02Switch6"],
.slider02 #slider02Switch8:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider02Switch7"],
.slider02 #slider02Switch9:checked ~ ul.sliderNum9 > li .arrowPrev label[for="slider02Switch8"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider02Switch10"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider02Switch1"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider02Switch2"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider02Switch3"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider02Switch4"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider02Switch5"],
.slider02 #slider02Switch7:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider02Switch6"],
.slider02 #slider02Switch8:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider02Switch7"],
.slider02 #slider02Switch9:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider02Switch8"],
.slider02 #slider02Switch10:checked ~ ul.sliderNum10 > li .arrowPrev label[for="slider02Switch9"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum3 > li .arrowNext label[for="slider02Switch2"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum3 > li .arrowNext label[for="slider02Switch3"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum3 > li .arrowNext label[for="slider02Switch1"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum4 > li .arrowNext label[for="slider02Switch2"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum4 > li .arrowNext label[for="slider02Switch3"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum4 > li .arrowNext label[for="slider02Switch4"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum4 > li .arrowNext label[for="slider02Switch1"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum5 > li .arrowNext label[for="slider02Switch2"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum5 > li .arrowNext label[for="slider02Switch3"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum5 > li .arrowNext label[for="slider02Switch4"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum5 > li .arrowNext label[for="slider02Switch5"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum5 > li .arrowNext label[for="slider02Switch1"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider02Switch2"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider02Switch3"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider02Switch4"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider02Switch5"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider02Switch6"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum6 > li .arrowNext label[for="slider02Switch1"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider02Switch2"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider02Switch3"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider02Switch4"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider02Switch5"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider02Switch6"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider02Switch7"],
.slider02 #slider02Switch7:checked ~ ul.sliderNum7 > li .arrowNext label[for="slider02Switch1"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider02Switch2"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider02Switch3"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider02Switch4"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider02Switch5"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider02Switch6"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider02Switch7"],
.slider02 #slider02Switch7:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider02Switch8"],
.slider02 #slider02Switch8:checked ~ ul.sliderNum8 > li .arrowNext label[for="slider02Switch1"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider02Switch2"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider02Switch3"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider02Switch4"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider02Switch5"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider02Switch6"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider02Switch7"],
.slider02 #slider02Switch7:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider02Switch8"],
.slider02 #slider02Switch8:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider02Switch9"],
.slider02 #slider02Switch9:checked ~ ul.sliderNum9 > li .arrowNext label[for="slider02Switch1"],

.slider02 #slider02Switch1:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider02Switch2"],
.slider02 #slider02Switch2:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider02Switch3"],
.slider02 #slider02Switch3:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider02Switch4"],
.slider02 #slider02Switch4:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider02Switch5"],
.slider02 #slider02Switch5:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider02Switch6"],
.slider02 #slider02Switch6:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider02Switch7"],
.slider02 #slider02Switch7:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider02Switch8"],
.slider02 #slider02Switch8:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider02Switch9"],
.slider02 #slider02Switch9:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider02Switch10"],
.slider02 #slider02Switch10:checked ~ ul.sliderNum10 > li .arrowNext label[for="slider02Switch1"] {
	pointer-events: auto;
}


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

	Footer・共通ブロック
======================================================================================================================================= */
/* ====================================================================

	お問い合わせ・採用情報
==================================================================== */
#f1{
	background: url(../images/cmn/fbg.jpg) 50% 50% no-repeat;
	background-size: cover;

	ul.wrap {
		text-align: center;
		max-width: 1000px;
		.ComFlexBox(center,center,row,nowrap,stretch);// 引数にjustify,align-content,direction,wrap,@align-items

		li {
			border: 7px solid #000;
			width: 48%;
			box-sizing: border-box;
			padding: 20px;
			margin-left: auto;
			margin-right: auto;
		}

		h4 {
		    font-family: @fontHerr;
			font-size: 4rem;
			font-weight: normal;
			line-height: 1.3;
			margin-bottom: 20px;
		}

		p {
			margin-bottom: 20px;
		}
	}

	.btn_black {
		font-size: 0.8rem;
		letter-spacing: 2px;
	}

	@media screen and (max-width: 780px){
		padding-bottom: 40px;

		ul.wrap {
			display: block;

			li {
				display: block;
				width: auto;
				margin-bottom: 30px;
				padding: 20px 10px;

				&:empty {
					display: none;
				}
			}

			h4 {
				font-size: 3rem;
				margin-bottom: 10px;
			}

			p {
				margin-bottom: 10px;
			}
		}
	}/* @media screen and (max-width: 780px) END */
}/* #f1 END */


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

	外部リンク
==================================================================== */
#f2 {
	background: #111;
	padding: 50px 0;

	ul.wrap {
		text-align: center;
		padding: 0;
		display: table;
		width: auto;
		border-left: 1px solid #2e2e2e;

		li {
			display: table-cell;
			vertical-align: middle;
			box-sizing: border-box;
			border-right: 1px solid #2e2e2e;
			width: 33.3%;

			a {
				display: block;
			}

			img {
				width: auto;
				max-width: 70%;
				max-height: 120px;
				display: block;
				margin: 0 auto;
			}
		}
	}
}

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

	Footer
==================================================================== */
footer {
	font-size: 0.8rem;
	padding: 80px 20px 20px;
	z-index: 1;
	position: relative;
	
	
	&:not(#messageFooter) {
		background: #000000;
		color: #ddd;
		
		a {
			color: #ddd !important;
		}
	}
	
	&#messageFooter {
		background: #fff;
		
		p.logo {
			margin-bottom: 15px;
			
			@media screen and (max-width: 780px){
				margin-bottom: 20px;
			}
			
			img {
				width: 90px;
			}
		}
	}
	
	p:not(.logo) {
	    font-family: @fontHerr;
		font-size: 2rem;
		font-weight: normal;
		line-height: 1.3;
		margin-bottom: 10px;
	}

	nav {
		display: block;

		ul {
			display: table;
			table-layout: fixed;

			li {
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				padding-right: 30px;

				a {
					display: block;
				}
			}
		}
	}

	.cp {
		display: inline-block;
		letter-spacing: 1px;
		position: absolute;
		bottom: 20px;
		right: 20px;
		text-align: right;
	}

	@media screen and (max-width: 780px){
		padding: 40px 0 0;
		text-align: center;
		font-size: 0.7rem;

		nav ul {
			display: block;
			overflow: hidden;
			margin-bottom: 10px;

			li {
				display: block;
				width: 50%;
				float: left;
				padding: 0;

				&:nth-of-type(1) {
					display: none;
				}

				a {
					padding: 5px;
				}
			}
		}

		.cp {
			display: block;
			text-align: center;
			font-size: 0.8rem;
			position: static;
			border-top: 1px solid rgba(255,255,255,0.2);
			padding: 10px 0;
		}
	}/* @media screen and (max-width: 780px) END */
}/* footer END */

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

	ページトップ cmn.js
==================================================================== */
#scroll {
	height: 37px;
	width: 38px;
	position: fixed;
	bottom: 50px;
	right: 20px;
	z-index: 3;
	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;

	a {
		display: block;
		height: 100%;
		width: 100%;
		border: 1px solid rgba(125,125,125,0.8);
		box-sizing: border-box;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;

		&:hover {
			background: #000;
		}

		span {
			display: block;
			text-indent: -10000px;
			outline:none;
			line-height:1px;
			font-size:1px;
			height: 23px;
			width: 1px;
			background: rgba(125,125,125,0.8);
			margin: 7px auto 0;
			position: relative;

			&:after {
				position: absolute;
				top: -3px;
				left: -6px;
				display: block;
				content: '';
				width: 1.5px;
				height: 18px;
				background: rgba(125,125,125,0.8);
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			&:before {
				position: absolute;
				top: -3px;
				left: 5px;
				display: block;
				content: '';
				width: 1.5px;
				height: 18px;
				background: rgba(125,125,125,0.8);
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
		}
	}/* a END */
}/* #scroll END */

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

	ローディング cmn.js
======================================================================================================================================= */
#load {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	z-index: 100;

	div {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../images/cmn/loadinfo.net.gif) 50% 50% no-repeat #000;
		background-size: 24px 24px;
	}
}


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

	フォーム
======================================================================================================================================= */
form {
	input,
	textarea {
		display: block;
		width: 100%;
		box-sizing: border-box;
		background: #f5f5f5;
		padding: 15px;
		font-size: 13px;
		border: 1px solid #fff;
		color: #666;
		letter-spacing: 1px;
		font-family: @fontMeiryo;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
		-webkit-appearance: none;

		&:focus {
			background: #fff;
			border: 1px solid #ddd;
		}
	}

	.submit input {
		display:inline-block;
		width: auto;
		cursor: pointer;
		background: #cc0c06;
		color: #fff;
		letter-spacing: 3px;
		padding: 10px;
		font-size: 1rem;
		min-width: 240px;
		font-family: @fontGaramond;

		&:hover{
			background: #e50700;
		}

		&:active{
			background: #b60600;
		}
	}

	select {
		background: #fff;
		padding: 0 5px;
		border: 1px solid #ccc;
		letter-spacing: 1px;
		font-family: @fontMeiryo;

		option{
			padding: 5px;
			border: none;
		}
	}

	label {
		position: relative;
		display: inline-block;
		cursor: pointer;
		font-size: 13px;
		padding: 0 15px 0 22px;
		font-family: @fontMeiryo;

		input[type="radio"],
		input[type="checkbox"] {
			display: none;
			margin: 0;

			&:checked + span {
				color: #d00;

				&::after {
					content: "";
					position: absolute;
					top: 50%;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					display: block;
					left: 3px;
					width: 9px;
					height: 9px;
					margin-top: -5px;
					background: #d00;
				}
			}
		}

		span::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
			width: 15px;
			height: 15px;
			margin-top: -8px;
			background: #f0f0f0;
		}

		input[type="radio"] + span::before {
			border-radius: 30px;
		}

		input[type="radio"] + span::after {
			border-radius: 100%;
		}
	}

	input[type=file] {
		border: none;
	}
}/* form END */


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

	共通フォームレイアウト
==================================================================== */
.comFormLay {
	dl {
		display: table;
		width: 100%;
		table-layout: fixed;

		dt {
			display: table-cell;
			vertical-align: middle;
			text-align: right;
			padding: 10px 30px 10px 0;
		}

		dd {
			display: table-cell;
			vertical-align: middle;
			text-align: left;
			padding: 10px 10px 10px 30px;
		}

		@media screen and (max-width: 680px){
			display: block;
			margin-bottom: 20px;

			dt {
				display: block;
				width: auto;
				text-align: left;
				padding: 5px;
			}

			dd {
				display: block;
				padding: 5px;
			}
		}/* @media screen and (max-width: 680px) END */
	}

	.submit {
		margin-top: 20px;
	}
}

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

	共通 Flexbox 設定
======================================================================================================================================= */
.ComFlexBox(@justify,@alignContent,@direction,@wrap,@alignItems) {
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content: @justify;/*--- safari（PC）用 ---*/
	justify-content: @justify;
	-webkit-align-content: @alignContent;/*--- safari（PC）用 ---*/
	align-content: @alignContent;
	-webkit-flex-flow: @direction @wrap;/*--- safari（PC）用 ---*/
	flex-flow: @direction @wrap;
	-webkit-align-items: @alignItems; /* Safari */
	align-items: @alignItems;
}