/*
Theme Name: ORIGINAL
*/


* {
	margin: 0;
	padding: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
	text-rendering:optimizeLegibility;
}

ul, li{
	list-style:none;
}

img{
	display:block;
}

::selection {
	background-color: #000;
	color:#fff;
}

a{
	text-decoration:none;
	color:#000;
}

.gray_t{
	color:#848484!important;
}

.text_border{
	text-decoration:underline;
}


.font_bold{
	font-weight:bold;
}


.font12{
	font-size:12pt;
}


.font13{
	font-size:13pt;
}


.font14{
	font-size:14pt;
}

.font15{
	font-size:15pt;
}

.font16{
	font-size:16pt;
}

.font17{
	font-size:17pt;
}

.font18{
	font-size:18pt;
}

.font19{
	font-size:19pt;
}

.font20{
	font-size:20pt;
}

.text_bold{
	font-weight:bold;
}

.clear{
	clear: both;
}


img{
	width:100%;
	height:auto;
}


body {
	color:#000;
	background: #f7f8f8;
	line-height:180%;
	font-family: franklin-gothic-urw-cond, sans-serif;
}



/* 共通ページ */

#pagetop{
	position:absolute;
	top:0;
}

.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 9998;
	opacity: 1;
	background: #040828;
}



.loader
{
	position: absolute;
	display: inline-block;
	top:50%;
	left:50%;
	margin-left:-60px;
	margin-top:-50px;
	width: 100px;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.8s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.8s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.8s cubic-bezier(0.78, .18, .34, .98);
}



#home .loader
{
	opacity:1;
	margin-top:-110px;
}


.loader img
{
display:none;
}

#home .loader img
{
	display:block;
}

.loading #circleG {
margin: 20px 0 0 15px;
}

.loading .circleG {
	background-color: white;
	float: left;
	height: 8px;
	margin-left: 10px;
	width: 8px;
	animation-name: bounce_circleG;
	-o-animation-name: bounce_circleG;
	-ms-animation-name: bounce_circleG;
	-webkit-animation-name: bounce_circleG;
	-moz-animation-name: bounce_circleG;
	animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-direction: normal;
	-o-animation-direction: normal;
	-ms-animation-direction: normal;
	-webkit-animation-direction: normal;
	-moz-animation-direction: normal;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
-moz-border-radius: 50%; }

.loading #circleG_1 {
	animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s; }

.loading #circleG_2 {
	animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s; }

.loading #circleG_3 {
	animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s; }

