/*
Theme Name: 琉木造園
 */
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');


/*　***********************
　　　　BACE
**********************　*/
html {font-family: ryo-text-plusn, serif;/*font-family: ryo-gothic-plusn, sans-serif;*/line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-x: hidden;font-size: 62.5%;}

body {margin: 0;font-weight: 400;overflow: hidden;color: rgba(54,54,54,1.00);}

article,
aside,
footer,
header,
nav,
section {display: block;width: 100%}


p{line-height: 1.8em}

@media screen and (min-width: 768px){
h1{font-size:3.9rem;}
h2{font-size: 2.7rem;}
h3{font-size: 2rem;}
h4,h5{font-size: 1.8rem;}
p{font-size: 1.6rem;}
}

@media screen and (max-width: 767px){
h1{font-size:7vw;}
h2{font-size: 6vw;}
h3{font-size: 5vw;}
h4,h5{font-size: 5vw;}
p{font-size: 4vw;}
}

h1,h2,h3,h4,h5{line-height: 2em;font-weight: normal}

a {background-color: transparent; -webkit-text-decoration-skip: objects;touch-action: manipulation;text-decoration: none;color: rgba(0,0,0,1.00);}

a:active,
a:hover {outline-width: 0;color:rgba(112,112,112,1.00)}

ol, ul {list-style: none;padding-left: 0;}

ul {list-style-position: inside}

iframe {border: none}

img {max-width: 100%; height: auto;display: block;}
img.wimg{width: 100%}
a,a:hover,a:active,a:visited {outline: none; }
button{outline: none;}
a:hover img{opacity: 0.8}
a img{border-style:none;}
table {border-collapse: collapse;border-spacing: 0;}

td, th {padding: 0;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-break: break-word;}

*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.center img{margin-left: auto;margin-right: auto}

/*.loader {position: fixed;width: 100%;height: 100%;background: #fff;z-index: 9999;text-align: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;opacity: 1;}*/

.clearfix:before, .clearfix:after, .container:before, .container:after,.colums:before, .colums:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after
{content: " ";display: table;}

.clearfix:after, .container:after, .colums:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after
{clear: both;}

img.wide_img{width: 100%}

@media screen and (min-width: 991px){
#wrap {position: relative;display: flex}
header {width: 180px;height: 100vh;position: fixed;top: 0; left: 0;z-index: 100;box-shadow: 3px 0px 3px rgba(0,0,0,0.2);}
#contents{width: calc(100% - 180px);margin-left: 180px}
}





/*　***********************
　　　　header
**********************　*/

header #logo{margin: 0}
@media screen and  (min-width: 768px){

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

}


/****************************
   Headerメニュー
****************************/
header #navigation{position: fixed;top:0;opacity: 0; transform: translateX(-100%);transition: .5s ease-in}
header.show #navigation{transform: translateX(0);opacity: 1}
@media screen and  (min-width: 991px){
header #logo{height: calc(100vh - 270px);background: rgba(255,255,255,1.00)}
header #logo{display: flex;align-items: center;justify-content: center}
header #navigation{left: 180px;width: calc(100% - 180px);display: flex;z-index: -1;}
header #head_sub_nav{height: 180px}
	

header #navigation .navi_sub{margin:0;width: 50%;display: flex;justify-content: center;align-items: center;height: 100vh}
header #navigation .navi_sub{background-size: cover;text-align: center;position: relative}
header #navigation .navi_sub:first-of-type{background-image: url("../img/menu_bg1.jpg")}
header #navigation .navi_sub:last-of-type{background-image: url("../img/menu_bg2.jpg")}
header #navigation .navi_sub h3{color: rgba(255,255,255,1.00);font-size: 2.3rem;margin: 0 0 25px }
header #navigation .navi_sub ul,header #navigation .navi_sub h3{position: relative;z-index: 113}
header #navigation .navi_sub ul li a{color: rgba(255,255,255,1.00);font-size: 1.3rem;transition: .2s;display: block}
header #navigation .navi_sub ul:not(.cat_child) li a{margin: .5em 0;}
header #navigation .navi_sub ul.cat_child li a{margin: .2em 0;}
header #navigation .navi_sub ul li a:hover{color: rgba(255,255,255,.8);}
header #navigation .navi_sub ul li:not(:last-of-type){margin-bottom: 1em}
header #navigation .navi_sub::after{position: absolute;content: "";background:rgba(56,56,56,.67);height: 100%;width: 100%;left: 0;top:0;z-index: 112}
header #navigation .navi_sub ul li.insta_sp{display: none;}
}

