@charset "UTF-8";
/**************************************


							CSS Reset
				HTML5タグのrresset込み


***************************************/

html, body, div, header, footer, nav, article, section, aside, hgroup, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, code, span, mark, a, em, strong, abbr, cite, del, dfn, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, details, summary, menu, output, ruby, time, img, figure, figcaption, audio, video, canvas, embed, object, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	font-weight: normal;
}
html, body {
	height: 100%;
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}
input, textarea {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-sizing: border-box;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
a:focus {
	outline: none;
}
input, textarea {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-sizing: border-box;
}
a:link {
	color: #0b57a7;
	text-decoration: none;
}
a:visited {
	color: #0b57a7;
}
a:hover {
	color: #0b57a7;
}
a:active {
	color: #0b57a7;
}
/**************************************

frame

Zindex
fullblock…900
field-drop…900
search-block…950
sp : globalheaderWrapper…1000

**************************************/

body {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", hirakakupro-w3, "メイリオ", "meiryo", verdana, "ＭＳ Ｐゴシック", "ms pgothic", sans-serif;
	margin: 0;
	padding: 0;
	width: 100%;
}
#content-container{
	overflow:hidden;
}
.page-container {
	position: relative;
	width: 100%;
	height: auto !important;  /* IE6対策*/
	height: 100%;             /* IE6対策*/
	min-height: 100%;
	padding:10px;
	min-width:1100px;
}

.border-box{
	border:5px solid #000;
	width:100%;
	position:relative;
}
.bgbl ..ani_reborn{
	width:0%;
}

.appear .ani_reborn{
	width:100%;
	overflow:hidden;
	-webkit-animation: slide_l 2s ease-in-out ;/*chrome&safari*/
	-moz-animation: slide_l 2s ease-in-out ;/*firefox*/
	-ms-animation: slide_l 2s ease-in-out ;/*ie*/
	animation: slide_l 2s ease-in-out ;
}


@keyframes slide_l {
	0% {width:0%;}
	50% {width:0%;}
	100% {width:100%;}
}
/*chrome&safari*/
@-webkit-keyframes slide_l {
	0% {width:0%;}
	50% {width:0%;}
	100% {width:100%;}
}
/*firefox*/
@-moz-keyframes slide_l {
	0% {width:0%;}
	50% {width:0%;}
	100% {width:100%;}
}
/*ie*/
@-ms-keyframes slide_l {
	0% {width:0%;}
	50% {width:0%;}
	100% {width:100%;}
}
.bgbl .ani_sub{
	height:0px;
}
.appear .ani_sub{
	height:100px;
	overflow:hidden;
	-webkit-animation: slide_t 3s ease-in-out ;/*chrome&safari*/
	-moz-animation: slide_t 3s ease-in-out ;/*firefox*/
	-ms-animation: slide_t 3s ease-in-out ;/*ie*/
	animation: slide_t 3s ease-in-out ;
}


@keyframes slide_t {
	0% {height:0px;}
	70% {height:0px;}
	100% {height:100px;}
}
/*chrome&safari*/
@-webkit-keyframes slide_t {
	0% {height:0px;}
	70% {height:0px;}
	100% {height:100px;}
}
/*firefox*/
@-moz-keyframes slide_t {
	0% {height:0px;}
	70% {height:0px;}
	100% {height:100px;}
}
/*ie*/
@-ms-keyframes slide_t {
	0% {height:0px;}
	70% {height:0px;}
	100% {height:100px;}
}
@media screen and (min-width: 801px) {
.hamburgler-menu{
	display:none;
}
}

.sp_block{
	display:none;
}
.sp_inlineblock{
	display:none;
}

/*head*/
#header {
	position: absolute;
	padding:15px 0 0 15px;
	width:100%;
}
#header .header_inner {
	position: relative;
	width:100%;
	height:62px;
	-webkit-animation: pc_menu 1s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: pc_menu 1s ease-in-out forwards ;/*firefox*/
	-ms-animation: pc_menu 1s ease-in-out forwards ;/*ie*/
	animation: pc_menu 1s ease-in-out forwards ;
	opacity:0;
}


@keyframes pc_menu {
	0% {opacity:0; -webkit-transform: translateY(-100px); transform: translateY(-100px);}
	100% {opacity:1; -webkit-transform: translateY(0px); transform: translateY(0px);}
}
/*chrome&safari*/
@-webkit-keyframes pc_menu {
	0% {opacity:0; -webkit-transform: translateY(-100px); transform: translateY(-100px);}
	100% {opacity:1; -webkit-transform: translateY(0px); transform: translateY(0px);}
}
/*firefox*/
@-moz-keyframes pc_menu {
	0% {opacity:0; -webkit-transform: translateY(-100px); transform: translateY(-100px);}
	100% {opacity:1; -webkit-transform: translateY(0px); transform: translateY(0px);}
}
/*ie*/
@-ms-keyframes pc_menu{
	0% {opacity:0; -webkit-transform: translateY(-100px); transform: translateY(-100px);}
	100% {opacity:1; -webkit-transform: translateY(0px); transform: translateY(0px);}
}
#header h1{
	position: absolute;
	top:10px;
	left:10px;
	width:235px;
	height:auto;
}
#header h1 img{
	
	width:100%;
	height:auto;
}
#header ul.pc_menu{
	position:absolute;
	top:10px;
	right:30px;
}
#header ul.pc_menu li{
	display:inline-block;
	text-align:center;
	font-weight:bold;
}
#header ul.pc_menu li a{
	color:#000;
	font-weight:bold;
	display:block;
	padding:3px 10px;
	text-decoration:none;
}
#header ul.pc_menu li a:hover{
	border-bottom:3px solid #000;
}