@keyframes bounce_circleG {
0% { }
50% {
background-color: #040828; }
100% { } }

@-o-keyframes bounce_circleG {
0% { }
50% {
background-color: #040828; }
100% { } }

@-ms-keyframes bounce_circleG {
	#loader-bg 50% {
background-color: #040828; } }

@-webkit-keyframes bounce_circleG {
0% { }
50% {
background-color: #040828; }
100% { } }

@-moz-keyframes bounce_circleG {
0% { }
50% {
background-color: #040828; }
100% { } }















#hm_menu{
	position:fixed;
	top: 50px;
	right: 48px;
	z-index:9999;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
}

.active #hm_menu{
	top: 18px;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
}

.st_page #hm_menu{
	top: 18px;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
}


.sub_grand_menu{
	width: 50px;
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	transition: .6s cubic-bezier(0.78, .18, .34, .98);
}



.sub_grand_menu.sub_grand_menu_ani{
	position:fixed;
	top:0px;
	z-index: 9999;
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	transition: .6s cubic-bezier(0.78, .18, .34, .98);
}

.sub_grand_menu .button-navi-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 1px;
	margin: 0px 0 0 -12px;
	background: transparent;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

.sub_grand_menu .button-navi-icon:after, .sub_grand_menu .button-navi-icon:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height: 2px;
	background: #040828;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}



.sub_grand_menu:hover .button-navi-icon:after, .sub_grand_menu:hover .button-navi-icon:before {;
	background: #d8a50f;
}




.sub_grand_menu .button-navi-icon:before {
	margin-top: -6px;
	width: 30px;
}

.sub_grand_menu .button-navi-icon:after {
	margin-top: 5px;
	width: 22px;
}


.sub_grand_menu_top{
	padding: 20px 10px;
	overflow:hidden;
}

.sub_grand_menu_top .sub_menu ul li{
	display: inline-block;
	padding:0 20px;
}

.sub_grand_menu .button-navi-icon.close:before, .sub_grand_menu .button-navi-icon.close:after {
	margin-top: 0;
	background:#d8a50f;
}

.sub_grand_menu .button-navi-icon.close:after {
	margin-left: 0px;
	width:30px;
}

.button-navi-icon.close:after {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.button-navi-icon.close:before {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.button-navi-icon.close {
	background: transparent;
}

.button-close{
	position:absolute;
	padding: 20px 10px;
	width: 50px;
	top: 0;
	z-index:-9999;
}

#menu_index{
	opacity:0;
	z-index: 9998;
	position:fixed;
	top: 0px;
	right:0;
	width: 100%;
	height:100%;
	background:#040828;
}






#menu_index.active{
	opacity:1;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
}



.menu_index_inner{
	width: auto;
	height: 100%;
	overflow: scroll;
	margin: 0 auto;
	position: relative;
	padding:0 40px;
}

.sp_menu_index{
	position: absolute;
	width: 100%;
	padding: 0 80px;
	left: 0;
	top: 50%;
	margin-top: -120px;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.sp_menu_logo{
	width:70px;
	display: inline-block;
	opacity:0;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
}



.active .sp_menu_logo{
opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-ms-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-o-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
}









#menu_back{
	position:fixed;
	top: 0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.8);
	z-index: 998;
}




.sp_menu_gra_menu{
	display: inline-block;
	margin-left:80px;
}



.sp_menu_gra_menu ul li{
	position:relative;
	opacity:0;
	margin-bottom:20px;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
}

.sp_menu_gra_menu ul li a{
	text-decoration:none;
	font-size: 30pt;
	letter-spacing: 1px;
	color: #d8a50f;
	display: inline-block;
	font-weight: bold;
}


.active .sp_menu_gra_menu ul li:nth-child(1){
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-ms-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-o-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
}

.active .sp_menu_gra_menu ul li:nth-child(2){
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	-ms-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	-o-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
}

.active .sp_menu_gra_menu ul li:nth-child(3){
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .8s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .8s;
	-ms-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .8s;
	-o-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .8s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .8s;
}

.active .sp_menu_gra_menu ul li:nth-child(4){
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1s;
	-ms-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) 1s;
	-o-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) 1s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1s;
}


.active .sp_menu_gra_menu ul li:nth-child(5){
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-ms-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-o-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
}





.sp_menu_gra_menu ul.sp_sns{
	text-align:center;
}


.sp_menu_gra_menu ul li.sp_sns a {
	width: 20px;
	display:inline-block;
}

.sp_menu_gra_menu ul li.sp_sns img {
}


.sp_menu_gra_menu ul li.sp_sns span{
	color:#d8a50f;
	margin-left:40px;
	vertical-align: 6px;
	font-size: 9pt;
}


.sp_menu_gra_menu02:before{
	content:"";
	display: inline-block;
	width:0px;
	height:1px;
	background:#d8a50f;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
}



.active .sp_menu_gra_menu02:before{
	width:100px;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	-ms-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	-o-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .6s;
}


.sp_menu_gra_menu02 ul{
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
}

.sp_menu_gra_menu02{
	display: inline-block;
	margin-left:0px;
	margin-top: 50px;
}

.sp_menu_gra_menu02 ul li{
	margin-bottom: 10px;
	opacity:0;
	-webkit-transition: 0.1s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.1s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.1s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.1s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.1s cubic-bezier(0.78, .18, .34, .98);
}


.sp_menu_gra_menu02 ul li a{
	text-decoration:none;
	font-size: 30pt;
	letter-spacing: 1px;
	color: #d8a50f;
	display: inline-block;
	font-weight: bold;
}



.active .sp_menu_gra_menu02 ul li:nth-child(1){
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
}


.active .sp_menu_gra_menu02 ul li:nth-child(2){
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
}


.active .sp_menu_gra_menu02 ul li:nth-child(3){
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.8s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 1.8s;
}

.active .sp_menu_gra_menu02 ul li:nth-child(4){
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 2s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 2s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 2s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 2s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 2s;
}


.active .sp_menu_gra_menu02 ul li:nth-child(5){
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 2.2s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 2.2s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 2.2s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 2.2s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) 2.2s;
}




