@charset "UTF-8";

html {
  visibility: hidden;
}
html.wf-active, html.loading-delay {
  visibility: visible;
}

body {
    overflow-x: hidden;
    font-family:nimbus-sans,"Helvetica Neue",Helvetica,Arial,"游ゴシック Medium",YuGothic,YuGothicM, a-otf-futo-go-b101-pr6n,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	font-weight: 500;
	color:#222;
	font-size:14px;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.6px;
	font-display: swap;
	
}

p { margin:0; }
a{ outline: 0;color:#222;  }
a img { transition: 0.4s ; }
a img:hover { opacity: 0.5 ; }
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
	padding:0;
}
a:hover, a:focus, a:active, a.active { color:#999 !important;text-decoration: none; }
.row {
    margin-right: 0px;
    margin-left: 0px;
}
ol , ul { list-style: none;margin-left:-1rem; }

#loader-bg {background:#FFF; }
#loader-bg #loading { height:100vh;width:100%;display: flex;justify-content: center;align-items: center; }


#pcHeader { display:none;transition: all .4s ease; }

@media ( min-width: 787px){
	.container { max-width: 1500px;width:100%; }
	#page .container { max-width: 100%;width:100%;padding-left:60px;padding-right:60px; }
	#spMain { display:none; }
	/*  scrolled header */
	#pcHeader.is-animation { 
		position:fixed;
		top:0;
		width:100%;
		z-index:9999;
		background:#F7F7F7;
		animation: header-show ease-out .3s;
	}
		@keyframes header-show{
			0%{
				opacity: 0.0;
				height: 0;
			}
			50%{
				opacity: 0.4;
				height:70px;
			}
			100%{
				opacity: 1;
				height:80px;
			}
		}
	
	#pcHeader.is-animation  .container{ display:flex;position:relative;height:80px;width:100%; padding:0 70px;max-width:100%; }
	#pcHeader.is-animation { display:block;z-index:999; }
	#pcHeader.is-animation .container{ height:80px;width:100%;align-items: center; }
	#pcHeader.is-animation .logoBox {
		width:170px;
		position:relative;
		transform:none;
		-webkit- transform: none;
		top: 0;
		left:0;
		margin:0;
	}
	#pcHeader.is-animation .logoBox img { width:150px; } 
	#pcHeader.is-animation ul.cateNav {
		display: flex;
		justify-content: center;
		width:100%;
		padding:0;
		margin:0 auto;
		writing-mode: horizontal-tb;
	}
	
	#pcHeader.is-animation ul.cateNav::before { 
		content: "";
		display:block;
		height:20px;
		width:1px;
		background:#000;
		margin:0 30px;
	}
	#pcHeader.is-animation ul.cateNav li:nth-child(2) { padding:0 18px; }
	#pcHeader.is-animation ul.cateNav a { font-size:14px;font-weight: bold; letter-spacing:1px;}
	#pcHeader.is-animation ul.cateNav li a { position:relative;}
	#pcHeader.is-animation ul.cateNav li a:hover { color:#222; }
	/* 文字かぶせ　Top - Bottom */
	#pcHeader.is-animation ul.cateNav li a::after {
		content: attr(data-txt);
		position: absolute;
		top: 0;
		left: -2px;
		color: #DDD;
		clip:rect(0,25px,0,0);
		transition: clip .3s ease-out;
	}
	#pcHeader.is-animation ul.cateNav li:nth-child(2) a::after { 
		left:-2px;
	}
	#pcHeader.is-animation ul.cateNav li a::after {
	}
	#pcHeader.is-animation ul.cateNav li a:hover::after {
		clip: rect(0,25px,80px,0);
	}
	#pcHeader.is-animation ul.cateNav li:nth-child(2) a:hover::after {
		clip: rect(0,25px,80px,0);
	}
	
	#pcHeader.is-animation ul.cateNav li:nth-child(2) { padding:0 50px; }
	#pcHeader.is-animation ul.cateNav::before, header.is-animation ul.subNav {  
		display:none;
	}
	#pcHeader.is-animation ul.cateNav li a::after {
		content: attr(data-txt);
		position: absolute;
		top: -1px;
		left: 0;
		color: #DDD;
		clip:rect(0,0,25px,0);
		transition: clip .3s ease-out;
	}
	#pcHeader.is-animation ul.cateNav li:nth-child(2) a::after { left:0; }
	#pcHeader.is-animation ul.cateNav li a:hover::after {
  	  clip: rect(0,100px,25px,0)!important;
	}
	
	#pcHeader.is-animation ul.cateNav li:nth-child(2) a:hover::after {
		clip: rect(0,100px,25px,0) !important;
	}
		#pcHeader.is-animation .ecBtn { margin-left:auto;padding-top:60px;padding-right:45px;line-height:0.5; }

		#pcHeader.is-animation .ecBtn a:hover {
			color: #fff !important;
			background-color: #333537;
			border: 1px solid #FFF;
		}
		#pcHeader.is-animation .ecBtn a span { display:inline-block;}
		#pcHeader.is-animation .ecBtn a:before { 
			content:url(/common/images/i_cart.svg);
			width:18px;
			height:auto;
			margin-right:15px;
			display: inline-block;
			transition-duration: .5s;
		}
		#pcHeader.is-animation .ecBtn a:hover:before { 
			content:url(/common/images/i_cart_w.svg);
		}
	#pcHeader.is-animation .ecBtn { padding:0 20px 0 0; }
	#pcHeader.is-animation .ecBtn a { border:none;padding:0;  }
	#pcHeader.is-animation .ecBtn a span { display:none; }
	#pcHeader.is-animation button {  }
	#pcHeader.is-animation .ecBtn a:hover:before { content: url(/common/images/i_cart.svg); }	
	#pcHeader.is-animation .drawer-hamburger { height:50px; }
	#pcHeader.is-animation .ecBtn a:hover {
		color: #000 !important;
		background-color:#F7F7F7 ;
		border: none;
	}
	.spNav { display:none; }
}
@media ( max-width: 786px){
	.container { width:auto; }
}