/*******************/


#key_box{
	height:100vh;
	max-height:1000px;
}
.bgbl{background:#000;
}
#key_box .key_box_inner{
	margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	
}
#key_box .key_box_inner .key_img{
	width:18vh;
	margin:0 auto;
}
#key_box .key_box_inner .key_img img{
	width:100%;
	height:auto;
}
.key_ttl{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding-top:14vh;
	padding-left:30px;
	text-align:center;
}
.key_ttl_reborn{
	width:572px;
	margin:0 auto;
}
.key_ttl_tx{
	width:271px;
	margin: -45px 0 0 250px;
}

/***************/
#cate01{
	background: url(../top/nayami_bg.png) no-repeat center center #000;
	background-size:auto 44%;
}
#cate01 .sp_block{
	display:none;
}
#cate01 ul{
	max-width:1400px;
	margin:0 auto;
}
#cate01 ul li{
	float:left;
	width:18%;
	padding-bottom:10%;
/*
	background:url(../top/nayami_12.jpg) no-repeat center center ;
*/
	background-size: cover;
	margin:1%;
}

#cate01 ul li:nth-child(2){
/*
	background:url(../top/nayami_11.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(3){
/*
	background:url(../top/nayami_03.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(4){
/*
	background:url(../top/nayami_04.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(5){
/*
	background:url(../top/nayami_02.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(6){
/*
	background:url(../top/nayami_01.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(10){
/*
	background:url(../top/nayami_07.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(11){
/*
	background:url(../top/nayami_08.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(15){
/*
	background:url(../top/nayami_06.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(16){
/*
	background:url(../top/nayami_10.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(17){
/*
	background:url(../top/nayami_05.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(18){
/*
	background:url(../top/nayami_09.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(19){
/*
	background:url(../top/nayami_13.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(20){
/*
	background:url(../top/nayami_14.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li.bgnone{
	background:none;
}
#cate01 ul:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

/*
#cate01.appear ul li{

	-webkit-animation: list_fade .5s ease-in-out forwards ;/*chrome&safari
	-moz-animation: list_fade .5s ease-in-out forwards ;/*firefox
	-ms-animation: list_fade .5s ease-in-out forwards ;/*ie
	animation: list_fade .5s ease-in-out forwards ;
}


@keyframes list_fade {
	0% {opacity:0;}
	100% {opacity:1;}
}
/*chrome&safari
@-webkit-keyframes list_fade {
	0% {opacity:0;}
	100% {opacity:1;}
}
/*firefox
@-moz-keyframes list_fade {
	0% {opacity:0;}
	100% {opacity:1;}
}
/*ie
@-ms-keyframes list_fade {
	0% {opacity:0;}
	100% {opacity:1;}
}
#cate01 ul li:nth-child(2){
	animation-delay:  0.1s;
	
}
#cate01 ul li:nth-child(3){
	animation-delay:  0.2s;
	
}
#cate01 ul li:nth-child(4){
	animation-delay:  0.3s;
	
}
#cate01 ul li:nth-child(5){
	animation-delay:  0.4s;
	
}
#cate01 ul li:nth-child(6){
	animation-delay:  0.5s;
	
}
#cate01 ul li:nth-child(10){
	animation-delay:  0.6s;
	
}
#cate01 ul li:nth-child(11){
	animation-delay:  0.7s;
	
}
#cate01 ul li:nth-child(15){
	animation-delay:  0.8s;
	
}
#cate01 ul li:nth-child(16){
	animation-delay:  0.9s;
	
}
#cate01 ul li:nth-child(17){
	animation-delay:  1s;
	
}
#cate01 ul li:nth-child(18){
	animation-delay: 1.1s;
	
}
#cate01 ul li:nth-child(19){
	animation-delay:  1.2s;
	
}
#cate01 ul li:nth-child(20){
	animation-delay:  1.3s;
	
}

#cate01.appear ul {

	-webkit-animation: bg_fade 1s ease-in-out forwards ;/*chrome&safari
	-moz-animation: bg_fade 1s ease-in-out forwards ;/*firefox
	-ms-animation: bg_fade 1s ease-in-out forwards ;/*ie
	animation: bg_fade 1s ease-in-out forwards ;
	animation-delay:  1s;
}

@keyframes bg_fade {
	0% {background-color: rgba(0,0,0,1);}
	100% {background-color: rgba(0,0,0,0);}
}
/*chrome&safari
@-webkit-keyframes  bg_fade {
	0% {background-color: rgba(0,0,0,1);}
	100% {background-color: rgba(0,0,0,0);}
}
/*firefox
@-moz-keyframes  bg_fade {
	0% {background-color: rgba(0,0,0,1);}
	100% {background-color: rgba(0,0,0,0);}
}
/*ie
@-ms-keyframes  bg_fade {
	0% {background-color: rgba(0,0,0,1);}
	100% {background-color: rgba(0,0,0,0);}
}
*/

