@charset "UTF-8";

@keyframes moveimg {
	0% { top: 0px;}
	50% {top: 24px; }
	100% { top: 0px;}
}

@keyframes zoom-move {
  0% {
    transform: scale(1) translateY(0);
    opacity: 0.25;
  }
  13.33% {
    opacity: 1;    
  }  
  
  100% {
    transform: scale(1.2) translateY(0px);
    opacity: 1;
  }
}

#welcome{background: #68ba40 url(../images/top/welcome_bg.gif) no-repeat top center;background-size:100% auto;padding-bottom:30px;margin-bottom:200px;position:relative;z-index:10;overflow:inherit;}
#welcome .text_main{width:44%;padding-right:10%;margin:0 auto;}
#welcome .text_main .tit_bx_01{font-size:42px;color:#d9a743;font-weight:bold;padding:13% 0 5%;letter-spacing:0.2em;}
#welcome .text_main .txt_01{margin-bottom:30px;}
#welcome .text_main .txt_01 p{line-height:2;}
#welcome .btn_click{display:block;float:left;margin:2% 0 10%;}
#welcome .btn_click a{padding:10px 80px;text-align:center;background:#d9a743;display:inline;font-weight:bold; color: #000;}
#welcome .btn_click a:hover{background:#d8b163;}
#welcome .img_pro{position:absolute;left:0;bottom:-19%;z-index:11;width:25.11%;}

#welcome .star_light{position:absolute;right:3%;bottom:35%;width:29.29%; text-align: center; z-index: 1;}
#welcome .box_r{position:absolute;right:3%;bottom:28%;width:29.29%; text-align: center; z-index: 2;}
#welcome .box_r .tit_bx_01{font-size:45px;font-weight:800;text-transform:uppercase;line-height:1;letter-spacing:0.3em; z-index: 2;}
#welcome .box_r .tit_bx_02{font-size:20px;font-weight:800;text-transform:uppercase;letter-spacing:0.3em;}
#welcome .box_r .tit_bx_03{font-size:16px;font-weight:600;text-transform:uppercase;margin:2% 0% 10%;}
#welcome .box_r_2{position:absolute;right:3%;bottom:-19%;width:29.29%;}
#welcome .box_r_2 .img_bx_01 img{border:15px solid #fff;}

#category{box-sizing:border-box;}
#category .list_link{background:#ffdf9f;width:100%;padding:0px 3% ;}
#category .list_link li{float:left;width:12.5%;text-align:center;padding:30px 0 10px;}
#category .list_link li .tit_bx{color:#56361f;}
#category .list_link li:hover{background:#68ba40;}
#category .list_link li:hover .tit_bx{color:#fff;}
#category .txt_slogan {color:#666;font-size:16px;font-style:italic;text-align:center;padding:50px 2%;}
#category .list_link li .img_bx{display:inline-block;}
#category .list_link li .bg_01{background:url(../images/top/category_01.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li .bg_02{background:url(../images/top/category_02.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li .bg_03{background:url(../images/top/category_03.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li .bg_04{background:url(../images/top/category_04.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li .bg_05{background:url(../images/top/category_05.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li .bg_06{background:url(../images/top/category_06.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li .bg_07{background:url(../images/top/category_07.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li .bg_08{background:url(../images/top/category_08.png) no-repeat center center;background-size:100% 100%;}

#category .list_link li:hover .bg_01{background:url(../images/top/category_01_over.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li:hover .bg_02{background:url(../images/top/category_02_over.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li:hover .bg_03{background:url(../images/top/category_03_over.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li:hover .bg_04{background:url(../images/top/category_04_over.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li:hover .bg_05{background:url(../images/top/category_05_over.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li:hover .bg_06{background:url(../images/top/category_06_over.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li:hover .bg_07{background:url(../images/top/category_07_over.png) no-repeat center center;background-size:100% 100%;}
#category .list_link li:hover .bg_08{background:url(../images/top/category_08_over.png) no-repeat center center;background-size:100% 100%;}