/*!------------------------------------*\
    for PC
\*!------------------------------------*/
/* header for PC */
header { 
	background:#F7F7F7;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
header .container{ display: flex;position:relative;height:160px;width:100%; padding:0 70px;max-width:100%; }
header .logoBox { 
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
}
header .logoBox img { width:230px; }
header .logoBox a img { transition:none; }
header ul.cateNav,header ul.subNav {  
	margin:0;
	padding:48px 0 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
header ul a { color:#231815; }
header ul.cateNav {  }
header ul.subNav {  }
header ul.cateNav::before { 
	content: "";
	display:block;
	height:20px;
	width:1px;
	background:#000;
	margin:0 30px;
}
header ul.cateNav li:nth-child(2) { padding:0 18px; }
header ul.cateNav a { font-size:14px;font-weight: bold; letter-spacing:1px;}
header ul.cateNav li a { position:relative;}
header ul.cateNav li a:hover { color:#222; }
/* 文字かぶせ　Top - Bottom */
header ul.cateNav li a::after {
    content: attr(data-txt);
    position: absolute;
    top: 0;
    left: -2px;
    color: #DDD;
    clip:rect(0,25px,0,0);
    transition: clip .3s ease-out;
}
header ul.cateNav li:nth-child(2) a::after { 
	left:-2px;
}
header ul.cateNav li a::after {
}
header ul.cateNav li a:hover::after {
    clip: rect(0,25px,80px,0);
}
header ul.cateNav li:nth-child(2) a:hover::after {
    clip: rect(0,25px,80px,0);
}
header ul.subNav a { 
	font-size:11px;
	font-family: nimbus-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:0.2;
}
header ul.subNav li { 
	padding:0 5px;
}
header ul.subNav li:last-child { padding:0; }
header .ecBtn { margin-left:auto;padding-top:60px;padding-right:45px;line-height:0.5;order:3; }
header .ecBtn a  { 
	display:flex;
	font-family: alternate-gothic-no-2-d, sans-serif;
	border:1px solid rgba(0, 0, 0, .4);
	border-radius: 5px;
	font-size:20px;
	line-height:20px;
	padding:10px 30px 7px;
	align-items: center;
	transition-duration: .5s;
	width:auto;
}
header .ecBtn a:hover {
    color: #fff !important;
    background-color: #333537;
	border: 1px solid #FFF;
}
header .ecBtn a span { display:inline-block;}
header .ecBtn a:before { 
	content:url(/common/images/i_cart.svg);
	width:18px;
	height:auto;
	margin-right:15px;
	display: inline-block;
	transition-duration: .5s;
}
header .ecBtn a:hover:before { 
	content:url(/common/images/i_cart_w.svg);
}
header button { order:4; }

/* top drawer */
#topBar .wrp { position:relative;width:100%; }
#topBar .topOnline { 
	position:absolute;
	top:15px;
	left:30px;
}
#topBar .topClose { 
	position:absolute;
	top:30px;
	right:30px;
}
#topBar .inner ul {
	height:280px;
	display:flex;
	align-items: center;
	justify-content: center;
}
#topBar .inner ul li { 
	display:block;
	text-align:center;
	font-size:12px;
	margin-right:70px;
}
#topBar .inner ul li:last-child { margin:0; }
#topBar .inner ul li img { margin-bottom:20px; }

