@charset "utf-8";
/* -------------------------------------------------- index */
#index_wrap{
	position:relative;
	z-index:10;
	margin-top:368px;
}
    @media (max-width: 1000px){
    #index_wrap{
        position:relative;
        z-index:10;
        margin-top:0;
    }
    }
/* ------------------------------ top_images */
#top_images{
	position:fixed;
	left:0;top:0;
	z-index:1;
	overflow:hidden;
	height:370px;
	margin-bottom:-2px;
/*	-webkit-transition:0.3s ease-out;
	transition:0.3s ease-out; *** chrome以外で微妙 */
}
#top_images .inner{
	position:relative;
	width:1000px;
	height:370px;
	margin:0 auto;
}
#top_images p.in_content{
	float:left;
	width:218px;
	margin:0 20px 0 152px;
	padding:80px 0;
	text-align:center;
}
#top_images p.in_content img{width:100%;}

/* slider */
#top_images .slick-list{overflow:hidden;}
#top_images .slick-track{position:relative;z-index:1;}

#top_images .slides.in_content{float:left;}
#top_images .slide02.in_content{margin:0 20px;}
#top_images .slides{
	overflow:hidden;
	width:171px;
	height:370px;
}
#top_images .slides_sq{width:287px;}
#top_images .slides_wl{width:264px;}
#top_images .slides_hl{width:223px;}

#top_images .slides .slide{
	width:171px;
	height:165px;
	padding:10px 0;
	border:none;
}
#top_images .slides .slide_sq{width:287px;height:350px;}
#top_images .slides .slide_wl{width:264px;height:165px;}
#top_images .slides .slide_hl{width:223px;height:350px;}

#top_images .slides{position:absolute;top:0;}
#top_images .in_content{position:static;}
#top_images .slide03{left:-132px;}
#top_images .slide04{left:-323px;}
#top_images .slide05{right:-111px;}
#top_images .slide06{right:-302px;}

/* fade */
#top_images .slides .slide ul{
	position:relative;
	overflow:hidden;
	width:171px;
	height:165px;
}
#top_images .slides .slide_sq ul{width:287px;height:350px;}
#top_images .slides .slide_wl ul{width:264px;height:165px;}
#top_images .slides .slide_hl ul{width:223px;height:350px;}
#top_images .slides .slide li{
	position:absolute;
	top:0;left:0;
}
    @media (max-width: 1000px){
    #top_images{
        position:relative;
        left:0;top:0;
        z-index:1;
        overflow:hidden;
        height:370px;
        margin-bottom:-2px;
    /*	-webkit-transition:0.3s ease-out;
        transition:0.3s ease-out; *** chrome以外で微妙 */
    }
    #top_images .inner{
        position:relative;
        width:100%;
        height:auto;
        margin:0 auto;
    }
    #top_images p.in_content{
        float:none;
        width:218px;
        margin:0 auto;
        padding:80px 0;
        text-align:center;
    }
    #top_images p.in_content img{width:100%;}

    /* slider */
    #top_images .slick-list{overflow:hidden;}
    #top_images .slick-track{position:relative;z-index:1;}

    #top_images .slides{ display:none;}

    }

/* move */
@-webkit-keyframes floating{
	0%{-webkit-transform:translateY(0px);}
	100%{-webkit-transform:translateY(-5px);}
}
@keyframes floating{
	0%{transform:translateY(0px);}
	100%{transform:translateY(-5px);}
}
#top_images .slides .slide{
	-webkit-animation:floating 1s ease-in-out infinite alternate;
	animation:floating 1s ease-in-out infinite alternate;
}
#top_images .slides .slide.mv1{-webkit-animation-duration:1.0s;animation-duration:1.0s;}
#top_images .slides .slide.mv2{-webkit-animation-duration:1.1s;animation-duration:1.1s;}
#top_images .slides .slide.mv3{-webkit-animation-duration:1.2s;animation-duration:1.2s;}
#top_images .slides .slide.mv4{-webkit-animation-duration:1.3s;animation-duration:1.3s;}
#top_images .slides .slide.mv5{-webkit-animation-duration:1.4s;animation-duration:1.4s;}

@-moz-document url-prefix(){
	#top_images .slides .slide.mv1{animation-duration:0.7s;}
	#top_images .slides .slide.mv2{animation-duration:0.8s;}
	#top_images .slides .slide.mv3{animation-duration:0.9s;}
	#top_images .slides .slide.mv4{animation-duration:1.0s;}
	#top_images .slides .slide.mv5{animation-duration:1.1s;}
}

