*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
	font-size:16px;
	letter-spacing:1px;
	line-height:1.5em;
	color:#000;
	font-family: Meiryo, sans-serif;
	word-break: break-all;
}

html,body {
	height:100%;
}

body {
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	color:#333333;
}

a {
	color:#247de9;
	text-decoration:none;
}
a:hover{
	color:#ff0000;
	text-decoration:none;
	cursor: pointer;
}

a.lnk {
	color:#00477f;
//	text-decoration:underline;
}
a.lnk:hover{
	color:#ff0000;
	cursor: pointer;
}

.km {
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	border-radius:20px;
}
.km5 {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.pagetop {
	z-index:1000;
    display: none;
    position: fixed;
    bottom: 5px;
    right: 10px;
}

.pagetop:hover {
	opacity: 0.5;
}

.opa0 {
	opacity:0;
}
.opa05:hover {
	opacity: 0.5;
//	transition:1.0s;
}
.none {
	display:none;
}

.p100 {
	width:100%;
}


.clear {
	clear:both;
}
.clear-p {
	clear:both;
}

/*-----------------------------------------------------------------
	-design-
-----------------------------------------------------------------*/

#wrapper{
	display:block;
}
#smart_wrapper{
	display:none;
}
#smart_footer{
	display:none;
}
/*以下は画像などの表示制御クラス*/

.pc_img_class{
	display:inline;
}
.smart_img_class{
	display:none;
}

.left {
	float:left;
}
.right {
	float:right;
}

.link-a {
	margin-top:-60px;
	padding-top:60px;
}

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

.tops-button {
//	position:absolute;
	position:fixed;
	z-index:100;
	top:0;
	right:0;

	width:90px;
	height:90px;
	padding:25px 0 0 0;
	background-color:#000;

	background-image: url("");
	background-repeat: repeat-x;
//	background-size: cover;
	background-size: contain;
	background-position: center bottom -2px;
	transform: translateY(-90px);
	cursor: pointer;
}

.tops-button00 {
	width:3px;
	height:30px;
	background-color:#fff;
}
.tops-button01 {
	position:absolute;
	top:34px;
	left:31px;
	transition: 0.2s; /* アニメーション */
}
.tops-button01-m {
	left:43px;
	transform: rotate(45deg);
	transition:0.2s;
}
.tops-button02 {
	position:absolute;
	top:34px;
	right:31px;
	transition: 0.2s; /* アニメーション */
}
.tops-button02-m {
	right:43px;
	transform: rotate(-45deg);
	transition:0.2s;
}
.tops-button03 {
	position:absolute;
	top:25px;
	left:44px;
	display:block;
	transition: 0.2s; /* アニメーション */
}
.tops-button03-m {
	display:none;
	transition:0.2s;
}
.tops-button:hover .tops-button01 {
	top:25px;
}
.tops-button:hover .tops-button02 {
	top:25px;
}
.tops-button:hover .tops-button03 {
	top:34px;
}

ul {
  margin: 0;
  padding-left: 0;
}
 
li {
  list-style: none;
}
 
a {
  text-decoration: none;
  color: #fff;
}

#menu {
	position: fixed;
	z-index:99;
//	top: 0;
	bottom: -100%; /* メニューのwidth + padding */

	width: 100%; /* メニューのwidth */
	height: 100%;
	padding: 20px;
	transition: bottom .5s; /* アニメーション */
//	background-color: rgba(86, 86, 86, .7);
	background-color:#000;
//	display: none;
}
.btm100 {
	bottom: -100%;
}

.menu01 {
	width:500px;
//	border:1px solid #fff;
}
.menu02 {
	width:170px;
	margin:0 0 50px 0;
	text-align:left;
//	border:1px solid #fff;
}
.menu02-1 {
	width:120px;
	margin:0 0 50px 0;
	text-align:left;
//	border:1px solid #fff;
}

.toggle {
	font-size: 50px;
	cursor: pointer;
}
 
.toggle:hover {
	text-decoration: underline;
}
 
#open {
	display: none;
}
 
/* :checked 擬似クラスを使って、#openがチェック状態になった時に、#menuが「bottom: 0;」になります。 */
#open:checked ~ #menu {
	bottom: 0;
//	display: block;
//	animation-fill-mode:both;
//	animation-name: Up;
//	visibility: visible !important;
//	animation-duration:0.5s;
}
#open:checked ~ tops-button01 {
//	display:none;
	top:100px;
}

#open:not(:checked) ~ #menu {
	bottom: -100%;
//	display: block;
//	animation-fill-mode:both;
//	animation-name: Down;
//	visibility: visible !important;
//	animation-duration:0.5s;
}
@keyframes Up{
  from{ bottom: -100%; }
  to{ bottom: 0; }
}
@keyframes Down{
  from{ bottom: 0; }
  to{ bottom: -100%; }
}



.down02 {
	display:none;
	animation-fill-mode:both;
	animation-name: Down02;
	visibility: visible !important;
	animation-duration:0.1s;
}
@keyframes Down02{
//  from{ bottom: -100%;display:none; }
  to{ bottom: -100%;display:none; }
}



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

.title-ani-00 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name: title-ani-00;
	animation-name: title-ani-00;
	visibility: visible !important;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@keyframes title-ani-00 {
	0% { transform-origin:top left; transform:scale(1,0); }
	50% { transform-origin:top left; transform:scale(1,1); }
	51% { transform-origin:bottom left; transform:scale(1,1); }
	100% { transform-origin:bottom left; transform:scale(1,0); }
}
.title-ani-00-a {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name: title-ani-00-a;
	animation-name: title-ani-00-a;
	visibility: visible !important;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@keyframes title-ani-00-a {
	0% { transform-origin:top bottom; transform:scale(1,0); }
	60% { transform-origin:bottom left; transform:scale(1,0); }
	100% { transform-origin:bottom left; transform:scale(1,0); }
}

.title-ani-00-1 {
	animation-fill-mode:both;
	animation-name: title-ani-00-1;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1s;
}
@keyframes title-ani-00-1 {
	0%   { opacity: 1; transform: translateY(-90px); }
	100% { opacity: 1; transform: translateY(0); }
}


.title-ani-00-d:before {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name: title-ani-00d;
	animation-name: title-ani-00d;
	visibility: visible !important;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@keyframes title-ani-00d {
	0% { transform-origin:top left; transform:scale(1,1); }
	100% { transform-origin:top left; transform:scale(0,1); }
}


.title-ani-01 {
	animation-fill-mode:both;
	animation-name: title-ani-01;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1s;
}
@keyframes title-ani-01 {
	0% {
		opacity: 1;
		transform: translateY(210px) scale(1.0, 1.9);
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1.0, 1.9);
	}
}

.title-ani-01-a01 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1s;
}
@keyframes title-ani-01-a01 {
	0% { 
		opacity: 1;
		transform: translateY(300px) scale(1.0, 1.9);
	}
	100% { 
		opacity: 1; 
		transform: translateY(0) scale(1.0, 1.9);
	}
}
.title-ani-01-a02 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.1s;
}
.title-ani-01-a03 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.2s;
}
.title-ani-01-a04 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.3s;
}
.title-ani-01-a05 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.4s;
}
.title-ani-01-a06 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.5s;
}
.title-ani-01-a07 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.6s;
}
.title-ani-01-a08 {
	animation-fill-mode:both;
	animation-name: title-ani-01-a01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.7s;
}