@media screen and (min-width: 801px) {
.hamburgler-menu{
	display:none;
}
}

#cate01.appear  {

/*	-webkit-animation: bg_up 1s ease-in-out forwards ;/*chrome&safari*/
/*	-moz-animation: bg_up 1s ease-in-out forwards ;/*firefox*/
/*	-ms-animation: bg_up 1s ease-in-out forwards ;/*ie*/
/*	animation: bg_up 1s ease-in-out forwards ;
/*	animation-delay:  1s;*/
	background-image: url(../top/nayami_bg.png);
	background-repeat:no-repeat;
	background-color:#000;
}

@keyframes bg_up {
	0% {background-position: center bottom ; }
	100% {background-position: center  center ;}
}
/*chrome&safari*/
@-webkit-keyframes  bg_up {
	0% {background-position: center bottom ; }
	100% {background-position: center  center ;}
}
/*firefox*/
@-moz-keyframes  bg_up {
	0% {background-position: center bottom ; }
	100% {background-position: center  center ;}
}
/*ie*/
@-ms-keyframes  bg_up {
	0% {background-position: center bottom ; }
	100% {background-position: center  center ;}
}

@media screen and (min-width: 801px) {
.hamburgler-menu{
	display:none;
}
}

#cate02{
	background:url(../top/ani_gif.gif) no-repeat center -100px #000 ;
	padding-bottom:80px;
}
.bg_bl{
	background-color: rgba(0,0,0,1);
}
#cate02.appear .bg_bl{

	-webkit-animation: fade_bg 2s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: fade_bg 2s ease-in-out forwards ;/*firefox*/
	-ms-animation: fade_bg 2s ease-in-out forwards ;/*ie*/
	animation: fade_bg 2s ease-in-out forwards ;
}

@keyframes fade_bg {
	0% {background-color: rgba(0,0,0,1);}
	100% {background-color: rgba(0,0,0,0);}
}
/*chrome&safari*/
@-webkit-keyframes  fade_bg {
	0% {background-color: rgba(0,0,0,1);}
	100% {background-color: rgba(0,0,0,0);}
}
/*firefox*/
@-moz-keyframes  fade_bg {
	0% {background-color: rgba(0,0,0,1);}
	100% {background-color: rgba(0,0,0,0);}
}
/*ie*/
@-ms-keyframes  fade_bg {
	0% {background-color: rgba(0,0,0,1);}
	100% {background-color: rgba(0,0,0,0);}
}



#cate02 .ttlbox{
	padding:100px 0 50px;
	text-align:center;
}

#cate02 .ttlbox p{
	font-size:15px;
	color:#c5b164;
	line-height:2em;
	text-align:center;
}
#cate02 ul{
	max-width:1100px;
	margin:0 auto;
}
#cate02 ul:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}
#cate02 ul li{
	float:left;
	width:21%;
	margin:0 2%;
	color:#c7b365;
}
#cate02 ul li h3{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:25px;
	
}
#cate02 ul li p.num{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:57px;
	
}
#cate02 ul li p.num span{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:27px;
	
}
#cate02 ul li .bag_line{
	height:5px;
	width:0%;
	background:#c7b365;
	margin-top:5px;
}
#cate02 ul li .normal_line{
	height:5px;
	width:0%;
	background:#808080;
	margin-top:10px;
}

#cate02 ul.appear li .bag_line{
	-webkit-animation: gage_full 1s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: gage_full 1s ease-in-out forwards ;/*firefox*/
	-ms-animation: gage_full 1s ease-in-out forwards ;/*ie*/
	animation: gage_full 1s ease-in-out forwards ;
}

@keyframes gage_full {
	0% {width:0%;}
	100% {width:100%;}
}
/*chrome&safari*/
@-webkit-keyframes  gage_full {
	0% {width:0%;}
	100% {width:100%;}
}
/*firefox*/
@-moz-keyframes  gage_full {
	0% {width:0%;}
	100% {width:100%;}
}
/*ie*/
@-ms-keyframes  gage_full {
	0% {width:0%;}
	100% {width:100%;}
}

#cate02 ul.appear li.point02 .normal_line ,
#cate02 ul.appear li.point04 .normal_line {
	-webkit-animation: gage_3 1s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: gage_3 1s ease-in-out forwards ;/*firefox*/
	-ms-animation: gage_3 1s ease-in-out forwards ;/*ie*/
	animation: gage_3 1s ease-in-out forwards ;
}

@keyframes gage_3 {
	0% {width:0%;}
	100% {width:33%;}
}
/*chrome&safari*/
@-webkit-keyframes  gage_3 {
	0% {width:0%;}
	100% {width:33%;}
}
/*firefox*/
@-moz-keyframes  gage_3 {
	0% {width:0%;}
	100% {width:33%;}
}
/*ie*/
@-ms-keyframes  gage_3 {
	0% {width:0%;}
	100% {width:33%;}
}