.inner{
	max-width:1130px;
	position: relative;
	margin:0 auto;
	padding: 0px 80px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



.view_botton{
	margin-top:100px;
	text-align:center;
}


.view_botton a{
	font-size:11pt;
	border:1px solid #ccc;
	width:260px;
	padding:10px 0px;
	display: inline-block;
	text-align: center;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
}

.view_botton a:hover{
	border:1px solid #ccc;
	background:#000;
	color:#fff;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
}











/* TOPページ */

.img-cover {
	background: none no-repeat scroll 50% 50% / cover  rgba(0, 0, 0, 0);
	background-size: cover !important;
	-webkit-background-size: cover !important;
}

.img-cover > img {
	display: none!important;
}


#home .wooslider_wrap {
	padding-top: 148px;
}

#item_page .wooslider_wrap {
	padding-top: 78px;
}

.wooslider .slides > li a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2000;
}

.wooslider .slides > li .title a{
	color: #fff;
	position: relative;
	height: auto;
	width: auto;
	z-index: 1999;
}

.wooslider-control-nav{
	opacity:1;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}





.img_p{
	position:absolute;
	z-index:999;
	opacity:0;
}

.img_p:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:#040828;
}

body .img_p img{
	opacity:1;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}


body.active .img_p img{
	opacity:0;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}

body .img_p:after{
	opacity:1;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}

body.active .img_p:after{
	opacity:0;
	-webkit-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.6s cubic-bezier(0.78, .18, .34, .98);
}


.wooslider-active-slide .fillter01:after{
	animation-name: fillter01;
	animation-duration: 1.4s;
	animation-timing-function:cubic-bezier(0.78, .18, .34, .98);
	animation-delay: 1.2s;
	animation-iteration-count: 1;
	animation-fill-mode:both;
}

@-webkit-keyframes fillter01 {
0% {width:100%;}
100% {width:0%; }
}

@-moz-keyframes fillter01 {
0% {width:100%;}
100% {width:0%;}
}

@-ms-keyframes fillter01 {
0% {width:100%;}
100% {width:0%;}
}

@-o-keyframes fillter01 {
0% {width:100%;}
100% {width:0%;}
}

@keyframes fillter01 {
0% {width:100%;}
100% {width:0%;}
}




.wooslider-active-slide .fillter02:after{
	animation-name: fillter02;
	animation-duration: 1.4s;
	animation-timing-function:cubic-bezier(0.78, .18, .34, .98);
	animation-delay: 1.8s;
	animation-iteration-count: 1;
	animation-fill-mode:both;
}

@-webkit-keyframes fillter02 {
0% {width:100%;}
100% {width:0%;}
}

@-moz-keyframes fillter02 {
0% {width:100%;}
100% {width:0%;}
}

@-ms-keyframes fillter02 {
0% {width:100%;}
100% {width:0%;}
}

@-o-keyframes fillter02 {
0% {width:100%;}
100% {width:0%;}
}

@keyframes fillter02 {
0% {width:100%;}
100% {width:0%;}
}





.p01_01{
	width:42%;
	top:-90px;
	right:22%;
}

.p02_01{
	width:36%;
	bottom:80px;
	right:29%;
}

.p02_02{
	width:25%;
	bottom:60px;
	right:4%;
}

.p03_01{
	width:35%;
	top:-35px;
	right:4%;
}

.p03_02{
	width:30%;
	bottom:60px;
	right:39%;
}


.wooslider-active-slide .anime01{
	animation-name: anime01;
	animation-duration: 5.5s;
	animation-timing-function: cubic-bezier(0.78, .18, .34, .98);
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-fill-mode:both;
}

@-webkit-keyframes anime01 {
0% {opacity: 0;margin-right:50px;}
15% {opacity: 1;margin-right:0px;}
85% {opacity: 1;margin-right:0px;}
100% {opacity: 0;margin-right:-20px;}
}

@-moz-keyframes anime01 {
0% {opacity: 0;margin-right:50px;}
15% {opacity: 1;margin-right:0px;}
85% {opacity: 1;margin-right:0px;}
100% {opacity: 0;margin-right:-20px;}
}

@-ms-keyframes anime01 {
0% {opacity: 0;margin-right:50px;}
15% {opacity: 1;margin-right:0px;}
85% {opacity: 1;margin-right:0px;}
100% {opacity: 0;margin-right:-20px;}
}

@-o-keyframes anime01 {
0% {opacity: 0;margin-right:50px;}
15% {opacity: 1;margin-right:0px;}
85% {opacity: 1;margin-right:0px;}
100% {opacity: 0;margin-right:-20px;}
}