@media screen and  (max-width: 990px){	
header.is-animation{position: fixed;top:0;left: 0;width: 100%;background: rgba(255,255,255,1.00);z-index: 9999}
header #logo{width: 20%;margin: 10px auto}
header #logo img{margin: auto}
header #navigation{width: 100%;height: 100vh;text-align: center;padding: 20px;display: flex;align-items: center;flex-direction: column;justify-content: center;z-index: 998;background:url("../img/menu_bg1.jpg")}
header #navigation .navi_sub{position: relative;z-index: 113}
header #navigation .navi_sub h3{color: rgba(255,255,255,1.00);font-size: 4.5vw;}
	header #navigation .navi_sub ul li{margin-bottom: .5em}
header #navigation .navi_sub ul li a{color: rgba(255,255,255,1.00);font-size: 3.8vw;margin-bottom: .8em}
header #navigation::after{position: fixed;content: "";background:rgba(56,56,56,.67);height: 100%;width: 100%;left: 0;top:0;z-index: 112}
	
	header #navigation .navi_sub ul li.insta_sp a{}
	header #navigation .navi_sub ul li.insta_sp a > img{width: 25px;margin:15px auto;}
}

header ul.ec-icon_area li a{color: rgba(255,255,255,1.00)}
@media screen and  (min-width: 991px){
header ul.ec-icon_area{display: flex;align-items: center;position: fixed;left: 25%;bottom:180px;transform: translateX(-50%);z-index: 120}	
header ul.ec-icon_area li{margin: 1em;display: flex;align-items: center;margin: 0 1em}
header ul.ec-icon_area li a{font-size: 1.4rem;}
header ul.ec-icon_area li a i{font-size: 1.6rem}
}

@media screen and  (max-width: 990px){	
header ul.ec-icon_area{display: flex;align-items: center;position: relative;z-index: 120}
header ul.ec-icon_area li{margin: 1em;display: flex;align-items: center}
header ul.ec-icon_area li a span{display: none}
header ul.ec-icon_area li a i{font-size: 2rem}
}




/****************************
   triggeメニュー
****************************/
header #head_sub_nav .menu-trigger{background:rgba(114,114,114,1.00);border: none;}
header #head_sub_nav a{display: block;background:rgba(54,54,54,1.00)}
header #head_sub_nav .menu-trigger > span,header #head_sub_nav a{color: rgba(255,255,255,1.00)}
header #head_sub_nav .menu-trigger,header #head_sub_nav a{display: flex;justify-content: center;align-items: center}
@media screen and  (min-width: 991px){
header #head_sub_nav .menu-trigger{position: relative;}
header #head_sub_nav .menu-trigger,header #head_sub_nav a{height: 90px;width: 180px}
header #head_sub_nav .menu-trigger #trigger_icon{margin-right: 12px}
header #head_sub_nav .menu-trigger > span,header #head_sub_nav a{font-size: 1.3rem;}
	header #head_sub_nav > a.insta{flex-direction: column;gap:5px;}
header #head_sub_nav > a.insta{background-color: #FFFFFF;}
	header #head_sub_nav > a.insta > img{width: 40px;}
	header #head_sub_nav > a.insta > img + span{display: block;font-size: 12px;text-align: center;color: #000000;}
}
@media screen and  (max-width: 990px){	
header #head_sub_nav .menu-trigger{position: absolute;top:0;right:0;z-index: 998;}
header #head_sub_nav .menu-trigger{height: 60px;width: 90px}
header #head_sub_nav .menu-trigger #trigger_icon{margin-right: 10px}
header #head_sub_nav a{display: none}
}