#category .preview{padding:0 3%;margin-bottom:20px;display:block;}
#category .preview img{width:100%;}
#category .preview .box{width:49.25%;margin-right:1.5%;float:left;}
#category .preview .box:nth-child(2){margin-right:0;}
#category .preview .box .gr_01 .item{width:48.3%;float:left;margin-right:3.4%;margin-bottom:3.4%;}
#category .preview .box .gr_01 .item:nth-child(2){margin-right:0;}
#category .preview .box .item img {transform: scale(1, 1); transition: all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
#category .preview .box .item {overflow:hidden;}
#category .preview .box .item:hover img{-ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);}
#category .preview_sp{display:none;}


/*SLIDE*/
#mainVisual {position:relative; width: 100%; height: calc(100vh - 67.8px);}
#mainVisual > img {width: 100%; height: inherit; object-fit: cover; object-position: center;}
#mainVisual #scroll {position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; z-index: 102; text-align: center;}
#mainVisual #scroll img {animation: moveimg 3s infinite; position:relative; animation:moveimg 3s infinite; }


/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1366px){
	#welcome .box_r .tit_bx_01{font-size:28px;font-weight:800;text-transform:uppercase;line-height:1;letter-spacing:0.3em; z-index: 2;}
	#welcome .box_r .tit_bx_02{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:0.3em;}
	
	#welcome .star_light{bottom:27%;}
	#welcome .box_r{bottom:23%;}
	#welcome .img_pro{position:absolute;left:0;bottom:-12%;z-index:11;width:25.11%;}
	#welcome .box_r_2{position:absolute;right:3%;bottom:-10%;width:29.29%;}
}

@media only screen and (max-width:1200px){
	#welcome .box_r .tit_bx_01{font-size:30px;}	
	#welcome .box_r .tit_bx_02{font-size:18px;}
	#welcome .text_main .tit_bx_01{font-size:32px;}

	#welcome .text_main { margin: 0 auto; padding-right: 18%; width: 61%;}
	#welcome .img_pro {bottom: -20%; width: 22.11%;}

}
@media only screen and (max-width:1024px){
	#mainVisual {height: auto;}
	#mainVisual #scroll {display: none;}
	#welcome{margin-bottom:130px;}
	#welcome .box_r{position:static;margin:0px auto 30px;width:60%;padding-top:80px;}
	#welcome .text_main .tit_bx_01{padding-top:0%;}
	#welcome .text_main{padding-right:0;}

	#welcome .img_pro {bottom: -10%; width: 24.11%;}
	#welcome .star_light{display: none;}
	#welcome .box_r_2 {bottom: -10%;}
}

@media only screen and (max-width:736px){
	#category .list_link {padding:0;}	
	#category .list_link li{width:25%;padding: 5px 0 0;}
	#category .preview{display:none;}
	#category .preview_sp{display:block;}
	#category .preview_sp li{text-align:center;box-sizing:border-box;padding:0 20px;margin-bottom:20px;}

	#welcome {padding-bottom:200px;}
	#welcome .text_main{margin-top:40px;width:100%;padding:0 20px;}	
	#welcome .box_r{width:100%;box-sizing:border-box;padding-left:20px;text-align:left;}
	#welcome .box_r_2{position:static;width:100%;text-align:left;}
	#welcome .box_r_2 .img_bx_01 img{width:70%;border: 10px solid #fff;border-left:0 ;}


	#welcome .img_pro {right:0;width:68%;left:auto;bottom:-9%;}
	#welcome .img_pro img{transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);}
}


@media only screen and (max-width:640px){
	#welcome .img_pro {bottom:-7%; width: 55%}
}

@media only screen and (max-width:480px){
	#welcome{padding-bottom: 128px;margin-bottom:95px;}
	#welcome .box_r .tit_bx_01{font-size:24px;padding-bottom:10px;}
	#welcome .box_r .tit_bx_02{font-size:16px;letter-spacing: 0em;padding-bottom:10px;}
	#welcome .box_r .tit_bx_03{font-size:14px;}
	#welcome .text_main .tit_bx_01{font-size:28px;}

	#welcome .img_pro { bottom: -4%;}

	#category .list_link li .tit_bx{font-size:2.5vw;}
	#category .txt_slogan{padding:30px 10px;box-sizing:border-box;}
}