#cate02 ul.appear li.point03 .normal_line{
	-webkit-animation: gage_6 1s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: gage_6 1s ease-in-out forwards ;/*firefox*/
	-ms-animation: gage_6 1s ease-in-out forwards ;/*ie*/
	animation: gage_6 1s ease-in-out forwards ;
}

@keyframes gage_6 {
	0% {width:0%;}
	100% {width:66%;}
}
/*chrome&safari*/
@-webkit-keyframes  gage_6 {
	0% {width:0%;}
	100% {width:66%;}
}
/*firefox*/
@-moz-keyframes  gage_6 {
	0% {width:0%;}
	100% {width:66%;}
}
/*ie*/
@-ms-keyframes  gage_6 {
	0% {width:0%;}
	100% {width:66%;}
}
#cate02 ul.appear li.point01 .normal_line{
	-webkit-animation: gage_1 1s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: gage_1 1s ease-in-out forwards ;/*firefox*/
	-ms-animation: gage_1 1s ease-in-out forwards ;/*ie*/
	animation: gage_1 1s ease-in-out forwards ;
}

@keyframes gage_1 {
	0% {width:0%;}
	100% {width:10%;}
}
/*chrome&safari*/
@-webkit-keyframes  gage_1 {
	0% {width:0%;}
	100% {width:10%;}
}
/*firefox*/
@-moz-keyframes  gage_1 {
	0% {width:0%;}
	100% {width:10%;}
}
/*ie*/
@-ms-keyframes  gage_1 {
	0% {width:0%;}
	100% {width:10%;}
}

#cate02 .attention{
	max-width:1100px;
	margin:0 auto;
	margin-top:10px;
	font-size:12px;
	text-align:left;
	line-height:1.2;
	color:#c7b365;
}
#cate03{
	
	padding:120px 40px;
}


#cate03 .mencol ,
#cate03 .womencol{
	max-width:1140px;
	margin:0 auto;
}
#cate03 .mencol{
	margin-bottom:120px;
}
.afterbox:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}
#cate03 .mencol .l_col{
	float:left;
	width:420px;
	padding-top:60px;
	position:relative;
	opacity:0;
}
#cate03 .mencol .r_col{
	float:right;
	width:450px;
	opacity:0;
}
#cate03 .mencol .ico_eng{
	position:absolute;
	top:210px;
	left:460px;
}
#cate03 .womencol .l_col{
	float:left;
	width:480px;
	position:relative;
	opacity:0;
}
#cate03 .womencol .r_col{
	float:right;
	width:420px;
	padding-top:60px;
	position:relative;
	opacity:0;
}
#cate03 .womencol .ico_eng{
	position:absolute;
	top:250px;
	left:0px;
}
#cate03 .mencol .l_col p ,
#cate03 .womencol .r_col p{
	width:360px;
	font-size:15px;
	line-height:2em;
	margin-top:35px;
}

.move_l ,
.move_r{
	opacity:0;
}

.appear .move_l {
	-webkit-animation: move_l .5s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: move_l .5s ease-in-out forwards ;/*firefox*/
	-ms-animation: move_l .5s ease-in-out forwards ;/*ie*/
	animation: move_l .5s ease-in-out forwards ;
}

@keyframes move_l {
	0% {transform: translatex(-200px); opacity:0;}
	100% {transform: translatex(0px); opacity:1;}
}
/*chrome&safari*/
@-webkit-keyframes  move_l {
	0% {transform: translatex(-200px); opacity:0;}
	100% {transform: translatex(0px); opacity:1;}
}
/*firefox*/
@-moz-keyframes  move_l {
	0% {transform: translatex(-200px); opacity:0;}
	100% {transform: translatex(0px); opacity:1;}
}
/*ie*/
@-ms-keyframes  move_l {
	0% {transform: translatex(-200px); opacity:0;}
	100% {transform: translatex(0px); opacity:1;}
}

.appear .move_r{
	-webkit-animation: move_r .5s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: move_r .5s ease-in-out forwards ;/*firefox*/
	-ms-animation: move_r .5s ease-in-out forwards ;/*ie*/
	animation: move_r .5s ease-in-out forwards ;
}

@keyframes move_r {
	0% {transform: translatex(200px); opacity:0;}
	100% {transform: translatex(0px); opacity:1;}
}
/*chrome&safari*/
@-webkit-keyframes  move_r {
	0% {transform: translatex(200px); opacity:0;}
	100% {transform: translatex(0px); opacity:1;}
}
/*firefox*/
@-moz-keyframes  move_r {
	0% {transform: translatex(200px); opacity:0;}
	100% {transform: translatex(0px); opacity:1;}
}
/*ie*/
@-ms-keyframes  move_r {
	0% {transform: translatex(200px); opacity:0;}
	100% {transform: translatex(0px); opacity:1;}
}


#cate04{
	background:#000;
}
.fade_bg{
	background:rgba(0,0,0,1);
	padding:100px 0;
}
#cate04.appear{
	background-image: url(../top/roop.png) , url(../top/roop_bg.png);
	background-color:#000;
	background-repeat: repeat-y , no-repeat;
	background-position:  left 3000px , left top;
	background-size:50% auto ,50% 100%;
	animation: snow 80s linear infinite;
}
@keyframes snow {
0% {background-position: left 3000px , left top;}
100% {background-position:  left 0px , left top}
}
@keyframes snow2 {
0% {background-position: left 3000px , left top;}
100% {background-position:  left 0px , left top;}
}