header .menu-trigger #trigger_icon{position: relative;width: 30px;height: 21px}
header .menu-trigger #trigger_icon span{left:0;height: 3px;background-color:rgba(152,166,181,1.00);position: absolute;}
header .menu-trigger #trigger_icon span:nth-of-type(1) {top:0px;animation-name: triger1;animation-duration: 3s;animation-iteration-count:infinite}
header .menu-trigger #trigger_icon span:nth-of-type(2) {top:9px;;animation-name: triger2;animation-duration: 3s;animation-iteration-count:infinite}
header .menu-trigger #trigger_icon span:nth-of-type(3) {bottom:0;animation-name: triger3;animation-duration: 3s;animation-iteration-count:infinite}
header .menu-trigger > span{display: block}
.menu-trigger #trigger_icon span {display: inline-block;transition: all .4s;box-sizing: border-box;}

@keyframes triger1 {
    0% {
        width: 10px;
    }
    50% {
        width: 30px;
    }
	100% {
        width: 10px;
    }
}

@keyframes triger2 {
    0% {
        width: 20px;
    }
    50% {
        width: 30px;
    }
    100% {
        width: 20px;
    }
}

@keyframes triger3 {
    0% {
        width: 5px;
    }
    50% {
        width: 19px;
    }
    100% {
        width: 5px;
    }
}


/*　***********************
　　main_contents
**********************　*/
/*#main_contents{margin-left: 80px}*/

/*　***********************
　　HERO
**********************　*/

#hero{position: relative;background-size: cover;background-attachment: fixed;}

#hero p#hero_info{position: absolute;/*display: flex;justify-content: center;*/border: rgba(255,255,255,1.00) solid;}

#hero p{margin: 0;color: rgba(255,255,255,1.00)}
#hero ul{margin: 0}
#hero #hero_news{position:absolute;background: rgba(255,255,255,1.00);z-index: 99}
#hero #hero_news ul li h3{margin: 0}




#contents #hero.about{background-image:url("../img/hero/hero_about.jpg")}
#contents #hero.about .about_info h1,#contents.about #hero .about_info p{color: rgba(255,255,255,1.00)}	
#contents #hero.about .about_info p{margin: 0}
#contents #hero.item{background-image:url("../img/hero/hero_item.jpg")}
#contents #hero.archive{background-image:url("../img/hero/hero_archive.jpg")}
#contents #hero.archive .archive_info{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);z-index: 2}
#contents #hero.archive .archive_info  h1{margin: 0;text-align: left;padding-right: 1em}
#contents #hero.archive .archive_info span{display: block;text-align: right}
#contents #hero.archive .archive_info  h1,#contents.archive #hero .archive_info  span{color: rgba(255,255,255,1.00)}
@media screen and (min-width: 991px){
/*#contents.front #hero video{height: 100vh}*/
#contents.front #hero{overflow: hidden}
}	
@media screen and (max-width: 990px){
#contents.front #hero video{display: none}
#contents.front #hero{background-image:url("../img/hero_top.jpg");}
}	
@media screen and (min-width: 813px){

#hero p#hero_info{/*-webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
-webkit-riting-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  -ms-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 1;
  -moz-column-gap: 1;
  -ms-column-gap: 1;
  column-gap: 1;
  display: inline-block;
	text-align: left;*/
	text-align: center;
	padding: 20px
 }
 }

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

#hero p#hero_info{/*-webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
-webkit-riting-mode: vertical-rl;
  writing-mode: vertical-rl;
  -webkit-column-count: 1;
  -moz-column-count: 1;
  -ms-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 1;
  -moz-column-gap: 1;
  -ms-column-gap: 1;
  column-gap: 1;
  display: inline-block;
	text-align: left;*/
	padding: 20px
 }
/*safali*/
_::-webkit-full-page-media, _:future, :root 
#hero p#hero_info{transform: translateX(-5em);}
 }