/* ------------------------------ index_header */
#index_header{background:url(../img/bg_h1.png);}
#index_header #header_bar{
	width:948px;
	padding:3px 26px;
	margin:0 auto;
	text-align:right;
}
@media only screen and (max-width: 948px) {
#index_header #header_bar{
	width:100%; max-width:948px;
	padding:3px 0;
	margin:0 auto;
	text-align:center;
}
}
/* ------------------------------ index_menu */
#index_menu{
	position:relative;
	z-index:11;
	background:url(../img/bg_wood.jpg);
	box-shadow:4px 4px 3px rgba(0,0,0,0.3);
}
/*#index_menu:before{
	content:'';
	position:absolute;
	left:0;top:0;
	display:block;
	width:100%;
	height:5px;
	background:url(../img/bg_wood_top.jpg) repeat-x;
}*/

#index_menu ul{
	overflow:hidden;
	width:980px;
	padding:20px 10px;
	margin:0 auto;
}
#index_menu li{
	float:left;
	margin-right:25px;
}
#index_menu li.last{margin-right:0;}
#index_menu li a{
	overflow:hidden;
	display:block;
	width:310px;
	height:199px;
	background:url(../img/index_links.png) no-repeat;
	border-radius:30px;
	font-size:16px;
	color:#EA66A1;
}
#index_menu li.menu02 a{background-position:-310px 0;}
#index_menu li.menu03 a{background-position:-620px 0;}

#index_menu li a img{
	vertical-align:top;
	opacity:0;
	filter:alpha(opacity=0);
}
#index_menu li a:hover img{opacity:1;filter:alpha(opacity=100);}
    @media (max-width: 1000px){
     #index_menu ul{
        overflow:hidden;
        width:100%;
        padding:20px 10px;
        margin:0 auto; 	display: flex; align-content: stretch; justify-content: center; flex-wrap:wrap; gap:15px; box-sizing: border-box;

    }
    #index_menu li{
        float:none;
        margin: 0 12px;
    }
    #index_menu li.last{margin-right:0;}
    #index_menu li a{
        overflow:hidden;
        display:block;
        width:310px;
        height:199px;
        background:url(../img/index_links.png) no-repeat;
        border-radius:30px;
        font-size:16px;
        color:#EA66A1;
    }
    #index_menu li.menu02 a{background-position:-310px 0;}
    #index_menu li.menu03 a{background-position:-620px 0;}

    #index_menu li a img{
        vertical-align:top;
        opacity:0;
        filter:alpha(opacity=0);
    }
    #index_menu li a:hover img{opacity:1;filter:alpha(opacity=100);}   
    }
/* ------------------------------ index_content */
#index_content_wrap_bg{
	position:relative;
	top:-1px;
	background:url(../img/bg_block.jpg);
}
#index_content_wrap{
	position:relative;
	top:-1px;
	width:980px;
	padding:0 10px;
	margin:0 auto;
}
@media screen and (max-width: 1000px){
	#index_content_wrap{overflow:hidden; width:100%;box-sizing: border-box; padding:0;}
}

/* ------------ banner */
#index_bnrs{
	position:relative;
	height:800px;
}
/* logo */
#index_bnrs .logo{
	position:absolute;
	top:20px;left:50px;
	width:220px;
	height:174px;
	opacity:0;
	-webkit-transition:1s ease-in-out;
	transition:1s ease-in-out;
}
#index_bnrs.active .logo,
.ie #index_bnrs .logo{opacity:1;}

/* banner */
#index_bnrs .bnr{
	position:absolute;
	left:350px;
	width:320px;
	height:150px;
}
#index_bnrs #bnr1{bottom:410px;}
#index_bnrs #bnr2{bottom:240px;}
#index_bnrs #bnr3{bottom:70px;}
.ie #index_bnrs .bnr{left:0;}

#index_bnrs .bnr p{
	background:#fff;
	border-radius:20px;
	box-shadow:4px 4px 3px rgba(0,0,0,0.3);
}
#index_bnrs .bnr a{
	-webkit-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}
