.hmenu {
	text-align: center;
	display: block;
	background-color: #000000;
	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: #f00;
	text-decoration: underline;
}

.hero{
	width: 100%;
}

.bun1 {
	color: white;
	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;
	letter-spacing: 1px;
}

.square_btn {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #ffffff;
	border: solid 2px #ffffff;
	border-radius: 3px;
	transition: .4s;
	margin-left: 30px;
	margin-top: 30px;
}

.square_btn:hover {
	background: #ffffff;
	color: #323232;
}

.card {
	background-color:#fdfdfd !important;
	display:block;
	background: #fff;
	box-shadow: 0 2px 5px #ccc;
	margin-top: 20px;margin-bottom: 50px;
}

.card-img {
	/*border-radius: 5px 5px 0 0;*/
	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 #cccccc;
}

.card-content3 {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

.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;
	/* text-align: left; */
	padding-bottom: 20px;
	padding-top: 20px;
	/* padding-left: 15px; */
	border-top: dotted 1px #d6d6d6;
}
.card-link a {
	text-decoration: none;
	color: #585858;
	margin: 0px;
	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{
	/* text-align:center; */
	max-width: 960px;
	margin-left: auto;
	margin-right:auto;
	/* width: auto; */
	/* background-color: #f00; */
}

.soto  {
	display: inline-block;
	padding: 0 10px 0 20px;
	width: 33.333%;
	/* background-color: #828282; */
	box-sizing: border-box;
	margin-top: 20px;
	vertical-align: top;
}

.mitu1 {font-size: 0;line-height: 0;letter-spacing: 0;text-align:left;display: inline-block;/* margin-left:-10px; *//* margin-right: -10px; */}

.TileWrap{
	text-align:center;
	/*overflow-x: hidden;*/
}

img.whit {
	position: absolute;
	top: 400px;
	left: 0px;
	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: 0px;
	background: #ffffff5c;
	width: 100%;
	max-width: 900px;
	padding: 1em 0;
}

footer {
	width:100%;
	background-color: #000000;
	color:#FFF;
	font-size:12px;
}

#foot_guide {
	width:auto;
	margin:-3px;
}

.foot {
	padding-bottom: 30px;
	width:100%;
	background-color: #000000;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}

#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: 0.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:bold;
	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:normal;
	padding-bottom:15px;
	padding-top:14px;
	margin-top:18px;
	/* margin-bottom:48px; */
	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;     line-height: 2em;}
.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: bold;
	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:bold;
	display: inline-block;
	color:  #3c3c3c !important;
	text-align: left;
}

.article-title{
	text-align: center;
}

.article{
	width: 20%;
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px #8e8d8d;
	padding-bottom: 10px;
	text-align: center;
	display: inline-block;
}

.card-link {
	text-align:left;
	font-size:14px;
	/* text-align: left; */
	padding-bottom: 20px;
	padding-top: 20px;
	/* padding-left: 15px; */
	border-top: dotted 1px #d6d6d6;
}

/*
hr
{
	width: 85%;
	border:none;
	border-top:solid 2px #CCC;
	height:1px;
	color:#FFFFFF;
}

*/

@media screen and (max-width: 930px){
	.mitu1{
		text-align: center;
	}
	.soto  {
		display: inline-block;
		padding: 20px 10px 0 10px;
		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: bold;
		border-bottom: solid 1px #8e8d8d;
		padding-top: 20px;
		padding-bottom: 10px;
		text-align: center;
		display: inline-block;
	}
	.ccca {
		/* text-align: center; */
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
		/* width: auto; */
		/* background-color: #f00; */
		padding: 0 10px;
	}
	.soto  {
		padding: 20px 10px 0 10px;
		width: auto;
		text-align: center;
	}
	.center p {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 23px;
		width: 85%;
		font-weight: normal;
		display: inline-block;
		color: #3c3c3c !important;
		text-align: left;
		font-size: 14px;
	}
	.miss {
		color: white;
		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:0px;
	background: #000000;
}

#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: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 70%;
	max-width: 330px;
	height: 100%;
	background-color: #000000e8;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
	color:white;
	text-align:left;
	padding-top:20px;
}

#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: #000000;
	text-align:center;
	font-size:10px;
	font-weight:bold;
}

#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; }

@media screen and (max-width: 930px){
	.float-box-outer2 .center2{
		display:table;
		width:100%
	}
	.float-box-outer2 .center2 > *{
		display:table-cell;
		vertical-align:top;
	}
	.float-box-outer2 .center2 .popimg span {
		width: 60px;
		height: 60px;
		border-radius: 2px;
		margin-bottom:10px;
	}
	.float-box-outer2 a p {
		padding: 10px 0 0 10px;
		font-size:  13px;
		text-align:  left;
		line-height:  1.4em;
		font-weight:  600;
	}
	.float-box-outer2 .center2 .popimg {
		width:  60px;
	}
	.float-box-outer2 .center2{
		display:table;
	}
	.float-box-outer2 .center2 > *{
		display:table-cell;
	}
	.float-box-outer2 .center2 .popimg span {
		width: 60px;
		height: 60px;
		border-radius: 2px;
	}
	.float-box-outer2 a p {
		padding: 10px 0 0 10px;
		font-size:  13px;
		text-align:  left;
		line-height:  1.4em;
		font-weight:  600;
	}
	.float-box-outer2 .center2 .popimg {
		width:  60px;
	}
}