.title-ani-01-b01 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0s;
}
@keyframes title-ani-01-b01 {
	0% { 
		opacity: 1;
		transform: translateY(165px) scale(1.0, 1.9);
	}
	100% { 
		opacity: 1; 
		transform: translateY(0) scale(1.0, 1.9);
	}
}
.title-ani-01-b02 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.1s;
}
.title-ani-01-b03 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.2s;
}
.title-ani-01-b04 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.3s;
}
.title-ani-01-b05 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.4s;
}
.title-ani-01-b06 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.5s;
}
.title-ani-01-b07 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.6s;
}
.title-ani-01-b08 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.7s;
}
.title-ani-01-b09 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.8s;
}
.title-ani-01-b10 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0.9s;
}
.title-ani-01-b11 {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.0s;
}

.title-ani-01-b01s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 0s;
	animation-delay: 1.7s;
}
.title-ani-01-b02s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.8s;
}
.title-ani-01-b03s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 1.9s;
}
.title-ani-01-b04s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.0s;
}
.title-ani-01-b05s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.1s;
}
.title-ani-01-b06s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.2s;
}
.title-ani-01-b07s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.3s;
}
.title-ani-01-b08s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.4s;
}
.title-ani-01-b09s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.5s;
}
.title-ani-01-b10s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.6s;
}
.title-ani-01-b11s {
	animation-fill-mode:both;
	animation-name: title-ani-01-b01;
	visibility: visible !important;
	animation-duration:0.3s;
	animation-delay: 2.7s;
}



.title-ani-02 {
	animation-fill-mode:both;
	animation-name: title-ani-02;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1.7s;
}
@keyframes title-ani-02 {
	0%   { opacity: 1; transform: translateY(40px); }
	100% { opacity: 1; transform: translateY(80px); }
}
.title-ani-03 {
	animation-fill-mode:both;
	animation-name: title-ani-03;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1.7s;
}
@keyframes title-ani-03 {
	0%   { opacity: 1; transform: translateY(40px); }
	100% { opacity: 1; transform: translateY(-40px); }
}
.title-ani-04 {
	animation-fill-mode:both;
	animation-name: title-ani-04;
	visibility: visible !important;
	animation-duration:1s;
	animation-delay: 2.2s;
}
@keyframes title-ani-04 {
	0%   { opacity: 0; transform: translateY(0px); }
	100% { opacity: 1; transform: translateY(0px); }
}
.title-ani-05 {
	animation-fill-mode:both;
	animation-name: title-ani-05;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1.7s;
}
@keyframes title-ani-05 {
	0%   { opacity: 0; transform: translateY(40px); }
	100% { opacity: 1; transform: translateY(0px); }
}

.title-ani-05a {
	animation-fill-mode:both;
	animation-name: title-ani-05a;
	visibility: visible !important;
	animation-duration:0.5s;
	animation-delay: 1.7s;
}
@keyframes title-ani-05a {
	0%   { opacity: 0; transform: translateY(-40px) rotate(90deg); }
	100% { opacity: 1; transform: translateY(0px) rotate(90deg); }
}

.title-ani-06 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name: title-ani-06;
	animation-name: title-ani-06;
	visibility: visible !important;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
}
@keyframes title-ani-06 {
	0% {
		opacity:1;
		width:1px;
		transform-origin:top right;
//		transform:scale(0,1);
	}
	100% {
		opacity:1;
		width:85%;
		transform-origin:top right;
//		transform:scale(1,1);
	}
}


.service-ani-01:before {
	animation-fill-mode:both;
	animation-name: service-ani-01;
	visibility: visible !important;
	animation-duration:1s;
}
@keyframes service-ani-01 {
	0% { transform-origin:top left; transform:scale(0,1); }
	50% { transform-origin:top left; transform:scale(1,1); }
	51% { transform-origin:top right; transform:scale(1,1); }
	100% { transform-origin:top right; transform:scale(0,1); }
}
.service-ani-02 {
	animation-fill-mode:both;
	animation-name: service-ani-02;
	visibility: visible !important;
	animation-duration:1s;
}
@keyframes service-ani-02 {
	0% { opacity: 0; }
	50% { opacity: 0; }
	51% { opacity: 1; }
	100% { opacity: 1; }
}


.brand-ani-01 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
.brand-ani-02 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
	animation-delay: 0.2s;
}
.brand-ani-03 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
	animation-delay: 0.4s;
}
.brand-ani-04 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
	animation-delay: 0.6s;
}
.brand-ani-05 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-duration:0.5s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
	animation-delay: 0.8s;
}



.fadeInUp {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

}
@keyframes fadeInUp {
	0% { opacity:0; transform: translateY(30px); }
	100% { opacity:1; transform: translateY(0); }
}

.fadeInDown2 {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
	animation-delay: 1.7s;

}

.fadeInDown {
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-ms-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

}
@keyframes fadeInDown {
	0% { opacity:0; transform: translateY(-30px); }
	100% { opacity:1; transform: translateY(0); }
}


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

.top-white {
	z-index:199;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #fff;
	transform:scale(1,1);
}
.top-black {
	z-index:200;
//	position:absolute;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #000;
	transform:scale(1,0);
}


/*----------------------------------------
	スライダー2
----------------------------------------*/

.slider2 {
	box-sizing:border-box;
//	width:460px;
//	height:280px;
	width:100%;
	height:500px;
	background-size:cover;
//	border:1px solid #000;
}

.gallery2 {
//	width:460px;
//	height:280px;
	width:100%;
	height:500px;
	margin: 0px 0px; /* space for prev/next buttons */
}

.gallery-cell2 {
	display:block;
//	width:460px;
//	height:280px;
	width:400px;
	height:700px;
	margin:0 50px 0 0;
}
.gallery-cell2-h {
	height:auto;
}
.gallery-cell2-1 {
	position:relative;
	width:400px;
	height:400px;
//	border:1px solid #000;
}
.gallery-cell2-1:before {
	content:"";
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:400px;
	height:400px;
	background-color:#000;
	border:1px solid #000;
	transform:scale(0,1);
}
.service-02-m80 {
	margin:80px 0 0 0;
}
.service-02 {
	opacity:0;
}

.gallery-t2 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width:460px;
	height:280px;
	background-repeat: no-repeat;
//	background-size: contain;
	background-size: cover;
	background-position: center center;
//	border: 1px solid #888888;
}



/* smaller, dark, rounded square */
.slider2 div.flickity-prev-next-button {
	width: 30px;
	height: 30px;
//	border: 2px solid #ffffff;
//	-webkit-border-radius:15px;
//	-moz-border-radius:15px;
//	-ms-border-radius:15px;
//	border-radius:15px;
	border-radius:0px;
//	background: #3e2416;
	background-image: url(../images/slider-y.png);
}
.slider2 div.flickity-prev-next-button:hover {
	background: #f5a100;
}
/* arrow color */
.slider2 div.flickity-prev-next-button .arrow {
//	fill: white;
}
.slider2 div.flickity-prev-next-button.no-svg {
//	color: white;
}
/* position outside */
.slider2 div.flickity-prev-next-button.previous {
	left: 10px;
}
.slider2 div.flickity-prev-next-button.next {
	right: 10px;
}