#index_bnrs .bnr a:hover{opacity:0.6;filter:alpha(opacity=60);}
#index_bnrs .bnr img{
	vertical-align:top;
	border-radius:20px;
	width: 100%;
}
    @media screen and (max-width: 1000px){
    	#index_menu {
    		box-shadow: none;
    	}
	    #index_bnrs{ 
	    	display: display;
    		height: auto !important;
    		background: url(../img/bg_wood.jpg);
    		padding-bottom: 20px;
    		text-align: center;
	    }
	    #index_bnrs .bnr {
	    	display: inline-block;
	    	width: 65%;
	    	max-width: 320px;
			height: auto;
			bottom: auto !important;
			position: relative;
			margin: 0 auto;
			padding: 10px;
	    }
	    #index_bnrs .logo {
	    	display: none;
	    }
    }

/* slidein */
@-webkit-keyframes slidein{
	0%{-webkit-transform:translateX(0);}
	100%{-webkit-transform:translateX(-350px);}
}
@keyframes slidein{
	0%{transform:translateX(0);}
	100%{transform:translateX(-350px);}
}
#index_bnrs.active .bnr{
	-webkit-animation:slidein 1s cubic-bezier(.33,1.23,.57,1.15) 1 forwards;
	animation:slidein 1s cubic-bezier(.33,1.23,.57,1.15) 1 forwards;
}
#index_bnrs.active #bnr2{
	-webkit-animation-delay:0.3s;
	animation-delay:0.3s;
}
#index_bnrs.active #bnr3{
	-webkit-animation-delay:0.6s;
	animation-delay:0.6s;
}

/* move */
@-webkit-keyframes floating2{
	0%{-webkit-transform:translateX(0px);}
	100%{-webkit-transform:translateX(-5px);}
}
@keyframes floating2{
	0%{transform:translateX(0px);}
	100%{transform:translateX(-5px);}
}
#index_bnrs.active .move{
	-webkit-animation:floating2 1s ease-in-out infinite alternate;
	animation:floating2 1s ease-in-out infinite alternate;
}
#index_bnrs.active .move.mv1{-webkit-animation-duration:1.0s;animation-duration:1.0s;}
#index_bnrs.active .move.mv2{-webkit-animation-duration:1.1s;animation-duration:1.1s;}
#index_bnrs.active .move.mv3{-webkit-animation-duration:1.2s;animation-duration:1.2s;}
#index_bnrs.active .move.mv4{-webkit-animation-duration:1.3s;animation-duration:1.3s;}
#index_bnrs.active .move.mv5{-webkit-animation-duration:1.4s;animation-duration:1.4s;}

@-moz-document url-prefix(){
	#index_bnrs.active .move.mv1{animation-duration:0.7s;}
	#index_bnrs.active .move.mv2{animation-duration:0.8s;}
	#index_bnrs.active .move.mv3{animation-duration:0.9s;}
	#index_bnrs.active .move.mv4{animation-duration:1.0s;}
	#index_bnrs.active .move.mv5{animation-duration:1.1s;}
}
/* ------------index_content1 */
#index_content1{
	position:absolute;
	top:0;left:320px;
	z-index:12;
	margin-right:-100px;
	background:url(../img/bg_wood.jpg);
	border-radius:0 0 20px 20px;
	box-shadow:4px 4px 3px rgba(0,0,0,0.3);
	line-height:1;
}
#index_content1 .inner{
	position:relative;
	width:645px;
	height:130px;
	padding:0 100px 70px 25px;
}
#index_content1 .inner:before,
#index_content1 .inner:after{
	content:'';
	position:absolute;top:0;
	display:block;
	width:30px;height:30px;
}
#index_content1 .inner:before{
	left:-29px;
	background:url(../img/bg_wood_l.png) no-repeat;
}
#index_content1 .inner:after{
	right:-29px;
	background:url(../img/bg_wood_r.png) no-repeat;
}

#index_content1 h1,
#index_content1 p{
	letter-spacing:1px;
	font-size:14px;
	color:#fff;
}
#index_content1 p.second{margin-top:5px;}
#index_content1 h1 span,
#index_content1 p span{
	font-weight:bold;
	color:#402210;
}