#cate04.appear .fade_bg{
	background:rgba(0,0,0,1);
	animation: fade_bg 2s linear  forwards;
	animation-delay:  1s;
	
}
@keyframes fade_bg {
0% {background-color: rgba(0,0,0,1);}
	100% {background-color: rgba(0,0,0,0);}
}
@keyframes fade_bg {
0% {background-color: rgba(0,0,0,1);}
	100% {background-color: rgba(0,0,0,0);}
}


#cate04 .afterbox{
}
/*
#cate04 .afterbox.move_up{
	opacity:0;
}

#cate04.appear .afterbox.move_up{
	-webkit-animation: move_up 1s ease-in-out forwards ;/*chrome&safari
	-moz-animation: move_up 1s ease-in-out forwards ;/*firefox
	-ms-animation: move_up 1s ease-in-out forwards ;/*ie
	animation: move_up 1s ease-in-out forwards ;
}
*/
#cate04  .l_col{
	float:left;
	width:50%;
	position:relative;
	text-align:center;
}
#cate04  .r_col{
	float:right;
	width:50%;
	position:relative;
}
#cate04  .r_col .tx_box{
	width:420px;
}
#cate04  .r_col .tx_box p{
	font-size:15px;
	color:#c5b164;
	line-height:2em;
}
#cate04  .r_col .tx_box h2{
	margin-bottom:30px;
}
.bt_box{
	margin-top:30px;
}
.bt_box a{
	display:inline-block;
	padding:10px 20px;
	font-size:15px;
	color:#c5b164;
	min-width:200px;
	border: 1px solid #c5b164;
	text-align:center;
	background:#000;
}
#cate05{
	padding:100px 0;
	text-align:center;
}
#cate05 .ico_c_box{
}
#cate05 h2{
	margin:30px 0;
}
#cate05 p{
	font-size:16px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	line-height:1.6em;
}

#cate05 .stick_img{
	margin:20px  auto;
	max-width:800px;
	position:relative;
	
}
#cate05 .stick_img .fade01,
#cate05 .stick_img .fade02,
#cate05 .stick_img .fade03,
#cate05 .stick_img .fade04,
#cate05 .stick_img .fade05 ,
#cate05 .stick_img .fade06{
	top:0;
	left:0;
	position:absolute;
}

#cate05 .appear .stick_img{
	-webkit-animation: fade_img 1s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: fade_img 1s ease-in-out forwards ;/*firefox*/
	-ms-animation: fade_img 1s ease-in-out forwards ;/*ie*/
	animation: fade_img 1s ease-in-out forwards ;
	opacity:0;
}
.fade_img{
	opacity:0;
}

#cate05 .appear .fade_img{
	-webkit-animation: fade_img .5s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: fade_img .5s ease-in-out forwards ;/*firefox*/
	-ms-animation: fade_img .5s ease-in-out forwards ;/*ie*/
	animation: fade_img .5s ease-in-out forwards ;
}
#cate05 .appear .fade_img.fade01{
	animation-delay:  0.3s;
}
#cate05 .appear .fade_img.fade02{
	animation-delay:  0.6s;
}
#cate05 .appear .fade_img.fade03{
	animation-delay:  1.5s;
}
#cate05 .appear .fade_img.fade04{
	animation-delay:  0.9s;
}
#cate05 .appear .fade_img.fade05{
	animation-delay:  1.2s;
}
#cate05 .appear .fade_img.fade06{
	animation-delay:  1.8s;
}

@keyframes fade_img {
	0% {opacity:0;}
	100% {opacity:1;}
}
/*chrome&safari*/
@-webkit-keyframes  fade_img {
	0% {opacity:0;}
	100% {opacity:1;}
}
/*firefox*/
@-moz-keyframes  fade_img {
	0% {opacity:0;}
	100% {opacity:1;}
}
/*ie*/
@-ms-keyframes  fade_img {
	0% {opacity:0;}
	100% {opacity:1;}
}

#cate05 .alfa_tx{
	max-width:960px;
	color:#c5b164;
	margin:0 auto;
}



#cate05 .alfa_tx p{
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#cate05 .alfa_tx ul:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}
#cate05 .alfa_tx ul li{
	float:left;
	width:33%;
	padding:10px;
}
#cate05p .alfa_tx p{
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#cate05 .alfa_tx p.indent{
	padding-left:1em;
	color:#000;
}
#cate05 .move_up{
	opacity:0;
}

#cate05.appear .move_up{
	-webkit-animation: move_up 1s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: move_up 1s ease-in-out forwards ;/*firefox*/
	-ms-animation: move_up 1s ease-in-out forwards ;/*ie*/
	animation: move_up 1s ease-in-out forwards ;
}