.slider2 div.flickity-page-dots {
	bottom: 10px;
}
.slider2 div.flickity-page-dots .dot {
	background: #3e2416;
}


/* smaller, dark, rounded square */
.flickity-prev-next-button {
	width: 95px;
	height: 95px;
//	border: 2px solid #ffffff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	border-radius:0px;
//	background: #3e2416;

}
.flickity-prev-next-button:hover {
	background-color: #000;
}
/* arrow color */
.flickity-prev-next-button .arrow {
	display:none;
//	fill: white;
//	font-size:10px;
}
.flickity-prev-next-button.no-svg {
	color: white;
}
/* position outside */
.flickity-prev-next-button.previous {
	top:-150px;
	left:auto;
	right:200px;
	background-image: url(../images/slider-y2.png);
}
.flickity-prev-next-button.next {
	top:-150px;
	right:100px;
	background-image: url(../images/slider-y.png);
}

.flickity-page-dots {
//  bottom: 10px;
}
.flickity-page-dots .dot {
 // background: #3e2416;
}

/*----------------------------------------
	スライダー3
----------------------------------------*/

.slider3 {
	box-sizing:border-box;
//	width:460px;
//	height:280px;
	width:100%;
//	height:500px;
	background-size:cover;
//	border:1px solid #000;
}

.gallery3 {
//	width:460px;
//	height:280px;
	width:100%;
//	height:500px;
	margin: 0px 0px; /* space for prev/next buttons */
}

.gallery-cell3 {
	display:block;
	width:200px;
//	height:700px;
	margin:0 20px 0 0;
}
.gallery-cell3-h {
	height:auto;
}
.gallery-cell3-1 {
	position:relative;
	width:200px;
	height:200px;
//	border:1px solid #000;
}
.gallery-cell3-1:before {
	content:"";
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:200px;
	height:200px;
	background-color:#000;
	border:1px solid #000;
	transform:scale(0,1);
}
.service-03-m80 {
	margin:80px 0 0 0;
}
.service-02 {
	opacity:0;
}

.gallery-t3 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width:460px;
	height:280px;
	background-repeat: no-repeat;
//	background-size: contain;
	background-size: cover;
	background-position: center center;
//	border: 1px solid #888888;
}



/* smaller, dark, rounded square */
.slider3 div.flickity-prev-next-button {
	width: 30px;
	height: 30px;
//	border: 2px solid #ffffff;
//	-webkit-border-radius:15px;
//	-moz-border-radius:15px;
//	-ms-border-radius:15px;
//	border-radius:15px;
	border-radius:0px;
//	background: #3e2416;
	background-image: url(../images/slider-y.png);
}
.slider3 div.flickity-prev-next-button:hover {
	background: #f5a100;
}
/* arrow color */
.slider3 div.flickity-prev-next-button .arrow {
//	fill: white;
}
.slider3 div.flickity-prev-next-button.no-svg {
//	color: white;
}
/* position outside */
.slider3 div.flickity-prev-next-button.previous {
	left: 10px;
}
.slider3 div.flickity-prev-next-button.next {
	right: 10px;
}

.slider3 div.flickity-page-dots {
	bottom: 10px;
}
.slider3 div.flickity-page-dots .dot {
	background: #3e2416;
}


/* smaller, dark, rounded square */
.slider3 div.flickity-prev-next-button {
	width: 95px;
	height: 95px;
//	border: 2px solid #ffffff;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	border-radius:0px;
//	background: #3e2416;

}
.slider3 div.flickity-prev-next-button:hover {
	background-color: #000;
}
/* arrow color */
.slider3 div.flickity-prev-next-button .arrow {
	display:none;
//	fill: white;
//	font-size:10px;
}
.slider3 div.flickity-prev-next-button.no-svg {
	color: white;
}
/* position outside */
.slider3 div.flickity-prev-next-button.previous {
	top:-150px;
	left:auto;
	right:200px;
	background-image: url(../images/slider-y2.png);
}
.slider3 div.flickity-prev-next-button.next {
	top:-150px;
	right:100px;
	background-image: url(../images/slider-y.png);
}

.slider3 div.flickity-page-dots {
//  bottom: 10px;
}
.slider3 div.flickity-page-dots .dot {
 // background: #3e2416;
}


/*-----------------------------------------------------------------
	-TOP-
-----------------------------------------------------------------*/

body {
//	min-width:1000px;
//	padding:0 10px;
}

.top-00 {
	position:relative;
	padding:0 80px;
//	border:1px solid #000;
	opacity: 0;
	transform: translateY(40px);
}
.top {
	position:relative;
	width:100%;
//	height:80px;
	height:65px;
	margin:0 0 0 0;
	padding:0px 0 0px 0;
//	border:1px solid #000;
}

.tops-bar {
	position:fixed;
	z-index:99;
	top:0;
	width:100%;
	height:6px;
	background-color:#000;
}



.title-p {
//	position:absolute;
//	top:0;
//	left:0;
//	right:0;
//	max-width:800px;
//	width:100%;
//	width:170px;
	width:300px;
	margin:5px 0 0 0;
}
.title-bottom-p {
//	width:240px;
	width:255px;
}

.bottom {
	min-width:1100px;
	padding:120px 80px 30px 80px;
	background-color:#000;
}
.bottom-01 {
	width:250px;
}
.bottom-02 {
	font-size:13px;
	line-height:1em;
	color:#b3b3b3;
	font-weight: bold;
	text-align:left;
}
.bottom-03 {
	width:250px;
	height:60px;
	margin:40px 0 0 0;
	padding:21px 0 0 0;
	font-size:14px;
	line-height:1em;
	color:#fff;
	font-weight: bold;
	text-align:center;
	border:1px solid #4d4d4d;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.bottom-03:hover {
	color:#4d4d4d;
//	transform:translateX(5px) translateY(5px);
	transition:1.0s;
}

.link-banner-00 {
	margin:0px 0 0 100px;
}
.link-banner-01 {
	height:30px;
}
.link-banner {
	width:190px;
	margin:0 10px 10px 0;
	border:1px solid #888;
}


.bottom-f01 {
	margin:0 0 10px 0;
	font-size:14px;
	line-height:0.5em;
	color:#fff;
	font-weight: bold;
}
.bottom-f01:hover {
	color:#4d4d4d;
	transition:1.0s;
}

.bottom-f02 {
	margin:20px 0 0 0;
	font-size:15px;
	color:#b3b3b3;
	font-weight: bold;
}
.bottom-f03 {
	font-size:12px;
	color:#b3b3b3;
	font-weight: bold;
}

.l01-p {
	margin:0 0 0 10px;
}


.fb-p {
	z-index:10;
	position:absolute;
	top:150px;
	right:35px;
	opacity:0;
}