@keyframes anime01 {
0% {opacity: 0;margin-right:50px;}
15% {opacity: 1;margin-right:0px;}
85% {opacity: 1;margin-right:0px;}
100% {opacity: 0;margin-right:-20px;}
}






.wooslider-active-slide .anime02{
	animation-name: anime02;
	animation-duration: 5.5s;
	animation-timing-function: cubic-bezier(0.78, .18, .34, .98);
	animation-delay: 1.2s;
	animation-iteration-count: 1;
	animation-fill-mode:both;
}


@-webkit-keyframes anime02 {
0% {opacity: 0;margin-right:50px;}
15% {opacity: 1;margin-right:0px;}
85% {opacity: 1;margin-right:0px;}
100% {opacity: 0;margin-right:-20px;}
}

@-moz-keyframes anime02 {
0% {opacity: 0;margin-right:50px;}
15% {opacity: 1;margin-right:0px;}
85% {opacity: 1;margin-right:0px;}
100% {opacity: 0;margin-right:-20px;}
}

@-ms-keyframes anime02 {
0% {opacity: 0;margin-right:50px;}
15% {opacity: 1;margin-right:0px;}
85% {opacity: 1;margin-right:0px;}
100% {opacity: 0;margin-right:-20px;}
}

@-o-keyframes anime02 {
0% {opacity: 0;margin-right:50px;}
15% {opacity: 1;margin-right:0px;}
85% {opacity: 1;margin-right:0px;}
100% {opacity: 0;margin-right:-20px;}
}

@keyframes anime02 {
0% {opacity: 0;margin-right:50px;}
15% {opacity: 1;margin-right:0px;}
85% {opacity: 1;margin-right:0px;}
100% {opacity: 0;margin-right:-20px;}
}












/* TOPスライド */

.top_copy{
	position:absolute;
	z-index: 99;
	top: 210px;
	left: 48px;
	opacity:0;
}

.open .top_copy{
	top: 170px;
	opacity:1;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.4s;
	transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.4s;
}





.top_copy p{
	font-size: 14pt;
    font-weight: bold;
	    line-height: 140%;
}




.top_copylight{
	opacity:0;
	position:absolute;
	top: 51%;
	left: 42px;
	-moz-transform-origin: 0% 90%;
	-moz-transform: rotate(90deg) translate(0%);
	-webkit-transform-origin: 0% 90%;
	-webkit-transform: rotate(90deg) translate(0%);
	transform-origin: 0% 90%;
	transform: rotate(90deg) translate(0%);
}


.open .top_copylight{
	top: 48%;
	opacity:1;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.6s;
	transition: .4s cubic-bezier(0.78, .18, .34, .98) 1.6s;
}


.top_copylight p{
	font-size:11pt;
	font-weight: 600;
}



.top_scroll {
	position: absolute;
	z-index:997;
	bottom: 30px;
	left: 38px;
}

.scrol_line {
	height:100px;
	width: 10px;
	margin-top:13px;
	margin-left: 15px;
	overflow:hidden;
	position: relative;
	display: inline-block;
}

.scrol_line:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0px;
	width: 2px;
	height: 100%;
	background: #040828;
	background-size: 100%;
	-webkit-animation: lineAnime 2s ease-in-out infinite;
	animation: lineAnime 2s ease-in-out infinite;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


@keyframes lineAnime {
	0% {
transform: translateY(-100%); }
100% {
transform: translateY(100%); } 
}

.top_scroll a {
	text-decoration:none;
	text-align:center;
}






#header{
	background: #f7f8f8;
	position: fixed;
	top: 0px;
	z-index: 999;
	width:100%;
	display:block;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}




#header .inner{
	max-width: 100%;
	padding: 50px 48px 30px 48px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.active #header .inner{
	padding:22px 48px 12px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


.st_page #header .inner{
	padding:22px 48px 12px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


.pages #header{
	border-bottom:1px solid #ccc;
}