@keyframes move_up {
	0% {transform: translateY(200px); opacity:0;}
	100% {transform: translateY(0px); opacity:1;}
}
/*chrome&safari*/
@-webkit-keyframes  move_up {
	0% {transform: translateY(200px); opacity:0;}
	100% {transform: translateY(0px); opacity:1;}
}
/*firefox*/
@-moz-keyframes  move_up {
	0% {transform: translateY(200px); opacity:0;}
	100% {transform: translateY(0px); opacity:1;}
}
/*ie*/
@-ms-keyframes  move_up {
	0% {transform: translateY(200px); opacity:0;}
	100% {transform: translateY(0px); opacity:1;}
}

#cate06 ,
#cate07{
	background:#000;
}

#cate06:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

#cate06 .l_col{
	float:left;
	width:60%;
	border-right:5px solid #000;
	padding:40px;
	height:400px;
	text-align:right;
	background:#fff;
	
}
#cate06 .l_col .tx_box{
	max-width:520px;
	margin:0 auto;
	text-align:left;
}
#cate06 .l_col .tx_box p{
	font-size:22px;
	margin-top:40px;
}
#cate06 .l_col .tx_box .bt_box{
	margin-top:30px;
}
#cate06 .l_col .tx_box .bt_box a{
	display:inline-block;
	padding:15px 50px;
	border:1px solid #c5b164;
	font-size:16px;
}
#cate06 .r_col{
	float:right;
	width:40%;
	background:url(../top/akahoshi-_bg.png) no-repeat center center;
	background-size:cover;
	height:400px;
}
#cate06.appear  .r_col{
	animation-delay:  0.5s;
}
#cate07 ,
#cate06{
	border-bottom:5px solid #000;
}
#cate07:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

#cate07 .l_col{
	float:left;
	width:40%;
	background:url(../top/slide03.png) no-repeat center center #000;
	background-size: contain;
	
	height:400px;
	
}
#cate07.appear  .l_col{
	animation-delay:  0.5s;
}
#cate07 .r_col .tx_box{
	max-width:520px;
	margin:0 auto;
	text-align:left;
}
#cate07 .r_col .tx_box p{
	font-size:22px;
	margin-top:40px;
}
#cate07 .r_col .tx_box .bt_box{
	margin-top:30px;
}
#cate07 .r_col .tx_box .bt_box a{
	display:inline-block;
	padding:15px 50px;
	border:1px solid #c5b164;
	font-size:16px;
}
#cate07 .r_col{
	float:right;
	width:60%;
	height:400px;
	padding:40px;
	border-left:5px solid #000;
	background:#fff;
}


#cate08:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}

#cate08 ul li{
	float:left;
	width:33.33%;
	padding-top:60px;
	background: url(../top/lineup01_bg.jpg) no-repeat center top;
	background-size:contain;}
#cate08 ul li.l2{
	float:left;
	width:25%;
	padding-top:60px;
	background: url(../top/lineup02_bg.jpg) no-repeat center top;
	background-size:contain;}
#cate08 ul li a {
	display:block;
}
#cate08 ul li a img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
#cate08 ul li .move_up{
	opacity:0;
}

#cate08 ul li.appear .move_up{
	-webkit-animation: move_up .5s ease-in-out forwards ;/*chrome&safari*/
	-moz-animation: move_up .5s ease-in-out forwards ;/*firefox*/
	-ms-animation: move_up .5s ease-in-out forwards ;/*ie*/
	animation: move_up .5s ease-in-out forwards ;
}

.lineup_ttl{
	background:#000;
	padding:10px 0;
	text-align:center;
}

.bt_lineup{
	background:#000;
	padding:15px 10px;
}
.bt_lineup span{
	display:block;
	padding: 10px 0px;
    font-size: 20px;
    color: rgb(197, 177, 100);
    border: 1px solid #c7b265;
    text-align: center;
}

#cate08 li:hover .bt_lineup span{
	background:#c7b265;
	color:#fff;
}

#foot{
	padding:100px 0;
	text-align:center;
	background:#000;
}
#foot .logo_f{
	margin-bottom:20px;
}
#foot .logo_f img{
	width:70px;
	height:auto;
}
#foot .copy_r{
	font-size:10px;
	color:#fff;
}

.bottom_btn{
	position:fixed;
	bottom:20px;
	right:40px;
	width:120px;
	height:120px;
}
.bottom_btn .r_col a{
	display:none;
	
}
.bottom_btn .l_col a{
	display:block;
	height:120px;
	background:url(../top/pc_btn_foot.png) no-repeat top center;
	text-indent:-9999px;
}
.bottom_btn .l_col a:hover{
	display:block;
	height:120px;
	background:url(../top/pc_btn_foot.png) no-repeat bottom center;
}

@media screen and (max-width: 980px) {
	
.page-container {
    position: relative;
    width: 100%;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    padding: 10px;
    min-width: 300px;
}
.bt_box{
	text-align:center;
}


#cate01 ul li{
	float:left;
	width:31.3%;
	padding-bottom:20%;
/*
	background:url(../top/nayami_12.jpg) no-repeat center center ;
*/
	background-size: cover;
	margin:1%;
}
#cate01 ul li.ttl_box{
	float:left;
	width:98%;
	padding:40px 20px;
	text-align:center;
	background:none;
	background-size: cover;
	margin:1%;
}
#cate01 ul li.ttl_box img{
	max-width:100%;
	height:auto;
}