@media screen and (min-width: 991px){
#contents.front #hero{height: 100vh;}
#contents.low #hero{height:calc(100vh - 180px) }
#contents #hero.about .about_info{position: absolute;top:50%;left: 155px;transform: translateY(-50%);z-index: 2}
#contents #hero.about .about_info h1{margin: 0 0 56px;font-size: 3.9rem;line-height: 1.5em}	
#contents #hero.item .item_info{position: absolute;top:50%;left: 25%;transform: translate(-50%,-50%);z-index: 2}
#contents #hero.item .item_info h1{font-size: 2.7rem;line-height: 1.5em}	

#contents #hero.about::after{position: absolute;content: "";width: 100%;height: 100%;background:rgba(0,0,0,.54);z-index: 1 }
#contents #hero.archive .archive_info  h1{font-size: 2.7rem}
#contents #hero.archive .archive_info span{font-size: 1rem}
	
	
#hero p#hero_info{top:50%;transform: translateY(-50%);right:15%; }

	
#hero p#hero_info{font-size: 2.2rem}


#hero #hero_news{bottom:60px;right:60px;width: 46%;padding: 24px 34px}
#hero #hero_news ul li{display: flex;align-items: center}
#hero #hero_news ul li span,#hero #hero_news ul li h3{font-size:1.2rem}
#hero #hero_news ul li span{width: 10em}
#hero #hero_news ul li h3{width: calc(100% - 5em)}
}
@media screen and (max-width: 990px){
#contents #hero{height: calc(100vh - 80px)}
#contents #hero.about .about_info{position: absolute;top:50%;left: 10px;transform: translateY(-50%);z-index: 2;padding: 20px 0}
#contents #hero.about .about_info h1{margin: 0 0 1em;line-height: 1.5em}	
#contents #hero.item .item_info{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 2}
#contents #hero.item .item_info h1{line-height: 1.5em;text-align: center}	
#contents #hero.archive .archive_info span{font-size: 2vw}
#hero p#hero_info{top:10%;left:50%;text-align: center;transform: translateX(-50%);}

#hero p#hero_info{font-size: 3.8vw; }

}


@media screen and (max-width: 767px){
#hero #hero_news{bottom:30px;left:50%;width: 90%;padding: 1.5em;transform: translateX(-50%)}
#hero #hero_news ul li span,#hero #hero_news ul li h3{font-size:2.8vw}
#hero #hero_news ul li span{width: 100%;margin-bottom: 1em;display: block}
#hero #hero_news ul li h3{width: 100%}
}

@media screen and (min-width: 768px) and (max-width: 990px){
#hero #hero_news{bottom:30px;left:50%;width: 80%;padding: 1.5em;transform: translateX(-50%)}
#hero #hero_news ul li span,#hero #hero_news ul li h3{font-size:1.4rem}
#hero #hero_news ul li span{width: 100%;margin-bottom: 1em;display: block}
#hero #hero_news ul li h3{width: 100%}
}



/*　***********************
　　　　contents
**********************　*/
#wrap{overflow: hidden}


@media screen and (max-width: 767px){
#contents{position: relative;padding: 0}
}

#contents.front #contents_main{background-image:url("../img/front_bg.jpg");box-shadow:2px 0 5px 0 rgba(204,204,204,1.00)  inset;}


/*　***********************
　　　　container
**********************　*/



@media screen and  (min-width: 1200px){
.container{padding-left:120px;padding-right: 120px }
}

@media screen and (min-width: 992px) and (max-width: 1199px){
.container{padding-left:60px;padding-right: 60px }
}

@media screen and (min-width: 768px) and (max-width: 991px){
.container{padding-left:30px;padding-right: 30px }
}

@media screen and (max-width: 767px){
.container{padding-right: 20px;padding-left: 20px;}
}

.colums{display: -webkit-flex; /* Safari */display: flex; -webkit-flex-wrap: wrap; /* Safari */flex-wrap: wrap;}

/*　***********************
　　グリッドシステム
**********************　*/
.grid_list_item{display: flex;flex-wrap: wrap}
.grid_list{display: flex;;flex-wrap: wrap}


@media screen and (min-width: 991px){
.grid_list .col_half{width: 50%}
}
@media screen and (max-width: 990px){
.grid_list .col_half{width: 100%}
}