.logo{
	display:inline-block;
	width: 200px;
	opacity:1;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.active .logo {
	width: 120px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.st_page .logo {
	width: 120px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.logo a{
	display:block
}

.logo img{
	width:100%;
	height:auto;
}



#sns_icon{
	position:fixed;
	z-index: 9998;
	top:61px;
	right: 130px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.active #sns_icon{
	top:29px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.st_page #sns_icon{
	top:29px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


#sns_icon a{
	width:20px;
	display: block;
}


#sns_icon .insta_st{
fill:#040828;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

#sns_icon:hover .insta_st{
	fill:#d8a50f;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}



.gra_menu{
	margin-top:20px;
	float:right;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


.gra_menu ul{
	text-align:center;
}

.gra_menu ul li{
	display:inline-block;
	margin-left:20px;
}

.gra_menu ul li a{
	display:inline-block;
	vertical-align: middle;
	position:relative;
	opacity:1;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


.gra_menu ul li a img{
	height:10px;
	width:auto;
}

.gra_menu ul li.sns a img {
	height: 18px;
}


.gra_menu ul li a:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:#fffcdb;
	width:0%;
	height:10px;
	z-index:-9;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.gra_menu ul li.sns a:after{
	display:none;
}

.gra_menu ul li a:hover:after{
	width:100%;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}




.gra_menu ul.sub_menu {
	position: absolute;
	height: auto;
	opacity: 0;
	visibility: hidden;
}

.gra_menu ul.sub_menu li{
	margin-left: 0px!important;
	display:block;
	text-align:left;
}

.gra_menu ul.sub_menu li:last-child{
	border-bottom:none;
}

.gra_menu ul.sub_menu li a{
	padding: 0px 0px;
	font-size: 10pt;
	color:#5b4b43;
}

.gra_menu ul.sub_menu li a:after{
	top:9px;
}




/* footer */

#footer{
	padding: 50px 0;
	background:#040828;
}

#footer .inner{
	overflow:hidden;
}


.footer_menu{
	float:left;
	color:#d8a50f;
}

.footer_menu a{
	color:#d8a50f;
	font-weight: 600;
}


.footer_copy p{
	text-align:center;
	font-size:11pt;
	color: #3e3a39;
}

.footer_copy{
	float:right;
	margin-left:35px;
}

.footer_copy p{
	color:#d8a50f;
	font-weight: 600;
}


.footer_sns{
	float:right;
	width: 20px;
margin-top: 3px;
}









#top_section01 .inner{
	max-width:1080px;
}


.top_section{
	margin-top:140px;
}


#top_slide{
	position:relative;
}


.top_news_index{
	margin-top:30px;
}

.top_news_index .top_news_box{
	margin-bottom:50px;
	overflow:hidden;
}

.top_news_index .top_news_box .left_box{
	float:left;
	width:35%;
}

.top_news_index .top_news_box .right_box{
	float:right;
	width:62%;
	border-top:1px solid #b5b5b6;
	padding-top:20px;
	position:relative;
}

.top_news_index .top_news_box ul li.cate{
	position:absolute;
	right:0;
	top:0;
	background:#b5b5b6;
	color:#fff;
	padding:0px 16px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.top_news_index .top_news_box ul li.cate a{
	font-size:8pt;
	letter-spacing:3px;
	font-weight:bold;
	font-family: Helvetica;
	color:#fff;
	vertical-align: middle;
}



.top_news_index .top_news_box ul li.date p{
	font-size: 10pt;
	font-weight:bold;
	color:#6f6259;
}

.top_news_index .top_news_box ul li.title{
	margin-top:15px;
}


.top_news_index .top_news_box ul li.title p{
	font-size:13pt;
	font-weight:bold;
}

.top_news_index .top_news_box ul li.title a{
	font-size:13pt;
	letter-spacing: 1px;
	font-weight:bold;
	text-decoration:none;
	display: block;
	color:#6f6259;
}



.top_news_index .top_news_box ul li.note{
	margin-top:15px;
}


.top_news_index .top_news_box ul li.note p{
	font-size: 9pt;
	letter-spacing:1px;
	line-height: 180%;
}


.concept_p ul li.illust01{
	position:absolute;
	right:30px;
	top:-160px;
}


.concept_p ul li.illust01 p{
	width:250px;
}


.concept_p ul li.title p{
	    font-size: 3.6vw;
    letter-spacing: 1px;
    line-height: 130%;
}


#about_section02 .concept_p ul li.title p{
	font-size: 2.4vw;
}

.concept_p ul li.note{
	margin-top:30px;
}

.concept_p ul li.note p{
	font-size:14pt;
	line-height:170%;
}



#about_section02 .concept_p ul li.note p{
	font-size:11pt;
	line-height:200%;
}


#about_section02{
	margin-top: 100px;
}




#gloves_section01{
	margin-top: 78px;
}