#cate01 .sp_block{
	display:block;
}
#cate01 .pc_block{
	display:none;
}
#cate01 ul li:nth-child(2){
/*
	background:url(../top/nayami_11.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(3){
/*
	background:url(../top/nayami_03.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(4){
/*
	background:url(../top/nayami_01.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(5){
/*
	background:url(../top/nayami_09.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(6){
/*
	background:url(../top/nayami_06.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}

#cate01 ul li:nth-child(8){
/*
	background:url(../top/nayami_08.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(9){
/*
	background:url(../top/nayami_02.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(10){
/*
	background:url(../top/nayami_05.jpg) no-repeat center center ;
*/	background-size: cover;
	
}
#cate01 ul li:nth-child(11){
/*
	background:url(../top/nayami_04.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(12){
/*
	background:url(../top/nayami_10.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 ul li:nth-child(13){
/*
	background:url(../top/nayami_14.jpg) no-repeat center center ;
*/
	background-size: cover;
	
}
#cate01 {
    background-size: 90% auto;
}
	
}


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



#header ul.pc_menu{
	display:none;
}

.page-container {
     padding: 0px; 
}


/*===================================
 * menu
 *===================================*/
.hamburgler-icon-wrapper {
  position: absolute;
  top: 1em;
  right: 1em;
  height: 26px;
  width: 26px;
  cursor: pointer;
  z-index: 9999;
}
#header h1 {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 230px;
    height: auto;
}
#header {
    position: absolute;
    padding: 0px;
    width: 100%;
}

.hamburgler-icon,
.hamburgler-icon:before,
.hamburgler-icon:after {
  content: '';
  position: absolute;
  border-radius: 1em;
  height: 2px;
  width: 26px;
  background: black;
  transition: all 0.2s ease
}

.hamburgler-icon {
  top: 0.75em
}

.hamburgler-icon:before {
  top: -0.55em
}

.hamburgler-icon:after {
  top: 0.55em
}

.hamburgler-active .hamburgler-icon {
  background: transparent;
  transform: rotate(-135deg)
}

.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
  top: 0;
}

.hamburgler-active .hamburgler-icon:before {
  transform: rotate(90deg)
}

.hamburgler-active .hamburgler-icon,
.hamburgler-active .hamburgler-icon:before,
.hamburgler-active .hamburgler-icon:after {
  background: white
}

.hamburgler-menu {
  transition: all 0.4s ease;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  text-align: center;
  height: 100vh;
}

.hamburgler-active .hamburgler-menu {
  opacity: 1;
  pointer-events: initial;
  z-index: 999;
}
.hamburgler-menu img{
	width:100%;
	height:auto;
}

.hamburgler-menu .logo {
	width: 148px;
	display: block;
	transition: all 0.4s ease;
	top: 20px;
	left: 50%;
	position: absolute;
	margin-top: 38px;
	transform: translate(-50%, -50%) scale(1.2)
}
.hamburgler-active .hamburgler-menu .logo {
	transform: translate(-50%, -50%) scale(1)
}
.hamburgler-menu .close {
	font-family: 'Cardo', serif;
	color: #fff;
	display: block;
	transition: all 0.4s ease;
	bottom: 80px;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%) scale(1.2)
}
.hamburgler-active .hamburgler-menu .close {
	transform: translate(-50%, -50%) scale(1)
}
.hamburgler-menu-list {
  display: block;
  transition: all 0.4s ease;
  padding: 0;
  list-style-type: none;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2)
}

.hamburgler-active .hamburgler-menu-list {
  transform: translate(-50%, -50%) scale(1)
}
.hamburgler-menu-list li{
	font-family: 'Cardo', serif;
	font-size: 1.5rem;
	margin: 10px 0px;
}
.hamburgler-menu-list li a{
	color: #fff;
}

#cate02 {
    background:#000;
	background-size:100% auto , 100% auto;
}

#cate02 .ttlbox {
    padding: 0px 0px 50px;
    text-align: center;
}
#cate02 .sp_bg_cate02{
	background:url(../top/ani_gif.gif) no-repeat center center #000 ;
	background-size: cover;
}
#cate02 .ttlbox p{
	padding:0 20px;
}
#cate02 .ttlbox p{
	padding:0 20px;
}
#cate02 ul {
	padding:20px;
}

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

.pc_br{
	display:none;
}
.pc_block{
	display: none;
}
.sp_block{
	display: block;
	margin:0 auto;
}
.sp_inlineblock{
	display: inline-block;
}

#cate02 ul li {
    float: left;
    width: 42%;
    margin: 0 4% 30px;
    color: rgb(199, 179, 101);
}
#cate02 ul li h3 {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 16px;
}

#cate03{
	
	padding:30px 10px 50px;
}