@media screen and (min-width: 768px){
.grid_list .col_third{width:calc( (100% - 92px ) / 3 ) }
.grid_list .col_third:nth-of-type(3n-1){margin: 0 46px}
	

	
.grid_list_item .col_fifth{width:calc( (100% - 88px ) / 5 ) }
.grid_list_item .col_fifth:not(:nth-of-type(5n)){margin-right: 22px}
.item_section .grid_list_item .col_fifth{margin-bottom:84px }
}
@media screen and (max-width: 767px){
.grid_list .col_third{width:calc( (100% - 46px ) / 2 ) }
.grid_list .col_third:nth-of-type(2n){margin-left: 46px}
.grid_list .col_third{margin-bottom: 30px;}
	

	
.grid_list_item .col_fifth{margin-bottom: 30px;}
.grid_list_item .col_fifth{width:calc( (100% - 22px ) / 2 ) }
.grid_list_item .col_fifth:nth-of-type(2n){margin-left: 22px}
.item_section .grid_list_item .col_fifth{margin-bottom:40px }
}

/****************************
   FOOTER
****************************/
footer{width: 100%;background:rgba(54,54,54,1.00) }

footer ul li{margin: 0 .5em}
footer ul li a{color: rgba(255,255,255,1.00);font-size: 1.2rem}
footer ul li a > img{width: 15px;}
footer ul.ec-footerNavi{margin:0 0 30px; }
footer #copyright{font-size: 1.2rem;margin-top: 30px;color: rgba(255,255,255,1.00);text-align: center}
footer #copyright a{color: rgba(255,255,255,1.00); }

@media screen and (min-width: 768px){
footer{padding:118px 0 }	
footer #copyright{font-size: 1.2rem}
footer ul{display: flex;justify-content: center;margin: 0}
}

@media screen and (max-width: 767px){
	footer ul:not(.ec-footerNavi){display: flex;justify-content: center;margin: 0}
	footer{padding:50px 0 }	
	footer ul.ec-footerNavi{text-align: center;}
	footer ul.ec-footerNavi li{margin: 1em 0}
}


/*****************************
 pagetop
****************************/

#page_scroll{    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;z-index: 777}


/*　***********************
　　その他設定
**********************　*/


/*margin*/

.mgt_0{margin-top: 0}
.mgt_10{margin-top: 10px;}
.mgt_20{margin-top: 20px;}
.mgt_30{margin-top: 30px;}
.mgt_40{margin-top: 40px;}
.mgt_50{margin-top: 50px;}
.mgt_60{margin-top: 60px;}
.mgt_70{margin-top: 70px;}
.mgt_80{margin-top: 80px;}
.mgt_90{margin-top: 90px;}
.mgt_100{margin-top: 100px;}
.mgt_110{margin-top: 110px;}
.mgt_120{margin-top: 120px;}
.mgt_130{margin-top: 130px;}
.mgt_140{margin-top: 140px;}
.mgt_150{margin-top: 150px;}
.mgt_1em{margin-top: 1em;}
.mgt_2em{margin-top: 2em;}
.mgt_3em{margin-top: 3em;}
.mgt_4em{margin-top: 4em;}
.mgt_5em{margin-top: 5em;}
.mgt_6em{margin-top: 6em;}
.mgt_7em{margin-top: 7em;}
.mgt_8em{margin-top: 8em;}

.mgb_0{margin-bottom: 0;}
.mgb_10{margin-bottom: 10px;}
.mgb_20{margin-bottom: 20px;}
.mgb_30{margin-bottom: 30px;}
.mgb_40{margin-bottom: 40px;}
.mgb_50{margin-bottom: 50px;}
.mgb_60{margin-bottom: 60px;}
.mgb_70{margin-bottom: 70px;}
.mgb_80{margin-bottom: 80px;}
.mgb_90{margin-bottom: 90px;}
.mgb_100{margin-bottom: 100px;}
.mgb_110{margin-bottom: 110px;}
.mgb_120{margin-bottom: 120px;}
.mgb_130{margin-bottom: 130px;}
.mgb_140{margin-bottom: 140px;}
.mgb_150{margin-bottom: 150px;}
.mgb_1em{margin-bottom: 1em;}
.mgb_2em{margin-bottom: 2em;}
.mgb_3em{margin-bottom: 3em;}
.mgb_4em{margin-bottom: 4em;}
.mgb_5em{margin-bottom: 5em;}
.mgb_6em{margin-bottom: 6em;}
.mgb_7em{margin-bottom: 7em;}
.mgb_8em{margin-bottom: 8em;}