#shopLink .modal-header { border:none; }
#shopLink .modal-body  { padding:0 15px 30px; }
#shopLink .modal-body ul { text-align:center;margin: 0;width:100%;padding:0; }
#shopLink .modal-body ul li { display:block;padding:0 0 30px;width:100%; }
#shopLink .modal-body .topOnline { padding:0 20px 20px; }

/* side drawer */
#sideBar .inner {
	position:relative;
	padding:85px 70px 30px;
	font-family: nimbus-sans,a-otf-futo-go-b101-pr6n, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	font-display: swap;
	}

#sideBar .inner a { transition: 0.4s ; }
#sideBar .inner a :hover { opacity: 0.5 ; }

#sideBar .sideLogo img { height:50px;margin-bottom:40px; }
#sideBar .sideClose img { height:32px; }
#sideBar hr { margin-bottom:30px; }
#sideBar .sideClose { 
	position:absolute;
	top:30px;
	right:30px;
}
#sideBar li a.nmb {
	font-size:17px;
	font-weight:bold;
	display: flex;
	justify-content: flex-start;
}
#sideBar a.nmb::before {
	font-size:12px;
	display:block;
	margin-right:12px;
	height:30px;
	width:20px;
}
	a.n01::before { content: "01"; }
	a.n02::before { content: "02"; }
	a.n03::before { content: "03"; }
	a.n04::before { content: "04"; }
	a.n05::before { content: "05"; }
#sideBar ul{ margin:0;padding:0; }
#sideBar li a { position:relative;}
#sideBar li span.l2 { 
	display:block;
	font-size:13px;
	font-weight: bold;
	padding-left:30px;
	line-height:30px;
}
#sideBar li span.l3 { 
	display:block;
	font-size:13px;
	padding-left:50px;
	line-height:20px;
}
#sideBar ul.link li { 
	display:block;
	font-size:13px;
	padding-left:50px;
	line-height:20px;
}

#sideBar ul.link li a {
	display: flex;
	justify-content: flex-start;
	position:relative;
}
#sideBar ul li a:hover{  }
#sideBar ul.link li a::before {
	content:"ー";
	font-size:13px;
	display:block;
	margin-right:5px;
}
#sideBar ul.link li:last-child {
	padding-bottom:10px;	
}
#sideBar .company li { 
	font-family: nimbus-sans,a-otf-futo-go-b101-pr6n, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size:17px;
	line-height:30px;
	font-display: swap;
}
#sideBar .company ul { margin-bottom:30px; }
#sideBar .company ul.social {
	display:flex;
	align-items: center;
}
#sideBar .company ul.social li {
	margin-right:20px;	
}

/*  Hamburger */
.drawer-hamburger {
	z-index: 101;
	display: block;
	box-sizing: content-box;
	width: 56px;
	margin-top:-20px;
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border: 0;
	outline: 0;
	background-color: transparent;
}

.drawer-hamburger:hover {
  cursor: pointer;
  background-color: transparent;
}

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

.drawer-hamburger-icon {
  width: 56px;
  height: 1px;
  background-color: #222;
}
.drawer-hamburger-icon:after {
  width: 36px;
  height: 1px;
  background-color: #222;
}

.drawer-hamburger:hover .drawer-hamburger-icon {
  background-color: #CCC;
}
.drawer-hamburger:hover .drawer-hamburger-icon:after {
  background-color: #CCC;
}

.drawer-hamburger-icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

.drawer-hamburger-icon:after {
  top: 10px;
}