#index_content1 dl{
	overflow:hidden;
	margin-top:20px;
	padding:10px 5px;
	background:#402210;
	border-radius:10px;
	letter-spacing:1px;
	color:#C8A062;
}
#index_content1 dt{clear:left;float:left;font-weight:bold;}
#index_content1 dd{
	position:relative;
	margin-left:200px;
	padding-left:12px;
}
#index_content1 dd:before{
	position:absolute;
	top:1px;left:0;
	content:'';
	display:block;
	width:0;height:0;
	border:transparent 6px solid;
	border-left-color:#C8A062;
}
#index_content1 dd a{color:#C8A062;}
#index_content1 dd a:hover{text-decoration:underline;}
#index_content1 dt.second,
#index_content1 dd.second{margin-top:5px;}


    @media screen and (max-width: 1000px){
    #index_content1{
        position:relative;
        top:0;left:0;
        z-index:12;
        margin-right:0;
        background:url(../img/bg_wood.jpg);
        border-radius:0 0 20px 20px;
        box-shadow:4px 4px 3px rgba(0,0,0,0.3);
        line-height:1;
    }
    #index_content1 .inner{
        position:relative;
        width:100%;
        height:auto;
        min-height:130px;
        margin-bottom: 15px;
        padding:0 25px 70px 25px;
        box-sizing: border-box;
    }
    #index_content1 .inner:before,
    #index_content1 .inner:after{
        content:'';
        position:absolute;top:0;
        display:block;
        width:30px;height:30px;
    }
    #index_content1 .inner:before{
        left:-29px;
        background:url(../img/bg_wood_l.png) no-repeat;
    }
    #index_content1 .inner:after{
        right:-29px;
        background:url(../img/bg_wood_r.png) no-repeat;
    }

    #index_content1 h1,
    #index_content1 p{
        letter-spacing:1px;
        font-size:14px;
        color:#fff; line-height:150%;
    }
    #index_content1 p.second{margin-top:5px;}
    #index_content1 h1 span,
    #index_content1 p span{
        font-weight:bold;
        color:#402210;
    }

    #index_content1 dl{
        overflow:hidden;
        margin-top:20px;
        padding:10px 5px;
        background:#402210;
        border-radius:10px;
        letter-spacing:1px;
        color:#C8A062;
    }
    #index_content1 dt{
    	clear:left;
    	float:left;
    	font-weight:bold;
    }
    #index_content1 dd{
        position:relative;
        margin-left:200px;
        padding-left:12px;
    }
    #index_content1 dd:before{
        position:absolute;
        top:1px;left:0;
        content:'';
        display:block;
        width:0;height:0;
        border:transparent 6px solid;
        border-left-color:#C8A062;
    }
    #index_content1 dd a{
    	color:#C8A062;
    }
    #index_content1 dd a:hover{
    	text-decoration:underline;
    }
    #index_content1 dt.second,
    #index_content1 dd.second{
    	margin-top:5px;
    }
    #cafe #tab_btns {
    	left: 0;
    	padding: 0;
    	margin: 0;
    	width: 100%;
    }
    #cafe #tab_btns li {
    	margin: 0;
    	padding: 0;
		width: 25%;
    }
}
@media screen and (max-width: 700px){
	#index_content1 dt {
		float: none;
		width: 100%;
	}
	#index_content1 dd {
		float: none;
		margin: 10px;
		word-break: break-word;
	}
}

/* ------------ index_content2 */
#index_content2{
	position:absolute;
	top:145px;left:345px;
	z-index:13;
	margin-right:-20px;
	padding:20px;
	background:url(../img/bg_cloth.jpg);
	border-radius:20px;
	box-shadow:4px 4px 3px rgba(0,0,0,0.3);
}

/* news */
#index_content2 #news{
	position:relative;
	width:605px;
	padding:10px;
	background:#fff;
	border-radius:10px;
	line-height:1.3;
}
#index_content2 #news_btn{
	position:absolute;
	top:10px;right:15px;
}

#index_content2 #news dl{padding:10px 0 10px 30px;}
#index_content2 #news dt{
	clear:left;float:left;
	margin-top:12px;
	font-size:12px;
}
#index_content2 #news dd{
	position:relative;
	margin:10px 0 0 120px;
}
#index_content2 #news dd a{
	text-decoration:underline;
	color:#8ec31f;
}
#index_content2 #news dd a:hover{color:#3f9f4b;}

#index_content2 #news dd .news_content{
	visibility:hidden;
	opacity:0;
	position:absolute;
	left:10px;top:22px;
	z-index:21;
}
#index_content2 #news dd .news_content.active{
	visibility:visible;
	opacity:1;
}
#index_content2 #news dd .news_content p{
	position:relative;
	width:400px;
	padding:8px 10px;
	background:#fff;
	border:#b0d678 2px solid;
	border-radius:10px;
	box-shadow:2px 2px 1px rgba(0,0,0,0.3);
	line-height:1.5;
	font-size:12px;
	font-weight:bold;
	color:#777
}
#index_content2 #news dd .news_content p:before,
#index_content2 #news dd .news_content p:after{
	content:'';
	position:absolute;
	display:block;
	width:0;height:0;
	border:transparent 8px solid;
}
#index_content2 #news dd .news_content p:before{
	left:10px;top:-16px;
	border-bottom-color:#b0d678;
}
#index_content2 #news dd .news_content p:after{
	left:10px;top:-14px;
	border-bottom-color:#fff;
}