.text-ta {
	display:inline-block;
	position:absolute;
	top:200px;
	left:4px;
//	padding:0 0 10px 0;
	text-align:left;
	line-height:0.8em;
	opacity:0;
//	border-bottom:5px solid #000;
}
.text-ta-back {
	display:inline-block;
	position:absolute;
	top:327px;
	left:-84px;
	padding:0 0 10px 0;
	text-align:left;
	line-height:0.8em;
//	transform:rotate(90deg);
	border-bottom:5px solid #000;
}
.scroll {
	position:absolute;
	top:540px;
	left:-30px;
	width:130px;
	margin:20px 0 0 0;
	padding: 0 0px;
	text-align:left;
	transform:rotate(90deg);
	opacity:0;
}
.scroll:before {
  position: absolute;
  top: calc(50% - 0px);
  left: 0;
  width: 130px;
  height: 2px;
  content: '';
  background: #000;
}
.scroll span {
	position: relative;
	padding: 0 7px 0 0px;
	font-size:17px;
	background: #fff;
//	background:linear-gradient(transparent 70%, #003394 70%);
}





.font-acumin {
	font-family: acumin-pro-extra-condensed,sans-serif;
	font-weight: 600;
	font-style: normal;
}

.font-acumin-bg {
	position: relative;
//	z-index:2;
	display:inline-block;
	height:28px;
	padding:0 0 -10px 0;
	font-size:21px;
//	border:1px solid #000;
	transition: all 500ms 0s ease;
//	background-position:-100% .5em;
}
.font-acumin-bg:after{
  position: absolute;
  z-index:-1;
  bottom: 1px;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 6px;
//  background: #34BBF3;
  background: #7f99c9;
  transition: 0.3s;
}
.font-acumin-bg:hover:after{
  width: 100%;
}