.item_index{
	margin-top:30px;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.item_box{
	width:33.333333333333%;
	display:inline-block;
	position:relative;
}

.item_box a{
	display:block;
}






.item_box .thum{
	overflow:hidden;
}


span.thumnail {
	display: block;
	float: left;
	overflow: hidden;
	width: 100%;
}

span.thumnail br {
	display: none;
}


span.thumnail img {
	height: auto;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	width: 100%;
	vertical-align: bottom;
}


figure.thum_ami {
	margin: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	width:100%!important;
}


figure.thum_ami:after {
	content:"";
	background-color: rgba(255,255,255,0.2);
	color: #FFF;
	opacity: 0;
	font-size: 16px;
	position: absolute;
	text-align: center;
	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

span.thumnail:hover>figure img {
	transform: scale(1.06,1.06);
	-webkit-transform:scale(1.06,1.06);
	-moz-transform:scale(1.06,1.06);
	-ms-transform:scale(1.06,1.06);
	-o-transform:scale(1.06,1.06);
}

span.thumnail:hover>figure.thum_ami:after {
	opacity: 1;
}


span.thumnail:hover>figure img {
	transform: scale(1.06,1.06);
	-webkit-transform:scale(1.06,1.06);
	-moz-transform:scale(1.06,1.06);
	-ms-transform:scale(1.06,1.06);
	-o-transform:scale(1.06,1.06);
}



span.thumnail:hover>figure.thum_ami:after {
	opacity: 1;
}



.item_box .detail ul li{
	position:absolute;
}


.item_box .detail ul li.title{
	top:5px;
	left:20px;
	-moz-transform-origin: 0% 90%;
	-moz-transform: rotate(90deg) translate(0%);
	-webkit-transform-origin: 0% 90%;
	-webkit-transform: rotate(90deg) translate(0%);
	transform-origin: 0% 90%;
	transform: rotate(90deg) translate(0%);
}

.item_box .detail ul li.title p{
	font-size:1.3vw;
}

.item_box .detail ul li.number{
	bottom:20px;
	left:20px;
}

.item_box .detail ul li.number p{
	font-size:1.8vw;
}










#item_page .wooslider_wrap{
	background:#fff;
}





#item_page .wooslider{
	width:50%;
	height:100%;
}



.item_detail{
	position:absolute;
	top:0;
	right: 0;
	width:50%;
	height:100%;
}


.item_detail_index{
	width: 74%;
	position:absolute;
	top: 55%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}







.item_detail_sec01 .sub_title p{
	font-size:14pt;
	
}

.item_detail_sec01 .title{
	margin-top:10px;
}

.item_detail_sec01 .title p{
	font-size:16pt;
}

.item_detail_sec02 {
	margin-top:30px;
}

.item_detail_sec02 ul{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	position: relative;
}

.item_detail_sec02 ul:last-child{
	margin-top:20px;
}



.item_detail_sec02 ul li{
	display:inline-block;
}


.item_detail_sec02 ul li.title{
	width:30%;
	padding-right:40px;
	position: relative;
}

.item_detail_sec02 ul li.title p{
	font-size:12pt;
	background: #fff;
	display: inline-block;
	padding-right:10px;
}


.item_detail_sec02 ul li.title:after{
	content:"";
	width:100%;
	height:1px;
	background:#000;
	position:absolute;
	top: 14px;
	left: 0;
	z-index:-9;
}



.item_detail_sec02 ul li.note{
	width:70%;
	padding-left: 10px;
}

.item_detail_sec02 ul li.note p{
	font-size:12pt;
}


.item_detail_sec03{
	margin-top:20px;
}

.item_detail_sec03 p{
	font-size:12pt;
	line-height: 150%;
}


























.first_section.page_section{
	margin-top: 130px;
}


.page_section{
	margin-top:60px;
}






.contact_section{
margin-top:130px;
	margin-bottom:130px;
}



.contact_detail{
	max-width:600px;
	margin:0 auto;
}

.contact_form ul{
	margin-bottom:20px;
}




.contact_form input[type="text"], .contact_form input[type="tel"], .contact_form input[type="email"], .contact_form textarea{
	background-color: #fff;
	border: 1px solid #ccc;
	color: #040828;
	outline: none;
	padding: 10px;
	width: 100%;
	font-size:18pt;
	-webkit-appearance: none;
	border-radius: 0;
}