/* facebook */
#index_content2 dl#facebook{
	width:625px;
	margin-top:20px;
}
#index_content2 #facebook dt{
	padding:5px 20px;
	background:#34528A;
	border-radius:10px 10px 0 0;
}
#index_content2 #facebook dd{
	overflow:hidden;
	height:341px;
	padding:5px 60px;
	background:#fafafa;
	border:#8CA6C8 2px solid;
	border-radius:0 0 10px 10px;
}
    @media screen and (max-width: 1000px){
    #index_content2{
        position:relative;
        top:0;left:0;
        z-index:13;
        margin-right:0;
        padding:20px;
        background:url(../img/bg_cloth.jpg);
        border-radius:20px;
        box-shadow:4px 4px 3px rgba(0,0,0,0.3);
    }

    /* news */
    #index_content2 #news{
        position:relative;
        width:100%;
        padding:10px;
        background:#fff;
        border-radius:10px;
        line-height:1.3;
        box-sizing: border-box;
    }
    #index_content2 #news_btn{
        position:absolute;
        top:10px;right:15px;
    }

    #index_content2 #news dl{padding:10px 20px 10px 20px;}
    #index_content2 #news dt{
        clear:left;float:none;
    width:100%;
        margin-top:12px;
        font-size:12px;
    }
    #index_content2 #news dd{
        position:relative;
        margin:10px 0 0 0;
    }
    #index_content2 #news dd a{
        text-decoration:underline;
        color:#8ec31f;
    }
    #index_content2 #news dd a:hover{color:#3f9f4b;}

    #index_content2 #news dd .news_content{
        visibility:hidden;
        opacity:0;
        position:absolute;
        left:10px;top:22px;
        z-index:21;
    }
    #index_content2 #news dd .news_content.active{
        visibility:visible;
        opacity:1;
    }
    #index_content2 #news dd .news_content p{
        position:relative;
        width:400px;
        padding:8px 10px;
        background:#fff;
        border:#b0d678 2px solid;
        border-radius:10px;
        box-shadow:2px 2px 1px rgba(0,0,0,0.3);
        line-height:1.5;
        font-size:12px;
        font-weight:bold;
        color:#777
    }
    #index_content2 #news dd .news_content p:before,
    #index_content2 #news dd .news_content p:after{
        content:'';
        position:absolute;
        display:block;
        width:0;height:0;
        border:transparent 8px solid;
    }
    #index_content2 #news dd .news_content p:before{
        left:10px;top:-16px;
        border-bottom-color:#b0d678;
    }
    #index_content2 #news dd .news_content p:after{
        left:10px;top:-14px;
        border-bottom-color:#fff;
    }

    /* facebook */
    #index_content2 dl#facebook{
        width:100%;
        margin-top:20px;
    }
    #index_content2 #facebook dt{
        padding:5px 20px;
        background:#34528A;
        border-radius:10px 10px 0 0;
    }
    #index_content2 #facebook dd{
        overflow:hidden;
        height:341px;
        padding:5px 60px;
        background:#fafafa;
        border:#8CA6C8 2px solid;
        border-radius:0 0 10px 10px;
    }
    }
/* ------------ index_foot_photo */
#index_foot_photo{
	position:relative;
	top:-29px;left:-100px;
	padding:0 100px;
	margin-bottom:-30px;
	height:476px;
	background:url(../img/index_foot_photo.png) center top no-repeat;
}
#index_foot_photo .foot_cat{
	position:absolute;
	display:none;
}
#index_foot_photo .cat_l{left:72px;top:256px;}
#index_foot_photo .cat_c{left:517px;top:295px;}
#index_foot_photo .cat_r{left:761px;top:153px; }

/* -------------------------------------------------- slick.css */
.slick-slider{
    position: relative;
    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;padding: 0;
}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
}
.slick-track{
    position: relative;top: 0; left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{
    display: none;
    height: 100%;
    min-height: 1px;
}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {display: none;}