#cate03 .mencol ,
#cate03 .womencol{
	max-width:1140px;
	margin:0 auto;
}
#cate03 .mencol{
	margin-bottom:30px;
}
.afterbox:after {
	display:block;
	clear:both;
	height:0px;
	content:"";
}
#cate03 .mencol .l_col{
	float:none;
	width:100%;
	padding-top:0px;
	position:relative;
}
#cate03 .mencol .r_col{
	float:none;
	width:100%;
	margin-bottom:30px;
}
#cate03 .mencol .ico_eng{
	position:absolute;
	top:210px;
	left:460px;
}
#cate03 .womencol .l_col{
	float:none;
	width:100%;
	position:relative;
	margin-bottom:30px;
}
#cate03 .womencol .r_col{
	float:none;
	width:100%;
	padding-top:0px;
	position:relative;
}
#cate03 .womencol .ico_eng{
	position:absolute;
	top:200px;
	left:0px;
}
#cate03 .mencol .l_col p ,
#cate03 .womencol .r_col p{
	width:100%;
	font-size:15px;
	line-height:2em;
	margin-top:35px;
}
#cate03 img{
	width:100%;
	height:auto;
}

#cate04.appear {
        background-size: 100% auto ,100% 100%;
}
.fade_bg {
    padding:0px;
}

#cate04  .l_col{
	float:none;
	width:100%;
	margin-bottom:30px;
	position:relative;
	text-align:center;
	padding-top:50px;
}
#cate04  .l_col img{
	height:50vh;
	width:auto;
}
#cate04  .r_col{
	float:none;
	width:100%;
	position:relative;
	padding:20px 20px 50px;
	background:#000;
}
#cate04 .r_col .tx_box {
    width:100%;
}
#cate04 .r_col .tx_box h2 img{
    width:100%;
	height:auto;
}

#cate05 {
    padding: 100px 10px;
}

#cate05 img{
    max-width:100%;
	height:auto;
}
#cate05 .alfa_tx ul li{
	float:none;
	width:100%;
	padding:3px;
	text-align:left;
}




#cate06 .l_col{
	float:none;
	width:100%;
	border-right:none;
	padding:20px;
	height: auto;
	
}
#cate06 .l_col .tx_box{
	max-width:520px;
	margin:0 auto;
	text-align:left;
}
#cate06 .l_col .tx_box p{
	font-size:18px;
	margin-top:30px;
}
#cate06 .l_col .tx_box .bt_box{
	margin-top:30px;
}
#cate06 .l_col .tx_box .bt_box a{
	display:inline-block;
	padding:10px;
	border:1px solid #c5b164;
	font-size:16px;
}
#cate06 .r_col{
	float:none;
	width:100%;
	height:200px;
}
#cate07 ,
#cate06{
	border-bottom:5px solid #000;
}
#cate06 .l_col .tx_box img{
    max-width: 100%;
	height:auto;
}

#cate07 .l_col{
	float:none;
	width:100%;
	
	height:200px;
	
}
#cate07 .r_col .tx_box{
	max-width:520px;
	margin:0 auto;
	text-align:left;
}
#cate07 .r_col .tx_box img{
	max-width: 100%;
	height:auto;
}
#cate07 .r_col .tx_box p{
	font-size:18px;
	margin-top:30px;
}
#cate07 .r_col .tx_box .bt_box{
	margin-top:30px;
}
#cate07 .r_col .tx_box .bt_box a{
	display:inline-block;
	padding:10px;
	border:1px solid #c5b164;
	font-size:16px;
}
#cate07 .r_col{
	float:none;
	width:100%;
	border-left:none;
	padding:20px;
	height: auto;
}

#cate08 ul li{
	float:none;
	width:100%;
	padding-top:60px;
	background: url(../top/lineup01_bg.jpg) no-repeat center top;
	background-size:contain;}
#cate08 ul li.l2{
	float:none;
	width:100%;
	padding-top:60px;
	background: url(../top/lineup02_bg.jpg) no-repeat center top;
	background-size:contain;}
#cate08 ul li a {
	display:block;
}
#cate08 ul li a img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}


.bottom_btn{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#000;
	right:0;
	height:50px;
}
.bottom_btn .inner{
	width:100%;
	position:relative;
}

.bottom_btn .l_col{
	display:block;
	width:100%;
	padding-right:50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.bottom_btn .l_col a{
	display:block;
	height:50px;
	background:url(../img/sp_btn_shop.png) no-repeat center left;
	background-size: contain;
	text-indent:-9999px;
}
.bottom_btn .r_col{
	position:absolute;
	bottom:0;
	right:0;
	width:50px;
}
.bottom_btn .r_col a{
	display:block;
	height:50px;
	background:url(../img/sp_btn_top.png) no-repeat center center;
	background-size:cover;
	text-indent:-9999px;

}



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

.key_ttl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
/*
    padding-top: 20vh;
*/
    padding-left: 0px;
    text-align: center;
}

.key_ttl_reborn{
	width:330px;
	margin:0 auto;
}
.key_ttl_tx{
	width:250px;
	margin: 5px 0 0 80px;
}
.key_ttl_reborn img{
	width:330px;
	height:auto;
}
.key_ttl_tx img{
	width:250px;
	height:auto;
}

}

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

.key_ttl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 20vh;
    padding-left: 0px;
    text-align: center;
}

.key_ttl_reborn{
	width:280px;
	margin:0 auto;
}
.key_ttl_tx{
	width:200px;
	margin: 5px 0 0 80px;
}
.key_ttl_reborn img{
	width:280px;
	height:auto;
}
.key_ttl_tx img{
	width:200px;
	height:auto;
}

}

{
	min-height:100%;
	padding-bottom:130px;
	position:relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}