.font-acumin-bg2 {
	display:inline-block;
	height:28px;
	padding:0 0 -10px 0;
	font-size:21px;
	background:linear-gradient(transparent 75%, #7f99c9 75%);
//	border:1px solid #000;
}

.font-acumin-bg3 {
	position: relative;
	display:inline-block;
//	height:28px;
	padding:0 0 -10px 0;
	font-size:32px;
	color:#fff;
	transform: scale(1.0, 1.9);
//	border:1px solid #fff;
	transition: all 500ms 0s ease;
//	background-position:-100% .5em;
}
.font-acumin-bg3:before{
  position: absolute;
  top: 1.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
//  background: #34BBF3;
  background: #7f99c9;
  transition: 0.3s;
}
.font-acumin-bg3:hover:before{
  width: 100%;
}

.font-acumin1 {
	margin:0 0 100px 0;
	font-size:192px;
//	font-size:210px;
	line-height:1.0em;
	letter-spacing:1px;
	transform   : scale(1.0, 1.9);
//	border:1px solid #000;
}
.font-acumin2 {
//	height:160px;
	height:160px;
	margin:30px 0 0 0;
	font-size:115px;
	line-height:1.0em;
	letter-spacing:1px;
	transform: scale(1.0, 1.9);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
.font-shadow {
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}

.font-acumin3 {
	display:inline-block;
	height:65px;
	padding:0 5px;
	font-size:60px;
	line-height:1.0em;
	letter-spacing:1px;
	background:linear-gradient(transparent 90%, #0131ab 90%);
}
.font-acumin5 {
	font-size:30px;
	line-height:1.0em;
}

.font-acumin6 {
	display:inline-block;
//	height:160px;
	margin:-3px 0 0 0;
	padding:0 5px;
	font-size:21px;
	line-height:1.0em;
	letter-spacing:1px;
}
.font-acumin6:hover {
	background-image: linear-gradient(transparent 75%, #7f99c9 75%);
//	background-position:0 .5em;
}


.font-nobel {
	font-size:20px;
	font-family: nobel,sans-serif;
	font-weight: 400;
	font-style: normal;
}

.font-yoko {
	margin:128px 0 0 10px;
	font-size:28px;
	font-weight: bold;
}
.font-yoko2 {
	margin:108px 0 0 10px;
}

.table-mar100 {
	margin:0 100px 0 0;
//	border:1px solid #000;
}

.table-m {
//	width: 100%;
	border-collapse: collapse;
//	border:1px solid #000;
}
.table-m100 {
	width: 100%;
}
.table-w950 {
	width:950px;
//	border:1px solid #000;
}
.table-w1100 {
	width:1100px;
}
.table-m td.td-top01 {
//	width:100px;
	padding:0 0 2px 40px;
	vertical-align:top;
	font-size:21px;
	font-weight:bold;
}
.table-m td.td-top01m {
//	width:100px;
	padding:0 20px 40px 20px;
	vertical-align:top;
	font-size:21px;
	font-weight:bold;
}

.table-m td.tdm-a00 {
//	width:400px;
	vertical-align:top;
//	width:50%;
//border:1px solid #000;
}
.table-m td.tdm-a00-2 {
	vertical-align:top;
//	width:50%;
	padding:0 0 0 50px;
//border:1px solid #000;
}

.table-m td.tdm-a01 {
//	width:50%;
//	width:350px;
	width:500px;
	padding:0 20px;

	padding:0 0 0 0px;
	text-align:leeft;
	vertical-align:top;
	text-align:right;
//	border:1px solid #000;
}
.table-m td.tdm-a01a {
//	width:500px;
	height:500px;
	background-color:#ccc;
}
.table-m td.tdm-a02 {
//	width:50%;
	padding:0 0 0 0px;
	text-align:left;
	vertical-align:top;
}
.table-m td.tdm-b01 {
	width:20%;
	padding:0 20px 0 0;
	text-align:center;
	vertical-align:top;

//	border:1px solid #ff0000;
}
.table-m td.tdm-bottom01 {
	width:270px;
	vertical-align:top;
}
.table-m td.tdm-bottom02 {
//	padding:0 100px 0 0;
//	text-align:right;
	vertical-align:top;
}
.table-m td.tdm-bottom-a01 {
	padding:0 120px 0 0;
	font-size:15px;
	color:#fff;
	font-weight: bold;
	vertical-align:top;
}
.table-m td.tdm-bottom-a03 {
	vertical-align:top;
}
.table-m td.tdm-map-01 {
	width:440px;
	padding:0 20px 0 20px;
	vertical-align:top;
}
.table-m td.tdgd-01 {
	width:250px;
	padding:0 20px 0 20px;
	vertical-align:top;
	text-align:center;
}




.img-p {
	width:100%;
}
.dammy1-p {
	width:100%;
	height:350px;
}

.photo01-p0 {
	z-index:0;
	position:relative;
	width:610px;
	height:500px;
//	margin:-150px 0 0 0;
	margin:-203px 0 0 5px;
	overflow:hidden;
	opacity:0;
}
.photo01-p {
	position:relative;
//	width:100%;
//	width:500px;
	width:550px;
	height:350px;
//	background-image: url(../images/photo01.jpg);
	background-image: url(../images/501.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
//	background-size:600px auto;
    background-position: center center;
	overflow:hidden;

	opacity: 0;
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: fadeIn;
	visibility: visible !important;
}
@keyframes fadeIn {
	0% {opacity:0; }
	100% {opacity:1; }
}


.top-p {
	margin:-10px 0 0 0;
}

.contena-h10 {
	height:10px;
}
.contena-h20 {
	height:20px;
}
.contena-h30 {
	height:30px;
}
.contena-h40 {
	height:40px;
}
.contena-h50 {
	height:50px;
}
.contena-h60 {
	height:60px;
}
.contena-h70 {
	height:70px;
}

.contena-h80 {
	height:80px;
}
.contena-h100 {
	height:100px;
}
.contena-h110 {
	height:110px;
}
.contena-h120 {
	height:120px;
}
.contena-h130 {
	height:130px;
}
.contena-h140 {
	height:140px;
}
.contena-h150 {
	height:150px;
}
.contena-border {
	height:1px;
	border-bottom:1px solid #ddd;
}


.contena-main {
	min-width:1100px;
}
.contena-00 {
	position:relative;
	padding:35px 0 0 0px;
//	border-top:6px solid #000;
//	border-border:6px solid #000;
	border-left:6px solid #000;
}
.contena-00a {
	position:relative;

}

.contena-01 {
//	position:absolute;
	position:relative;
	z-index:2;
//	height:500px;
	padding:0 80px;
}
.contena-01a {
	max-width:1000px;
}
.contena-01a1000 {
	width:1000px;
}
.contena-01b {
//	padding:140px 80px 140px 80px;
	padding:80px 80px 80px 80px;
	background-color:#000;
}
.contena-01b-blu {
	background-color:#0131ab;
}
.contena-01b-wht {
	background-color:#fff;
}

.contena-01c {
	max-width:1000px;
}
.contena-01d {
	width:1000px;
//	padding:140px 80px 140px 80px;
	padding:80px 80px 80px 80px;
	background-color:#f3f3f3;
}

.contena-02 {
//	position:absolute;
	position:relative;
	z-index:2;
//	height:500px;
	padding:0 0 0 80px;
//	border:1px solid #000;
}
.contena-02-ma {
	margin:0px 0 0 0 ;
//	border:1px solid #000;
}


.contena-02-1 {
	position:relative;
	z-index:1;
	height:700px;
	padding:0 0 0 100px;
//	border:1px solid #000;
}
.contena-02-1-h {
	height:auto;
}

.contena-02-2 {
//	position:absolute;
	position:relative;
	z-index:3;
	height:600px;
}
.contena-02-3 {
//	position:relative;
	position:absolute;
	z-index:1;
	top:100px;
	left:0px;
	width:100%;
	height:600px;
//	background-color:#f3f3f3;
}
.contena-02-4 {
//	position:relative;
	position:absolute;
	z-index:1;
	bottom:0px;
	right:0px;
	width:100%;
	height:80%;
//	background-color:#f3f3f3;
//	background-color:#99addd;
	background-color:#ccd6ee;
}

.back-b-b {
//	position:relative;
	position:absolute;
	z-index:0;
bottom:0px;
right:-85px;
	width:100%;
	height:320px;
	background-color:#000;
	margin: 0 0 150px 0;
}



.back-b {
	position:relative;
//	width:93%;
	width:85%;
	height:320px;
//	margin:0 0 0 110px;
	margin:-100px 0 0 0;
//	background-color:#000;
	width:1px;
}
.back-b:before{
	z-index:1;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:100%;
	height:320px;
//	background-color:#000;
//	border:1px solid #000;
//	-webkit-transform:scale(0,1);
//	transform:scale(0,1);
}
.back-b-aa {
	position:relative;
//	width:93%;
	width:85%;
	height:320px;
	background-color:#000;
//	width:1px;
}
.back-b-aa:before{
	z-index:1;
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:100%;
	height:320px;
//	background-color:#000;
//	border:1px solid #000;
//	-webkit-transform:scale(0,1);
//	transform:scale(0,1);
}
.back-bmm {
	margin:0 0 0 0;
}
.back-b-0 {
	width:85%;
	height:320px;
	margin:-100px 0 0 0;
	overflow:hidden;
//	opacity:0;
	transform:scale(0,1);
}
.back-b-1 {
	width:100%;
//	width:1200px;
	height:320px;
	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;

	background-image: url(../images/8407.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom;

}

.back-b-2 {
	width:100%;
//	width:1200px;
	height:320px;
	margin:0 0 0 0;
	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;
	background-image: url(../images/0042.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center top -240px;
}

.back-b-3 {
	width:100%;
//	width:1200px;
	height:320px;
	margin:0 0 0 0;
	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;
	background-image: url(../images/0407.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom -80px;
}


.text-a0 {
//	width:320px;
	width:480px;
	height:255px;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
.text-a0h {
//	height:100px;
//	border:1px solid #000;
}
.text-b0 {
	height:170px;
//	height:190px;
	margin:-20px 0 5px 0 ;
	padding:0 10px;
	overflow:hidden;
//	border:1px solid #000;
//	background-color:#ccc;
}
.text-b0-si {
	height:190px;
}
.text-b0-dd {
	width:20px;
	height:1px;
	color:#fff;
	padding:70px 0 0 0;
//	border:1px solid #000;
}
.text-b4 {
	height:180px;
	margin:20px 0 5px 0px ;
	padding:20px 0 0 0;
	overflow:hidden;
//	border:1px solid #000;
//	background-color:#ccc;
}

.text-a {
	display:inline-block;
//	margin:0 10px;
	transform: translateY(255px);
}

.text-a-01, .text-a-02, .text-a-03, .text-a-04, .text-a-05, .text-a-06, .text-a-07 {
	display:inline-block;
//	margin:0 10px;
	transform: translateY(300px);
//	border:1px solid #000;
}

.text-a0 {
	width:100%;
	height:auto;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
.text-a2-0 {
	z-index:2;
	position:relative;
	display:inline-block;
	width:100%;
//	width:440px;
	height:auto;
	margin:0 0px 0 20px;
//	padding:0px 0 0 20px;
//	border:1px solid #000;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}

.contena-01z {
	position:relative;
	z-index:2;
	height:500px;
	padding:0px 0px 0px 0px;
//	border:1px solid #000;
}
.text-a0z {
	position:absolute;
	top:65px;
	z-index:2;
	width:100%;
	height:150px;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
.text-a2-0z {
	position:absolute;
	top:200px;
	z-index:2;
	position:relative;
	display:inline-block;
	width:100%;
//	width:440px;
	height:150px;
	margin:0 0px 0 0px;
//	padding:0px 0 0 20px;
//	border:1px solid #000;
	overflow:hidden;
	transform: translateY(40px);
//	border:1px solid #000;
}
.text-a3-0z {
	position:absolute;
	top:0px;
	right:0;

}


.text-a2 {
	display:inline-block;
	margin:0 0px ;
//	padding:60px 0 0 0;
	color:#d6d6d6;
	transform: translateY(210px);
}
.text-a2-grn {
//	padding:60px 0 0 0;
	display:inline-block;
	color:#0131ab;
	transform: translateY(300px);
}
.text-b {
	display:inline-block;
	margin:0 0px;
	transform: translateY(150px);
}
.text-b2 {
	display:inline-block;
	color:#d6d6d6;
	transform: translateY(150px);
}
.text-b3 {
	display:inline-block;
	color:#0131ab;
	transform: translateY(150px);
}


.text-b-a {
	margin:-60px 0 0 0;
}


.top-a-01 {
	width:340px;
	padding:20px 0 0 0;
}

.top-a-02 {
	position:absolute;
	bottom:5px;
	left:20px;
//	margin:0 0 20px 0;
	font-size:36px;
	font-weight: bold;
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
.top-a-02-pic {
	position:relative;
	height:250px;
	margin:0 0 20px 0;
	background-image: url(../images/7872.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom -40px;
}
.top-a-03 {
	font-size:14px;
	letter-spacing: 2px;
	line-height:2.4em;
	text-align:left;
}


.top-b-01 {
	padding:10px;
	line-height:1.0em;
	background-color:#fff;
}
.top-b-01bdr {
	border:3px solid #e8e8e8;
}
.top-b-02 {
	margin:0px 0 0 0;
	font-size:40px;
	color:#fff;
}
.top-b-03 {
	margin:-5px 0 0 0;
	font-size:12px;
	color:#fff;
}
.top-b-04 {
	margin:10px 0 0 0;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	line-height:1.1em;
}

.top-sld-01 {
	font-size:60px;
	font-weight: bold;
	text-align:left;
}
.top-sld-02 {
	margin:-10px 0 0 0;
	font-size:14px;
	font-weight: bold;
	text-align:left;
}
.top-sld-03 {
	margin:20px 0 0 0;
	font-size:13px;
	letter-spacing: 2px;
	line-height:2.1em;
	text-align:left;
}
.top-sld-04 {
	margin:15px 0 0 0;
	font-size:32px;
	font-weight: bold;
	text-align:left;
	line-height:1.2em;
}
.top-sld-05 {
	margin:15px 0 0 0;
	font-size:18px;
	color:#fff;
	font-weight: bold;
	text-align:center;
	line-height:1.2em;
}




.btn {
	position: relative;
	width:150px;
	margin:20px 0 0 0;
	padding: 0 0px;
	text-align:right;
}
.btn:before {
  position: absolute;
  top: calc(50% - 0px);
  left: 0;
  width: 55px;
  height: 2px;
  content: '';
  background: #000;
}
.btn span {
	position: relative;
	padding: 0 2px 0 2px;
	font-size:22px;
	background: #fff;
	background:linear-gradient(transparent 70%, #7f99c9 70%);
}



.shop-01{
//	width:736px;
//	height:450px;
}
.shop-02 {
	width:400px;
	height:450px;
}

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

.service-line {
	height:1px;
	border-top:3px solid #000;
}

.service-a00 {
	padding:60px 0;
}
.service-a00g {
	background-color:#ddd;
}

.service-a01 {
	width:900px;
}

.service-a03 {
//	width:648px;
	width:750px;
	text-align:left;
}
.service-a04 {
	height:18px;
	margin:0 0 15px 0;
	padding:0 0 0 5px;
	font-size:20px;
	font-weight: bold;
	line-height:1.0em;
//	border:1px solid #0131ab;
	border-left:18px solid #0131ab;

}
.service-a04-1 {
	display:inline-block;
	width:25px;
	height:25px;
	margin:0 0 0 0;
	font-size:25px;
	font-weight: bold;
	line-height:1.5em;
	color:#0131ab;
	background-color:#0131ab;
}
.service-a05 {
	margin:0 0 10px 0;
	font-size:16px;
	line-height:1em;
	color:#000;
	font-weight: bold;
	text-align:left;
}
.service-a06 {
	font-size:16px;
	line-height:1em;
	color:#ff0000;
///	font-weight: bold;
	text-align:left;
}

.oil-p {
	width:100px;
}
.service-table {
	border-collapse: collapse;
}
.service-table-100 {
	width:100%;
}
.service-table-m1 {
	margin:0 20px 0 0;
}
.service-table td {
	padding:0 0 10px 0;
	vertical-align:top;
	text-align:left;
}
.service-table td.svtd01 {
	padding:10px 0 10px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
.service-table td.svtd02 {
	width:200px;
	font-weight:bold;
}


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

.shop-a01 {
	margin:40px 0;
	font-size:18px;
	line-height:1.7em;
	color:#000;
	font-weight: bold;
}
.shop-a02 {
	width:950px;
	line-height:0em;
	border:2px solid #000;
}
.shop-a03 {
	width:950px;
	margin:-2px 0 0 0;
	padding:55px 30px 55px 55px;
	line-height:1.0em;
	line-height:0em;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}
.shop-a03-1 {
	width:120px;
	text-align:left;
}
.shop-a03-2 {
	margin:5px 0 0 0;
	padding:1px 0px 0px 35px;
	font-size:20px;
	line-height:1.0em;
	font-weight: bold;
	border-left:2px solid #000;
}
.shop-a03-3 {
	font-size:20px;
	line-height:1.0em;
	font-weight: bold;
}
.shop-a03-4 {
	width:15px;
	height:15px;
	margin:6px 0 0 0;
	border-right:3px solid #000;
	border-bottom:3px solid #000;
	transform: rotate(-45deg);
}

.shop-a04 {
	display:inline-block;
	height:17px;
	margin:0 0 0 -2px;
	padding:0 20px 0 20px;
	line-height:1.0em;
	line-height:0em;
	border-left:2px solid #000;
	border-right:2px solid #000;
}

.table-menu {
	border-collapse: collapse;
}

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

.brand-a00 {
	width:1000px;
	padding:80px 0px 50px 0px;
	background-color:#f3f3f3;
}
.brand-a01 {
	width:900px;
}
.brand-a02 {
	position:relative;
	width:195px;
	margin:0 15px 30px 15px;
}
.brand-a03 {
	padding:10px;
	line-height:1.0em;
	background-color:#fff;
	border:3px solid #e8e8e8;
}
.brand-a03-1 {
	padding:0px;
	line-height:0em;
}

.brand-a02:hover {
	animation-fill-mode:both;
	animation-duration:0.5s;
	animation-name: Up01;
	visibility: visible !important;
}
.brand-a02:hover .brand-a03 {
	animation-fill-mode:both;
	animation-duration:0.5s;
	animation-name: Up02;
	visibility: visible !important;
}
@keyframes Up01{
  from{ top:0; }
  to{ top:-20px; }
}
@keyframes Up02{
  from{ border:3px solid #e8e8e8; }
  to{ border:3px solid #0131ab; }
}

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

.r-bike-01 {
	width:925px;
}

.r-bike-mv {
	width:100%;
	height:600px;
//	border-top:2px solid #000;
//	border-bottom:2px solid #000;
	background-color:#eee;
//	background-color:#0131ab;
	background-image: url("../images/back-yoyaku.jpg");
	background-repeat: repeat-x;
	background-size: cover;
//	background-size: contain;
	background-position: right center;
}

.r-bike-02 {
	width:340px;
	margin:-35px 0 0 0;
//	padding:20px 0 0 0;
}
.r-bike-02-2 {
	margin:-1px 0 0 0;
}

.r-bike-03 {
	font-size:14px;
	letter-spacing: 2px;
	line-height:2.4em;
	text-align:left;
}
.r-bike-04 {
	margin:10px 0 20px 0;
	font-size:31px;
	line-height:1.4em;
	color:#000;
	font-weight: bold;
	text-align:left;
}


.r-bike-05 {

	width:100%;
//	width:1200px;
	min-height:320px;
//	margin:0 0 0 0;
	padding:40px;

	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;

	background-color:#eee;
//	background-image: url(../images/0042.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center top -240px;
}

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

.osirase-til {
	padding: 0 0 10px 2px;
	font-size:22px;
	font-weight: bold;
	line-height:1.0em;
	text-align:left;
}
.osirase-til-c {
	text-align:center;
}

.osirase-00 {
	width:100%;
	min-height:50px;
	margin:-1px 0 0 0;
	padding:10px 15px;
	background-color:#fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.osirase-01 {
	width:100px;
	text-align:left;
}
.osirase-01-1 {
	margin:2px 0 0 0;
	font-size:20px;
	line-height:1.0em;
}
.osirase-02 {
	margin:6px 0 0 0;
	padding:1px 0px 0px 25px;
	font-size:14px;
	line-height:1.0em;
	border-left:1px solid #000;
}

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

.guide-til {
	font-size:25px;
	line-height:1.0em;
	color:#fff;
	font-weight: bold;
}

.guide-line {
	heigh:1px;
	border-top:1px solid #fff;
}
.guide-line2 {
	heigh:1px;
	border-top:1px solid #000;
}

.guide-01 {
	margin:0 0 40px 0;
	font-size:22px;
	line-height:1.8em;
	color:#fff;
}
.guide-02 {
	margin:10px 0 0 0;
	font-size:25px;
	line-height:1.0em;
	color:#fff;
	font-weight: bold;
}
.guide-03 {
	margin:0 0 10px 0;
	font-size:14px;
	line-height:1.0em;
	color:#fff;
}

.guide-04 {
	margin:10px 0 0 0;
	font-size:14px;
	line-height:0.8em;
	color:#fff;
}

.guide-05 {
	font-size:22px;
	line-height:1.8em;
	color:#fff;
}
.guide-06 {
	color:#fff;
	text-align:left;
}
.guide-07 {
	width:400px;
}
.guide-08 {
	font-size:18px;
	line-height:1.5em;
	color:#fff;
}
.guide-08 b{
	font-size:18px;
	line-height:1.5em;
	font-weight: bold;
}
.guide-09 {
	width:500px;
	text-align:left;
}
.guide-10 {
	width:850px;
	padding:30px 20px 20px 20px;
	text-align:left;
	background-color:#ddd;
}
.guide-11 {
	width:850px;
	line-height:1.7em;
	text-align:left;
}
.guide-11-1 {
	margin:0 0 10px 0;
	font-size:22px;
	line-height:1.0em;
	font-weight: bold;
}
.guide-12 {
	width:870px;
//	border:1px solid #fff;
}
.guide-12-1 {
	width:350px;
	line-height:0em;
//	border:1px solid #fff;
}
.guide-12-2 {
	width:500px;
	padding:20px 0 0 0;
	line-height:0em;
//	border:1px solid #fff;
}

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

.c000 {
	color:#000;
}
.cfff {
	color:#fff;
}
.cblu {
	color:#0131ab;
}

/*-----------------------------------------------------------------
	-smart-
-----------------------------------------------------------------*/
@media screen and (max-width:480px){

#wrapper{
	display:none;
}
#smart_wrapper{
	display:block;
}
#footer{
	display:none;
}
/*以下は画像などの表示制御クラス*/
.pc_img_class{
	display:none;
}
.smart_img_class{
	display:inline;
}

.clear-p {
	clear:none;
}
.clear-s {
	clear:both;
}

.left {
	float:none;
}
.right {
	float:none;
}

.left-s {
	float:left;
}
.right-s {
	float:right;
}

*{
	font-size:12px;
}

html,body {
	min-width:1px;
}

.h100 {
	height:auto;
}

.link-a {
	margin-top:-60px;
	padding-top:60px;
}

.go_top {
	width:70px;
}

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


/*----------------------------------------
	スライダー2
----------------------------------------*/

.slider2 {
	width:100%;
	height:300px;
}

.gallery-cell2 {
	display:block;
	width:200px;
	height:500px;
	margin:0 50px 0 0;
}
.gallery-cell2-1 {
	position:relative;
	width:200px;
	height:200px;
}

.service-01:before {
	width:200px;
	height:200px;
}
.info-01:before {
	width:200px;
	height:200px;
}

/* position outside */
.flickity-prev-next-button.previous {
	display:none;
}
.flickity-prev-next-button.next {
	display:none;
}

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

.font-acumin1 {
	margin:0 0 100px 0;
	font-size:92px;
	line-height:1.0em;
	letter-spacing:1px;
	transform   : scale(1.0, 1.9);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}
.font-acumin2 {
	height:70px;
	margin:0px 0 0 0;
	padding:10px 0 10px 0;
	font-size:55px;
	line-height:1.0em;
	letter-spacing:1px;
	transform: scale(1.0, 1.9);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
.font-acumin3 {
	font-size:38px;
}

.font-acumin4 {
	height:160px;
	margin:30px 0 0 0;
	font-size:92px;
	line-height:1.0em;
	letter-spacing:1px;
	transform: scale(1.0, 1.9);
	text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
//	border:1px solid #000;
}
.font-acumin4-2 {
//	height:140px;
	font-size:70px;
//	border:1px solid #000;
}


.font-acumin6 {
	display:inline-block;
//	height:160px;
	margin:-3px 0 0 0;
	padding:0 1px;
	font-size:17px;
	line-height:1.0em;
	letter-spacing:1px;
}

.text-a-01, .text-a-02, .text-a-03, .text-a-04, .text-a-05, .text-a-06, .text-a-07 {
	transform: translateY(255px);
}

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

.tops {
	position:absolute;
	top:0;
	left:0;
	min-width:1px;
	width:100%;
	height:120px;
}

.top {
	position:relative;
	width:100%;
	padding:10px 10px 10px 0px;

}
.top-00 {
	position:relative;
	padding:0 15px;
//	border:1px solid #000;
	opacity: 0;
	transform: translateY(40px);
}


.title-p {
	width:240px;
}

.contena-01 {
//	position:absolute;
	position:relative;
	z-index:2;
	padding:0 10px;
}

.contena-01a1000 {
	width:100%;
}

.bottom {
	min-width:1px;
	padding:40px 20px 20px 20px;
	background-color:#000;
}


.bottom-02 {
	margin:20px 0 0 0;
	font-size:13px;
	line-height:1em;
	color:#b3b3b3;
	font-weight: bold;
	text-align:center;
}
.bottom-03 {

	margin:20px auto 0 auto;

}
.bottom-f02 {
	margin:10px 0 0 0;
	font-size:15px;
	color:#b3b3b3;
	font-weight: bold;
}

.link-banner-00 {
	margin:0px 0 0 0px;
}
.link-banner-01 {
	height:20px;
}
.link-banner-03 {
}
.link-banner-04-1 {
	width:50%;
	margin:0 0px 0px 0;
	padding:0 5px 0 0;
}
.link-banner-04-2 {
	width:50%;
	margin:0 0px 0px 0;
	padding:0 0 0 5px;
}
.link-banner {
	width:100%;
	border:1px solid #888;
}
/*-------------------------------------------------*/

.table-w950 {
	width:100%;
//	border:1px solid #000;
}

.table-m td {
	display:block;
}

.table-m td.tdm-a01 {
	padding:0 20px;
	padding:0 0 0 0px;
	text-align:leeft;
	vertical-align:top;
	text-align:left;
//	border:1px solid #000;
}
.table-m td.tdm-a01a {
//	width:500px;
	height:auto;
	background-color:#ccc;
}
.table-m td.tdm-a02 {
	padding:0 0 0 0px;
	text-align:left;
	vertical-align:top;
}

.table-m td.tdm-a00-2 {
	vertical-align:top;
//	width:50%;
	padding:0 0 0 0px;
//border:1px solid #000;
}
.table-m td.tdm-bottom01 {
	width:100%;
	text-align:center;
	vertical-align:top;
//	border:1px solid #fff;
}
.table-m td.tdm-map-01 {
	width:100%;
	padding:0 0px 0 0px;
	vertical-align:top;
}

.table-m td.tdm-b01 {
	width:50%;
	padding:10px 10px 10px 10px;
	text-align:center;
	vertical-align:top;
//	border:1px solid #ff0000;
}


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

.text-b-a {
	margin:-20px 0 0 0;
}
.text-b0 {
	height:110px;
	margin:-20px 0 5px 0 ;
	padding:0 10px;
	overflow:hidden;
//	border:1px solid #000;
//	background-color:#ccc;
}
.text-b0-si {
	height:100px;
}
.text-b-10 {
	height:100px;
	border:1px solid #000;
}
.text-b4 {
	height:114px;
	margin:-20px 0 5px 0px ;
	padding:0 0px;
	overflow:hidden;
//	border:1px solid #000;
//	background-color:#ccc;
}


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

.contena-main {
	min-width:1px;
}

.contena-00 {
	position:relative;
	padding:13px 0 0 0px;
//	border-top:6px solid #000;
//	border-border:6px solid #000;
	border-left:6px solid #000;
}

.contena-01b {
	padding:20px 0px 20px 0px;
	background-color:#000;
}



.contena-02 {
	position:absolute;
	position:relative;
	z-index:2;
	padding:0 10px 0 10px;
//	border:1px solid #000;
}

.contena-02-1 {
	position:relative;
	z-index:1;
	height:450px;
	margin:0 -10px 0 0px;
	padding:0 0 0 20px;
//	border:1px solid #000;
}



.shop-01{
//	width:736px;
//	height:450px;
}
.shop-02 {
	width:100%;
	height:450px;
	margin:20px 0 0 0;
	text-align:center;
}
.fb-container{
	float:none;
	width:100%;
}

.back-b {
	position:relative;
//	width:93%;
	width:85%;
	height:120px;
//	margin:0 0 0 110px;
	margin:-50px 0 0 0;
//	background-color:#000;
	width:1px;
}

.back-b-1 {
	width:100%;
	height:200px;
	position:relative;
	z-index:0;
//	borttom:200px;
	right:0;

	background-image: url(../images/8407.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom;

}

.back-b-2 {
	width:100%;
	height:150px;
	margin:0 0 0 0;
	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;
	background-image: url(../images/0042s.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom -10px;
}

.back-b-3 {
	width:100%;
//	width:1200px;
	height:150px;
	margin:0 0 0 0;
	position:relative;
//	position:absolute;
	z-index:0;
//	borttom:200px;
	right:0;
	background-image: url(../images/0407s.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom 0px;
}

.top-sld-01 {
	margin:0 0 5px 0;
	font-size:28px;
}
.top-sld-03 {
	margin:5px 0 0 0;
	font-size:12px;
	letter-spacing: 2px;
	line-height:2.1em;
	text-align:left;
}
.top-sld-04 {
	margin:10px 0 0 0;
	font-size:16px;
}

.btn {
	position: relative;
	width:150px;
	margin:10px 0 0 0;
	padding: 0 0px;
	text-align:right;
}

.text-ta {
	display:inline-block;
	position:absolute;
	top:200px;
	left:4px;
	text-align:left;
	line-height:0.8em;
	opacity:0;
//	border-bottom:5px solid #000;
}
.text-ta-p {
	width:30px;
}

.top-a-02 {
	position:absolute;
	bottom:5px;
	left:20px;
//	margin:0 0 20px 0;
	font-size:22px;
}
.top-a-02-pic {
	position:relative;
	height:200px;
	margin:20px 0 20px 0;
	background-image: url(../images/7872.jpg);
	background-repeat:no-repeat;
	background-size:cover;
//	background-size:contain;
    background-position: center bottom -40px;
}
.top-a-03 {
	font-size:12px;
	letter-spacing: 2px;
	line-height:2.0em;
	text-align:left;
}

/*-------------------------------*/
.service-a00 {
	padding:20px;
}

.service-a01 {
	width:100%;
}


.gallery-cell3 {
	display:block;
//	width:460px;
//	height:280px;
	width:325px;
	height:auto;
	margin:0 0 50px 0;
//	border:1px solid #000;
}
.gallery-cell3-1 {
	position:relative;
	width:325px;
	height:325px;
//	border:1px solid #000;
}
.gallery-cell3-1:before {
	content:"";
	z-index:1;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:325px;
	height:325px;
	background-color:#000;
	border:1px solid #000;
	transform:scale(0,1);
}
.gallery-cell3-2 {
	padding:0 20px;
}

.top-sld-01-3 {
	font-size:46px;
}
.top-sld-02-3 {
	margin:-10px 0 0 0;
	font-size:14px;
}


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

.shop-a00 {
	padding:20px;
}

.shop-a01 {
	margin:20px 0;
	font-size:14px;
	line-height:1.7em;
	color:#000;
	font-weight: bold;
}
.shop-a02 {
	width:100%;
	line-height:0em;
	border:2px solid #000;
}
.shop-a03 {
	width:100%;
	margin:-2px 0 0 0;
	padding:25px 15px 25px 15px;
	line-height:1.0em;
	line-height:0em;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}
.shop-a03-1 {
	width:120px;
	text-align:left;
}
.shop-a03-2 {
	margin:5px 0 0 0;
	padding:0px 0px 0px 0;
	font-size:15px;
	line-height:1.0em;
	font-weight: bold;
	border-left:0px solid #000;
}
.shop-a03-3 {
	font-size:20px;
	line-height:1.0em;
	font-weight: bold;
}
.shop-a03-4 {
	width:10px;
	height:10px;
	margin:6px 0 0 0;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	transform: rotate(-45deg);
}

.shop-a04 {
	display:inline-block;
	height:14px;
	margin:0 0 0 -1px;
	padding:0 12px 0 12px;
	line-height:1.0em;
	line-height:0em;
	border-left:1px solid #000;
	border-right:1px solid #000;
}


/*-------------------------------------------------*/
}