.contact_form input[type="submit"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #D8A50F;
	border: 1px solid #D8A50F;
	color: #040828;
	outline: none;
	padding: 18px;
	width: 100%;
	font-size:12pt;
	font-weight:bold;
	-webkit-appearance: none;
	border-radius: 0;
}


.contact_form ul li.title p{
	font-size:12pt;
	font-weight:bold;
}









			.insta_st{
				fill:#040828;
			}
			
			
			#head_cart{
				position:fixed;
				z-index:9997;
				top:55px;
				right:190px;
				-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
			}
			
			.active #head_cart{
				top:22px;
				-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
			}



.st_page #head_cart{
				top:22px;
				-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
			}
			
			#head_cart a{
				font-size:12pt;
				font-weight:bold;
				border:1px solid #040828;
				padding:9px 24px;
				border-radius: 3px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
			}
			
			#head_cart a:hover{
				color:#fff;
				background:#040828;
				-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
			}
			
			#head_cart a span{
				display:inline-block;
				width:22px;
				height:22px;
				margin-right:10px;
			}
			
			#head_cart a svg{
				width:20px;
				height:20px;
				vertical-align: sub;
			}
			
			#head_cart a .cls-1{
				fill:#060c26;
				fill-rule:evenodd;
				-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
			}
			
			#head_cart a:hover .cls-1{
				fill:#fff;
				-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
			}
			
			#head_cart .caption{
				margin-top:6px;
			}
			
			#head_cart p{
				font-size:9pt;
				line-height: 100%;
			}




























.sp_img{
	display:none!important;
}







@media screen and (max-width: 570px) {
	
	img{
	width:100%;
	height:auto;
}

.sp_img{
	display:block!important;
}

.pc_img{
	display:none!important;
}



.insta_st{
	fill:#040828!important;
}






.top_copy{
	z-index: 999;
}


#header {
	z-index: 9997;
}



.sub_grand_menu .button-navi-icon:after, .sub_grand_menu .button-navi-icon:before {
	height: 1px;
}

.sub_grand_menu .button-navi-icon:before {
	width: 22px;
	margin-top: -4px;
}

.sub_grand_menu .button-navi-icon:after {
	width: 15px;
	margin-top: 3px;
}


.sub_grand_menu .button-navi-icon.close:before, .sub_grand_menu .button-navi-icon.close:after {
	width: 22px;
}


.inner {
	padding: 0px 25px;
}




.sp_menu_index {
	padding: 0 50px;
	margin-top: -180px;
}

.sp_menu_gra_menu {
	margin-left: 40px;
}


.sp_menu_gra_menu02{
	display:none;
}

.title_label {
	padding-left: 15px;
}

.sp_logo{
	width: 	210px;
}

.gra_menu{
	display:none;
}



#pankuzu {
	display:none;
}


#sp_header {
	position: fixed;
	width: 100%;
	display: block;
	top: 33px;
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	transition: .6s cubic-bezier(0.78, .18, .34, .98);
}

.sub_grand_menu {
	position: fixed;
	top: 18px;
	margin-top: 0px;
	right: 15px;
	z-index: 9999;
	
}


.top_section {
	margin-top: 0px;
	padding-top: 0px;
}




.logo {
	display: inline-block;
	width: 110px;
}


.active .logo {
	width: 110px;
}

.st_page .logo {
	width: 110px;
}


#header .inner {
	padding: 24px 25px 10px;
}

.active  #header .inner {
	padding: 24px 25px 10px;
}

.st_page #header .inner {
	padding: 24px 25px 10px;
}





#sns_icon {
	top: 31px;
	right: 75px;
}


.active #sns_icon {
	top: 31px;
	right: 75px;
}

.st_page #sns_icon {
    top: 110px;
    right: 36px;
}
	
	
	.st_page #head_cart {
    top: 13px;
    right: 70px;
		}

#sns_icon a {
	width: 16px;
}



.footer_menu {
	float: none;
	text-align:center;
}


.footer_copy {
	float: none;
	margin-left: 0px;
	margin-top:20px;
}

.footer_sns{
	display:none;
}



.loader {
	margin-left: -48px;
}



.wooslider_wrap02 {
	padding-top: 77px;
}




.top_copy p {
	font-size: 13pt;
	line-height: 126%;
}



.p01_02 {
	width: 72%;
	top: auto;
	top: 160px;
	right: 22%;
	bottom: auto;
}

