/* cat */
.hmenu{
	text-align:center;
	display:block;
	background-color:#000;
	padding:5px
}
.hmenu ul{
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size:13px;
	margin:13px 0;
	list-style:none;
	text-align:center
}
.hmenu li{
	margin:15px;
	padding-right:30px;
	display:inline;
	border-right:1px solid #7e7e7e
}
.hmenu li:last-child{
	border-right:none
}
.hmenu li a{
	color:#fff;
	text-decoration:none
}
.hmenu li a:hover{
	color:red;
	text-decoration:underline
}
.hero{
	width:100%
}
.miss{
	color:#fff;
	font-size:40px;
	font-family:"HelveticaNeue-bold","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	margin-left:30px;
	width:800px
}
.bun1{
	color:#fff;
	font-size:18px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight:300;
	margin-left:30px;
	margin-top:30px;
	line-height:30px;
	width:600px
}
.square_btn{
	display:inline-block;
	padding:.3em 1em;
	text-decoration:none;
	color:#fff;
	border:solid 2px #fff;
	border-radius:3px;
	transition:.4s;
	margin-left:30px;
	margin-top:30px
}
.square_btn:hover{
	background:#fff;
	color:#323232
}
.card{
	background-color:#fdfdfd!important;
	display:table-cell;
	background:#fff;
	box-shadow:0 2px 5px #ccc;
	margin-top:20px;
	margin-bottom:50px
}
.card-img{
	max-width:100%;
	width:100%
}
.card-content{
	padding-top:5px;
	margin-bottom:-30px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	line-height:30px
}
.card-content2{
	text-align:left;
	border-bottom:solid 1px #ccc
}
.card-content3{
	text-align:left;
	padding:5px 20px 10px
}
.card-title{
	font-size:20px;
	margin-bottom:20px;
	text-align:left;
	color:#333
}
.card-text{
	display:inline-block;
	padding-right:15px;
	width:auto;
	color:#777;
	font-size:14px;
	margin-top:50px;
	margin-bottom:40px
}
.card-link{
	font-size:14px;
	padding-bottom:20px;
	padding-top:20px;
	border-top:dotted 1px #d6d6d6
}
.card-link a{
	text-decoration:none;
	color:#585858;
	margin:0;
	padding-left:20px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
}
.card-link a:hover{
	color:#0090aa;
	background-color:#fbfbfb
}
.soto2{
	width:33%
}
.soto3{
	width:33%
}
.ccca{
	max-width:960px;
	margin-left:auto;
	margin-right:auto
}
.soto{
	display:inline-flex;
	padding:30px 10px 0 20px;
	width:30%
}
.mitu1{
	font-size:0;
	line-height:0;
	letter-spacing:0;
	text-align:left;
	display:inline-block
}
.TileWrap{
	text-align:center;
	/*overflow-x:hidden*/
}
img.whit{
	position:absolute;
	top:400px;
	left:0;
	width:944px
}
p.rec{
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #a0a0a0;
	font-weight:bolder
}
img.logo{
	position:absolute;
	top:14px;
	left:23px;
	width:100px
}
img.logo2{
	margin-top:8px;
	margin-bottom:30px;
	height:25px
}
.icon1{
	position:relative;
	top:-30px;
	left:285px;
	width:28px
}
.icon2{
	position:relative;
	top:-30px;
	left:208px;
	width:28px
}
.catch-sample{
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	margin-bottom:20px
}
.hero{
	width:100%
}
.catch-text{
	position:absolute;
	color:#fff;
	left:0;
	bottom:0;
	background:#ffffff5c;
	width:100%;
	max-width:900px;
	padding:1em 0
}
footer{
	width:100%;
	background-color:#000;
	color:#FFF;
	font-size:12px
}
#foot_guide{
	width:auto;
	margin:0
}
.foot{
	padding-bottom:30px;
	width:100%;
	background-color:#000;
	text-align:center;
	font-size:10px;
	font-weight:700;
	line-height: 2em;
}
#pager{
	margin-bottom:50px
}
#pager ul{
	display:inline-block
}
#pager li{
	display:inline-block;
	margin-right:-10px
}
.apage{
	padding:9px;
	border-radius:2px;
	color:#d6d6d6;
	background-color:#212121;
	font-size:16px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
}
#gallery-cell{
	width:100%;
	margin-right:10px
}
.card-img2{
	border-radius:5px 5px 0 0;
	width:25%;
	float:left;
	padding-right:10px
}
.card-title2{
	font-size:13px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:25px;
	padding-top:5px;
	line-height:20px;
	width:300px;
	border-bottom:solid 1px
}
a{
	color:#fff;
	text-decoration:none
}
#pageTop{
	position:fixed;
	bottom:20px;
	right:20px
}
#pageTop i{
	padding-top:6px
}
#pageTop img{
	width:50px
}
#pageTop a:hover{
	text-decoration:none;
	opacity:.7
}
.bbb{
	width:55px;
	height:55px
}
.column-box{
	overflow-x:hidden
}
.float-box-outer{
	width:33%;
	float:right
}
.float-box-outer div{
	width:240px
}
.float-box-outer div .rec{
	font-size:18px;
	font-weight:700;
	text-align:center;
	padding-top:36px;
	padding-bottom:14px;
	padding-left:20px;
	color:#4e4e4e
}
.float-box-outer img{
	float:left;
	width:125px;
	margin-right:10px;
	margin-left:24px;
	padding-top:23px;
	margin-top:15px
}
.float-box-outer h1{
	font-size:13px;
	width:auto;
	font-weight:400;
	padding-bottom:15px;
	padding-top:14px;
	margin-top:18px;
	line-height:23px
}
.float-box-outer::-webkit-scrollbar{
	width:12px;
	height:10px
}
.float-box-outer::-webkit-scrollbar-track{
	border-radius:6px;
	background:#e6e6e6
}
.float-box-outer::-webkit-scrollbar-thumb{
	border-radius:6px;
	background:#09C9D9
}
.hero{
	display:block!important
}
.hero2{
	display:none!important
}
.foot{
	display:block!important
}
.foot2{
	display:none!important
}
.webm{
	display:block!important
}
.spm{
	display:none!important
}
#pager{
	display:block!important;
	text-align:center;
	margin-top:50px
}
#pager2{
	display:none!important
}
.float-box-outer2{
	display:none!important
}
@media screen and (max-width: 930px) {
	.hero{
		display:none!important
	}
	.hero2{
		display:block!important
	}
	.webm{
		display:none!important
	}
	.spm{
		display:block!important;
		text-align:center;
		height:40px
	}
	.hero2{
		width:100%
	}
	.float-box-outer{
		display:none!important
	}
	.float-box-outer2{
		display:block!important
	}
}
.float-box-outer2{
	text-align:center;
	margin-bottom:30px
}
.center{
	max-width:85%;
	margin:0 auto;
	text-align:center;
	border-top:dotted 1px #a5a5a5
}
.center0{
	max-width:960px;
	margin:0 auto;
	text-align:center
}
.center2{
	max-width:100%;
	margin:0 auto;
	text-align:center;
	border-bottom:dotted 1px #a5a5a5
}
.sp-title{
	width:85%;
	font-size:18px;
	font-weight:700;
	border-top:solid 2px #8e8d8d;
	padding-top:20px;
	padding-bottom:20px;
	display:inline-block
}
.center p{
	padding-top:20px;
	padding-bottom:20px;
	line-height:25px;
	width:85%;
	font-weight:700;
	display:inline-block;
	color:#3c3c3c!important;
	text-align:left
}
.article-title{
	text-align:center;
	margin-bottom:30px
}
.article{
	width:20%;
	margin-top:20px;
	font-size:18px;
	font-weight:700;
	border-bottom:solid 1px #8e8d8d;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
	display:inline-block;
	margin-bottom:10px;
	margin-top:50px
}
.article2{
	font-size:13px
}
.card-link{
	text-align:left;
	font-size:14px;
	padding-bottom:20px;
	padding-top:20px;
	border-top:dotted 1px #d6d6d6
}
@media screen and (max-width: 930px) {
	.mitu1{
		text-align:center
	}
	.soto{
		display:inline-block;
		padding:20px 10px 0;
		width:45%;
		text-align:center
	}
	.card-text{
		display:inline-block;
		padding-right:7px;
		padding-left:7px;
		width:auto;
		color:#fff;
		font-size:13px;
		margin-top:0;
		margin-bottom:40px;
		background-color:#315182;
		border-radius:4px
	}
}
@media screen and (max-width: 640px) {
	/* #pager{
		display:none!important
	}
	#pager2{
		display:block!important
	}
	*/
	.foot2{
		display:block!important
	}
	.bun1{
		display:none!important
	}
	.article{
		width:auto;
		margin-top:20px;
		font-size:18px;
		font-weight:700;
		border-bottom:solid 1px #8e8d8d;
		padding-top:20px;
		padding-bottom:10px;
		text-align:center;
		display:inline-block
	}
	.ccca{
		max-width:960px;
		margin-left:auto;
		margin-right:auto;
		padding:0 10px
	}
	.soto{
		padding:20px 10px 0;
		width:auto;
		text-align:center
	}
	.center p{
		padding-top:15px;
		padding-bottom:15px;
		line-height:23px;
		width:85%;
		font-weight:400;
		display:inline-block;
		color:#3c3c3c!important;
		text-align:left;
		font-size:14px
	}
	.miss{
		color:#fff;
		font-size:20px;
		font-family:"HelveticaNeue-bold","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
		margin-left:30px;
		width:auto;
		line-height:30px
	}
}
header{
	padding:0;
	background:#000
}
#nav-drawer{
	position:relative
}
.nav-unshown{
	display:none
}
#nav-open{
	display:inline-block;
	width:30px;
	height:10px;
	vertical-align:middle;
	position:absolute;
	top:10px;
	left:10px
}
#nav-open span,#nav-open span:before,#nav-open span:after{
	position:absolute;
	height:3px;
	width:25px;
	border-radius:3px;
	background:#555;
	display:block;
	content:'';
	cursor:pointer
}
#nav-open span:before{
	bottom:-8px
}
#nav-open span:after{
	bottom:-16px
}
#nav-close{
	display:none;
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	transition:.3s ease-in-out
}
#nav-input:checked ~ #nav-close{
	display:block;
	opacity:.5
}
#nav-input:checked ~ #nav-content{
	-webkit-transform:translateX(0%);
	transform:translateX(0%);
	box-shadow:6px 0 25px rgba(0,0,0,.15)
}
.foot2{
	padding-bottom:30px;
	padding-top:30px;
	width:100%;
	background-color:#000;
	text-align:center;
	font-size:10px;
	font-weight:700
}
#pager2{
	width:100px;
	margin-left:auto;
	margin-right:auto;
	text-align:center
}
.apage2{
	padding:9px;
	border-radius:20px;
	color:#d6d6d6;
	background-color:#212121;
	font-size:16px;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
}
.bbb{
	display:none!important
}