/* top main */
#mainSlider ol , ul { list-style: none;margin-left:-1rem; padding-left:0px;}
#topWrp { background:#F7F7F7;}
main { display:flex;background:#F7F7F7; }
main .imgBox a {  }
main a:hover img { opacity: 1 !important; }
main .urlBox { 
	min-width: 70px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:center;
	display:flex;
	justify-content: center;
	align-items: center;
	position:relative;
	
}
main .topPcSlider { margin-left:auto; }
main .urlBox .url { 
	font-size:9pt;
	font-family: nimbus-sans, sans-serif;
	font-weight: normal;	
	font-display: swap;
	margin-bottom: 30px;
}
main .urlBox .scroll { 
	font-size:8pt;
	font-family: nimbus-sans, sans-serif;
	position:absolute;
	bottom:30px;
	height:auto;
	display:flex;
}
main .urlBox .scroll span { 
	width:1px;
	height:60px;
	margin:0 auto 10px auto;
	display:block;
	background-color: #cccccc;
    opacity: 1;
	transition: all 1.0s;
	position:relative;
}
main .urlBox .scroll span:after { 
	content: '';
    display: block;
	position:absolute;
	left:0;
    width: 1px;
    background-color: #000;
    animation-name: lineMove;
    animation-duration: 4s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}
@keyframes lineMove {
	0% {
		bottom: 60px;
		height: 0;
	}
	20% {
		bottom: 0;
		height: 60px;
	}
	40% {
		bottom: 0;
		height: 0;
	}
	100% {
		bottom: 0;
		height: 0;
	}
}


main .imgBox { width:100%;overflow: hidden; border-radius:8px 8px 8px 8px;}
main img { width:100%;height:auto; }
main .bx-wrapper {
    -moz-box-shadow: 0 0 0 #ccc;
    -webkit-box-shadow: 0 0 0 #ccc;
    box-shadow: 0 0 0 #ccc;
    border: none;
    background: #fff;
}
/* top commons */
#index { background:#F7F7F7; padding-top: 60px;}
h2.title {
	display: flex;
	font-family: alternate-gothic-no-2-d, sans-serif;
	font-weight: 400;
	justify-content: center;
	font-size:36px;
	letter-spacing: 0.6px;
	font-display: optional;
}
h2.title::before { 
	content: "";
	font-family: nimbus-sans, sans-serif;
	font-weight: 400;
	text-align:left;
	font-size:14px;
	display:block;
	width:80px;
	margin-right:30px;
	height:31px;
	border-bottom:1px solid rgba(0, 0, 0, .4);
}
h2.title::after { 
	content: "";
	width:110px;
}
h3.sub { font-size:14px;text-align:center;font-weight: bold;padding:10px 0 40px;letter-spacing:1px; }
h4 a { display:block;height:72px;overflow: hidden;}
#page #newBlock h4 a { height:105px; }
section .icon { 
	font-family: nimbus-sans, sans-serif;
	font-weight: 400;
	width:85%;
	font-size:11px;
	padding:6px 0;
	text-align:center;
	color:#FFF;
	border-radius:5px;
	position:absolute;
	bottom:-13px;
	left: 0;
	right: 0;
	margin: auto;
}
section .box i { 
	font-family: nimbus-sans, sans-serif;
	font-weight: 700;
	display: block;
	font-size:12px;
	width:80px;
	padding:5px 0;
	font-style: normal;
	text-align:center;
	color:#FFF;
	border-radius:5px;
	position:absolute;
	top:10px;
	right: 10px;;
}
	/* bg colors */
	i.mini { background-color:#003c70; }
	i.sofvi { background-color:#c39917; }
	i.fig { background-color:#a5161f; }
	i.ueno { background-color:#000; }
	i.newsed { background-color:#1eaa39; }
	i.kraken { background-color:#036eb7; }
	i.muse { background-color:#e3007f; }
	i.art { background-color:#2ca6e0; }
	i.event { background-color:#00a199; }
	i.others { background-color:#555; }
	i.saiji { background-color:#507839; }
	i.jinbo { background-color:#e95513; }
	i.full { background-color:#ff0000; }
	i.reserving { background-color:#ffc300; }
	i.fin { background-color:#003c70; }
	i.reserve { background-color:#ff0000; }
	i.order { background-color:#000000; }
	i.selling { background-color:#ffC300; }
	i.fin { background-color:#003C70; }
	i.soon { background-color:#EE7800; }

	/* bg colors */
	.icon.mini { background-color:#003c70; }
	.icon.sofvi { background-color:#c39917; }
	.icon.fig { background-color:#a5161f; }
	.icon.ueno { background-color:#000; }
	.icon.newsed { background-color:#1eaa39; }
	.icon.kraken { background-color:#036eb7; }
	.icon.muse { background-color:#e3007f; }
	.icon.art { background-color:#2ca6e0; }
	.icon.event { background-color:#00a199; }
	.icon.others { background-color:#555; }
	.icon.saiji { background-color:#507839; }
	.icon.jinbo { background-color:#e95513; }
	.icon.reserve { background-color:#ff0000; }
	.icon.order { background-color:#000; }
	.icon.full { background-color:#ff0000; }
	.icon.insession { background-color:#FF6600; }
	.icon.reserving { background-color:#ffc300; }
	.icon.fin { background-color:#003c70; }

	/* font colors */
	span.mini { color:#003c70; }
	span.chuku { color:#c39917; }
	span.sofvi { color:#c39917; }
	span.engi { color:#c39917; }
	span.fig { color:#a5161f; }
	span.ueno { color:#000; }
	span.tokusatsu { color:#a5161f; }
	span.recycle { color:#1eaa39; }
	span.kraken { color:#036eb7; }
	span.muse { color:#e3007f; }
	span.art { color:#2ca6e0; }
	span.event { color:#00a199; }
	span.others { color:#555; }
	span.saiji { color:#507839; }
	span.jinbo { color:#e95513; }
	span.reserve { color:#ff0000; }
	span.order { color:#000; }
	span.full { color:#ff0000; }
	span.reserving { color:#ffc300; }
	span.fin { color:#003c70; }



/* top newBlock */
#newBlock { padding:10px 60px 0; }
#newBlock h2.title::before { 
	content: "01.";
}
#newBlock .content { 
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#newBlock .box {
	position: relative;
	width:20%;
	font-size:13px;
	background:#FFF;
	border-radius:8px;
	text-align:center;
	border:3px solid #F7F7F7;
	letter-spacing: 0.6px;
}
#newBlock .box .img { position: relative; }
#newBlock .box .img img { border-radius: 5px 5px 0 0; }
#newBlock .box h4 { font-size:16px;padding:30px 22px 20px;margin:0 auto;font-weight:bold; line-height: 1.4;}
#newBlock .box p { margin-bottom:20px; }

/* top eventBlock */
#eventBlock { padding:120px 0 0; }
#eventBlock h2.title::before { 
	content: "02.";
}
#eventBlock .slider-wrapper { overflow: hidden;}
#eventBlock .bxslider { 
	display:flex;
	left:7vw;
	overflow: visible !important; 
}
#eventBlock .box { 
	background:#FFF;
	border-radius:8px;
	border:3px solid #F7F7F7;
}
#eventBlock .box .img { position: relative; }
#eventBlock .box .img img { border-radius: 5px 5px 0 0; }
#eventBlock  .icon { width:90px; }
#eventBlock .box h4 { font-size:16px;font-weight:bold;padding-bottom:20px; line-height: 1.5;}
#eventBlock .box .detail { padding:25px 25px 34px; }
#eventBlock .box .inner { 
	display: flex;
	font-size:11px;
	font-family: nimbus-sans, sans-serif;
	font-weight: 400;
	letter-spacing: 0.6px;
}
#eventBlock .box .logo { margin-left:auto; }
#eventBlock .box .date span { margin-left:10px; }
#eventBlock .box .logo img { height:19px;width:auto; }
#eventBlock .bx-wrapper { 
    box-shadow: 0 0 0 0;
    border: none;
	max-width: 100% !important;
    background: transparent
}
	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -60px;
		outline: 0;
		width: 70px;
		height: 71px;
		text-indent: -9999px;
		z-index: 99;
	}
	.bx-wrapper .bx-prev {
		left: 0;
		background: url("../images/prev.png") no-repeat ;
	}
	.bx-wrapper .bx-next {
		right: 0;
		background: url("../images/next.png") no-repeat ;
	}
	.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
		background-position: 0;
	}

/* top topicsBlock */
#topicsBlock { padding:60px 60px 0; }
#topicsBlock h2.title::before { 
	content: "03.";
}
#topicsBlock .content { 
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#topicsBlock .box {
	padding:0;
	width: 16.65%;
	background:#FFF;
	border-radius:8px;
	text-align:center;
	border:3px solid #F7F7F7;
}
#topicsBlock .box h4 { font-size:15px;padding:25px 20px 15px;margin:0;font-weight:bold; line-height: 1.4; }
#topicsBlock .box .img { padding:20; }
#topicsBlock .box .img img { width:100%; }
#topicsBlock .box .detail { text-align: left;padding:20px; }
#topicsBlock .box .txt { padding:0 0 20px;font-size:14px; }
#topicsBlock .box .date  { font-size:11px;font-family: nimbus-sans, sans-serif;font-weight: 400; letter-spacing: 0.6px; }
#topicsBlock .box .date span { margin-left:10px; }
#topicsBlock .btnBox { margin:40px auto 0;width:420px; }
#topicsBlock .btnBox a { display:block;font-family: alternate-gothic-no-2-d, sans-serif;font-weight: 400;font-size:25px;text-align:center;border:1px solid rgba(0, 0, 0, .4); transition-duration: .5s;}
	.btnBox a {
		display: block;
		width: 100%;
		margin:0 auto;
		padding:5px 0 0;
		text-align: center;
		text-decoration: none;
		line-height: 53px;
		outline: none;
		position: relative;
		z-index: 2;
		font-weight: bold;
	}

#topicsBlock .btnBox a:hover {
    color: #fff !important;
    background-color: #333537;
}

a.viewall { display:block;margin:40px auto 0;width:420px;font-family: alternate-gothic-no-2-d, sans-serif;font-weight: 400;font-size:25px;text-align:center;border:1px solid rgba(0, 0, 0, .4); transition-duration: .5s;}
	a.viewall {
		display: block;
		padding:5px 0 0;
		text-align: center;
		text-decoration: none;
		line-height: 53px;
		outline: none;
		position: relative;
		z-index: 2;
		font-weight: normal;
	}

a.viewall:hover {
    color: #fff !important;
    background-color: #333537;
}

/* top projectBlock */
#projectBlock { padding:120px 170px 0; }
#projectBlock h2.title::before { 
	content: "04.";
}
#projectBlock .content { 
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#projectBlock .box {
	padding:0;
	width:25%;
	background:#FFF;
	border-radius:8px;
	text-align:center;
	border:3px solid #F7F7F7;
}
#projectBlock .box .img img { border-radius: 5px 5px 0 0;width:100%; }
#projectBlock .box .logos {  }
#projectBlock .box .logos  { padding:15px 0 15px;height:95px;display:flex;align-items: center;justify-content: center; }
#projectBlock .box .logos img.logoUeno { height:55px; }
#projectBlock .box .logos img.logoMiyage { height:60px; }
#projectBlock .box .logos img.logoEngimono { height:60px; }
#projectBlock .box .logos img.logoComplex { height:42px; }
#projectBlock .box .logos img.logoNewsed { width:63%; }
#projectBlock .box .logos img.logoSakusi{ width:100%; }
#projectBlock .box .logos img.logoRecycle{ height:60px; }
#projectBlock .box .logos img.logoJinbocho { width:80%; }
#projectBlock .box .logos img.logoKraken { height:50px; }
#projectBlock .box .logos img.logoChuku { height:60px; }
#projectBlock .box .inner { display:flex;padding:0 20px 20px;font-size:11px;font-family: nimbus-sans, sans-serif;font-weight: 400; }
#projectBlock .box .inner .since { margin-left:auto; }

#page .normal { background:#FFF; }
#aboutBlock { padding:80px; }
#aboutBlock h1 { text-align:center;font-size:48px;padding-bottom:50px; }
#aboutBlock p { font-size:28px;padding:20px 0;width:750px;margin:0 auto; }
#profileBlock { display:flex;padding:80px;margin:0 80px;border-top:1px solid #EEE;border-bottom:1px solid #EEE; }
#profileBlock table { width:50%; }
#profileBlock table th { vertical-align: top;padding:0 20px 30px; }
#profileBlock table td { vertical-align: top;padding:0 20px 30px; }
#mapBlock p { padding:80px 80px 40px;margin:0 80px; }
#mapBlock .map {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
#mapBlock .map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


/* top categoryBlock */
#categoryBlock { padding:120px 170px 120px; }
#categoryBlock h2.title::before { 
	content: "05.";
}
#categoryBlock .content { 
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#categoryBlock .box {
	padding:0;
	width:25%;
	background:#FFF;
	border-radius:8px;
	text-align:center;
	border:3px solid #F7F7F7;
}
#categoryBlock .box .img img { border-radius: 5px 5px 0 0;width:100%; }
#categoryBlock .box .inner { text-align:center;padding:20px;font-size:13px; }

/* footer */
footer { background:#181818; }
footer .container { padding:100px 0 140px;position:relative; }
footer hr { display:none; }
footer .container {
	font-family: nimbus-sans,a-otf-futo-go-b101-pr6n, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	display:flex;
	justify-content: space-between;
	color:#FFF;
	}
footer .wrp {  }
footer a { color:#FFF; }
footer li a.nmb {
	font-size:17px;
	font-weight:bold;
	display: flex;
	justify-content: flex-start;
}
footer a.nmb::before {
	font-size:12px;
	display:block;
	margin-right:12px;
	height:30px;
}
	a.n01::before { content: "01"; }
	a.n02::before { content: "02"; }
	a.n03::before { content: "03"; }
	a.n04::before { content: "04"; }
	a.n05::before { content: "05"; }
footer ul{ margin:0;padding:0; }
footer li span.l2 { 
	display:block;
	font-size:13px;
	font-weight: bold;
	padding-left:30px;
	line-height:30px;
}
footer li span.l3 { 
	display:block;
	font-size:13px;
	padding-left:50px;
	line-height:20px;
}
footer ul.link li { 
	display:block;
	font-size:13px;
	padding-left:50px;
	line-height:20px;
}

footer ul.link li a {
	display: flex;
	justify-content: flex-start;	
}
footer ul.link li a::before {
	content:"ー";
	font-size:13px;
	display:block;
	margin-right:5px;
}
footer ul.link li:last-child {
	padding-bottom:10px;	
}
footer .company li { 
	font-family: nimbus-sans,a-otf-futo-go-b101-pr6n, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-size:17px;
	line-height:30px;
}
footer .company ul { margin-bottom:30px; }
footer .company ul.social {
	display: none;
}
footer .company ul.social li {
	margin-right:20px;	
}
footer .copyright { position:absolute;bottom: 60px; right :60px;  }
footer .copyright .logo img { width:230px; }
footer .copyright .social { display:flex;padding:20px 0 30px; }
footer .copyright .social p img { height:20px; }
footer .copyright .social p:nth-child(2) { margin:0 20px; }
footer .copyright .rights { color:#FFF;font-size:13px; }


/*===== for Pages ================================= */
#page { padding:0 0 120px;background:#F7F7F7; }
#page h3.sub {
    font-size: 22px;
    padding: 0px 0 40px;
}
/* product ---------------------------- */
#page .product { 
	background:#FFF;
	display:flex;
	justify-content:space-around;
	align-items:flex-start;
	padding:80px;
	border-radius:8px;
}
#page .product .gallaryBlock {
	padding-right:30px;
	max-width:630px;
}
	.mainView .bx-wrapper {     
		-webkit-box-shadow: 0 0 0 transparent;
		box-shadow: 0 0 0 transparent;
		border: none ;
		background: #fff; 
		margin-bottom: 0;
	}

#page .product .gallaryBlock .thumbNail { display:flex;padding-top:10px; }
#page .product .gallaryBlock .thumbNail a { display:block;padding:0 5px 0 0;max-width:20%; }
#page .product .gallaryBlock .thumbNail a:last-child { padding:0; }
#page .product .gallaryBlock .thumbNail a img { max-width:100%;display:block;height:auto;border:1px solid #CCC; }

#page .product .detailBlock {

	font-weight: 400;
	padding-left:30px;
	line-height:1.8;
	flex:1;
}
#page .product .detailBlock .box { 	position:relative;width:100%;height:100%; }
#page .product .detailBlock .category { font-size:16px;color:#E95513;font-weight: bold;padding:13px 0 0; }
#page .product .detailBlock h1 { font-size:28px;font-weight: bold;padding:40px 0 20px; line-height: 1.4;}
#page .product .detailBlock .price { font-size:20px;padding:0 0 30px; }
#page .product .detailBlock .panel-group { margin-bottom: 0px; }
#page .product .detailBlock .status { font-weight: bold;font-size:18px;padding:40px 0 20px; }
#page .product .detailBlock .term { padding:0 0 10px; }
#page .product .detailBlock .date { padding:0 0 40px; }
#page .product .detailBlock h3 { font-weight: bold;font-size:18px; }
#page .product .detailBlock ul { 
	display:flex;
	padding:30px 0 0;
	align-ites:center;
}
#page .product .detailBlock ul { margin:0; }
#page .product .detailBlock ul li { 
	margin-right:20px;
}
#page .product .detailBlock ul li img { height:45px; }
/* accordion */
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
	box-shadow: 0 0 0 rgba(0,0,0,.0);
}
.panel { border: none; }
h4.panel-title a {
	display:block;
    color: #000;
    background-color: #FFF;
	padding:0 30px;
	position:relative;
	font-weight:bold; font-size:18px;line-height:70px;
}
.panel-title a { 
	border-top: 1px solid #CCC !important;
	border-bottom:1px solid transparent;
}
.panel-title a.collapsed {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.panel-title a span.toggle { 
	display:block;
	position:absolute;
	top:50%;
	right:30px;
	taransition:.3s;
}
.panel-title a {  }
.panel-title a span.toggle::before{
	content:"";
	display:block;
	height:1px;
	width:25px;
	background:#000;
}
.panel-title a span.toggle::after{
	content:"";
	display:block;
	height:1px;
	width:25px;
	margin-top:-1px;
	background:#000;
	transform: rotate(180deg);
	transition: transform 0.2s;
}
.panel-title a.collapsed span.toggle::after{
	transform: rotate(90deg);
}
.panel-title a:hover, a:focus, a:active, a.active { color:#000 !important; }
.panel-heading { padding:0;background-color: none; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { 
	border-top:none;
	border-bottom:1px solid #CCC;
	padding:10px 30px 40px;
}

/* slider
------------------------- */
.slideShow {
	margin: 0 auto;
	text-align: left;
}
.slideShow .mainView {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	border:1px solid #CCC;
}
.slideShow .mainView ul {
	width: 100%;
	margin:0;
	padding:0;
	overflow: hidden;
	position: relative;
}
.slideShow .mainView ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.slideShow .mainView ul li img { width: 100%; }
/* .thumbNail
------------------------- */
.slideShow .thumbNail { width: 100%;overflow: hidden; }
.slideShow .thumbNail ul { width: 100%;padding:0;margin:0;display:flex;justify-content: space-between; }
.slideShow .thumbNail ul li {
	margin:12px 0 0 0 !important;
	border:1px solid #CCC;
	overflow: hidden;
	cursor: pointer;
}
.slideShow .thumbNail ul li:last-child { margin-right:0; }
.slideShow .thumbNail ul li img { width: 100%; }
.slideShow .thumbNail ul li.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
/* sideNavi
------------------------- */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
	top: 0;
	width: 5%;
	height: 100%;
	position: absolute;
	z-index: 100;
}
.slideShow .mainView .btnPrev {
	left: 0;
	background: url(../images/prev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
	right: 0;
	background: url(../images/next.png) no-repeat center center;
}
/* =======================================
	ClearFixElements
======================================= */
.slideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.slideShow ul {
	display: inline-block;
	overflow: hidden;
}

/* =======================================
	View ALL
======================================= */
.infinite-scroll-last { display:none; }
.infinite-scroll-error { display:none; }

/* event ---------------------------- */
#page #eventBlock { padding:10px 60px 0 }
#page #eventBlock .bxslider { 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	left:inherit;
	justify-content: space-between;
}
#page #eventBlock .bxslider > * { width:33.333%; }


/* topics ---------------------------- */
#page .topics { 
	background:#FFF;
	padding:80px;
	font-family: nimbus-sans,a-otf-futo-go-b101-pr6n, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
}
#page #topicsBlock { padding-top:10px; }
#page .topics .wrp {
	display:flex;
	justify-content:space-around;
	align-items:flex-start;
}
#page .topics .contentBlock {flex:1;}
#page .topics .contentBlock .content { line-height:34px; }
#page .topics .pageHeader h1 {
	font-weight: bold;
	font-size:28px;	
}
#page .topics .pageHeader .attribute { padding:30px 0 0;font-size:15px; }
#page .topics .pageHeader .attribute .date { margin-right:20px; }
#page .topics .pageHeader .attribute .genre { color:#2CA6E0; }
#page .topics .contentBlock img { margin:30px 0; }
#page .topics .contentBlock hr { margin:60px 0; }
#page .topics .topicsNav {
	font-family: nimbus-sans,a-otf-futo-go-b101-pr6n, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	width:300px;
	padding-left:60px;
}
#page .topics .topicsNav .navWrp {
	padding:30px 0 ;
	position: sticky;
	margin-bottom: 0;
	top: 80px;
	z-index: 1;
}

#page .topics .topicsNav h3 { font-size:16px;font-weight: bold;padding:15px 0;border-bottom:1px solid #CCC;  }
#page .topics .topicsNav ul  { padding-left:0;margin-left:0; }
#page .topics .topicsNav ul li { border-bottom:1px solid #CCC; }
#page .topics .topicsNav ul li a { display:block;padding:10px 20px; }

#page #projectBlock { padding:10px 170px 0; }
#page #categoryBlock { padding:10px 170px 0; }

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



}