/*padding*/
.pdt_10{padding-top: 10px;}
.pdt_20{padding-top: 20px;}
.pdt_30{padding-top: 30px;}
.pdt_40{padding-top: 40px;}
.pdt_50{padding-top: 50px;}
.pdt_60{padding-top: 60px;}
.pdt_70{padding-top: 70px;}
.pdt_80{padding-top: 80px;}
.pdt_90{padding-top: 90px;}
.pdt_100{padding-top: 100px;}
.pdt_110{padding-top: 110px;}
.pdt_120{padding-top: 120px;}
.pdt_130{padding-top: 130px;}
.pdt_140{padding-top: 140px;}
.pdt_150{padding-top: 150px;}
.pdt_1em{padding-top: 1em;}
.pdt_2em{padding-top: 2em;}
.pdt_3em{padding-top: 3em;}
.pdt_4em{padding-top: 4em;}
.pdt_5em{padding-top: 5em;}
.pdt_6em{padding-top: 6em;}

.pdb_0{padding-bottom: 0 !important;}
.pdb_10{padding-bottom: 10px;}
.pdb_20{padding-bottom: 20px;}
.pdb_30{padding-bottom: 30px;}
.pdb_40{padding-bottom: 40px;}
.pdb_50{padding-bottom: 50px;}
.pdb_60{padding-bottom: 60px;}
.pdb_70{padding-bottom: 70px;}
.pdb_80{padding-bottom: 80px;}
.pdb_90{padding-bottom: 90px;}
.pdb_100{padding-bottom: 100px;}
.pdb_110{padding-bottom: 110px;}
.pdb_120{padding-bottom: 120px;}
.pdb_130{padding-bottom: 130px;}
.pdb_140{padding-bottom: 140px;}
.pdb_150{padding-bottom: 150px;}
.pdb_1em{padding-bottom: 1em !important;}
.pdb_2em{padding-bottom: 2em !important;}
.pdb_3em{padding-bottom: 3em !important;}
.pdb_4em{padding-bottom: 4em !important;}
.pdb_5em{padding-bottom: 5em !important;}
.pdb_6em{padding-bottom: 6em !important;}

/*text-align*/
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}

/*image*/
.image-left {
	float: left;
	margin: 0px 40px 0px 0;
}
.image-right {
	float:right;
	margin: 0px 0 0px 40px;
}
.image-center {
	margin: 5px auto 0 10%!important;
}



/*loader*/
#loading{position: absolute;left: 0;right: 0;margin: auto;width: 100%;height: 100%;top: 45%;}
#loading img{margin: auto}
#loader-bg {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: #FFF;z-index: 20;}

/*responsive*/
@media all and (min-width:768px){
.spv{display: none}
}
@media all and (max-width:767px){
.pcv{display: none}
}

.slick-track .slick-track{display: none}

.ec-bred{margin: 0 1em;}
.ec-bred span{display: inline-block;margin: 0 .5em}

/*sp_nav*/
.sp_nav{display: none;position: fixed;width: 100%;left:0;bottom: 0;z-index: 200;}
@media screen and (max-width: 767px){
	footer{padding-bottom: 120px;}
	.sp_nav{display: block;}
	.sp_nav ul{display: flex;position: relative;height: 78px;background-color: #000000;}
	.sp_nav ul li{width: 50%;}
	.sp_nav ul li a{height: 78px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
	.sp_nav ul li a > img{width: 42px;}
	.sp_nav ul li a > span{display: block;font-size: 12px;color: #FFFFFF;font-weight: 600;margin-top: 5px;}
	.sp_nav ul::after{content: "";display: block;position: absolute;width: 1px;height: 50px;background-color: #FFFFFF;top:50%;left:50%;transform: translate(-50% , -50%);}
}