.p02_01 {
	width: 72%;
	top: auto;
	left:auto;
	right: 22%;
	top: 160px;
	bottom: auto;
}

.p03_01 {
	width: 72%;
	top: auto;
	left:auto;
	right: 22%;
	top: 160px;
	bottom: auto;
}



.top_copylight {
	left: auto;
	right: 20px;
}

.top_copylight {
	-moz-transform-origin: 0% 90%;
	-moz-transform: rotate(90deg) translate(0%);
	-webkit-transform-origin: 0% 90%;
	-webkit-transform: rotate(90deg) translate(0%);
	transform-origin: 90% 0%;
	transform: rotate(90deg) translate(0%);
}
	
.open .top_copylight {
	top: 54%;
}

.top_copy {
	top: 110px;
	left: 25px;
}

.open .top_copy {
	top: 100px;
}


.top_scroll {
	left: auto;
	right: 34px;
	bottom: -20px;
}




.item_box {
	width: 50%;
	display: inline-block;
	position: relative;
}

.item_box .detail ul li.title {

}

.concept_p ul li.illust01 {
	right: 0px;
	top: 50px;
	display: none;
}

.concept_p ul li.illust01 p {
	width: 180px;
}




.item_detail {
	position: static;
	width: 100%;
	margin-bottom:0px;
	padding-top: 30px;
	padding-bottom: 60px;
	background: #fff;
}



.item_detail_index {
	width: 100%;
	padding: 0 30px;
	position: static;
	top: auto;
	left: auto;
	-webkit-transform: none;
	transform: none;
}




#item_page .wooslider {
	width: 100%;
	height: 100%;
}

.item_index {
	margin-top: 0px;
}


.item_box .detail ul li.title {
	top: -10px;
	left: 5px;
}

.item_box .detail ul li.title p {
	font-size: 1.8vw;
}


.item_box .detail ul li.number {
	bottom: 5px;
	left: 10px;
}

.item_box .detail ul li.number p {
	font-size: 10pt;
}












.first_section.page_section{
	margin-top: 100px;
}



.concept_p ul li.title p {
	font-size: 24pt;
	line-height: 124%;
}
	
	.concept_p ul li.note {
margin-top: 20px;
}

.concept_p ul li.note p {
	font-size: 12pt;
	line-height: 140%;
}


#about_section02 .concept_p ul li.title p {
	font-size: 16pt;
line-height: 140%;
}

#about_section02 .concept_p ul li.note p {
	font-size: 10pt;
	line-height: 180%;
}




#top_section01{
	margin-top: 40px;
	margin-bottom: 60px;
}



#gloves_section01{
	padding-top:76px;
	margin-top: 0px;
}








.contact_img{
	display:none;
}


#contact_section01{
	margin-top: 80px;
	margin-bottom: 80px;
}

.contact_detail {
	width: 100%;
	height: 100%;
	padding: 30px;
}





.sp_menu_gra_menu .include_menu ul {
	margin-top:10px;
}

.sp_menu_gra_menu .include_menu ul li{
	margin-bottom:0;
}

.sp_menu_gra_menu .include_menu ul li a{
	font-size:13pt;
}


	
	
				#sns_icon {
				top: 110px;
				right: 36px;
			}
			
			
			.active #sns_icon {
				top: 110px;
				right: 36px;
			}
			
			
			#head_cart {
				top: 13px;
				right: 70px;
				text-align: center;
			}
			
			.active #head_cart {
				top: 13px;
				right: 70px;
			}
			
			#head_cart .caption{
				margin-top:0px;
			}
			
			
			#head_cart p {
				text-align: left;
			}
			
			
			#head_cart a {
				font-size: 10pt;
				padding: 5px 10px;
			}
			
			
			
			#head_cart a span.sp_img {
				display:inline-block!important;
				width:14px;
				height:12px;
			}
			
			#head_cart a:hover{
				color:#040828;
				background:#fff;
				-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
				transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
			}


}




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


@media only screen and (orientation:portrait){
	
	
	
	
}










/*
     FILE ARCHIVED ON 09:20:15 Dec 27, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:14:40 Jun 05, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.579
  exclusion.robots: 0.065
  exclusion.robots.policy: 0.054
  esindex: 0.011
  cdx.remote: 6.96
  LoadShardBlock: 347.368 (3)
  PetaboxLoader3.datanode: 279.961 (4)
  PetaboxLoader3.resolve: 197.898 (3)
  load_resource: 138.891
*/