/*------ header ------*/
#header-wrapper {
  width: 100%;
  height: 90px;
  background: #ffffff;
  display: block;
  left: 0;
  top: 0;
  z-index: 1000;
  position: fixed;
  font-size: 14px;
}
#header-wrapper::after {
  content: "";
  width: 100%;
  height: 4px;
  display: block;
  background: #FFFFFF;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 90px;
  z-index: 1000;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
}
#header-wrapper > * {
  z-index: 1000;
}
#header-wrapper .header-logo {
  width: 180px;
  height: 50px;
  position: absolute;
  left: 50px;
  top: 20px;
  z-index: 1001;
}


#header-wrapper #lang {
  width: 90px;
  height: 50px;
  position: absolute;
  right: 50px;
  top: 20px;
  z-index: 1001;
	text-align: center;
}
.language{
   line-height: 2em;
	color: #696969;
	text-align: center;
	font-size: 95%;
}

#lang  ul{
   width: auto;
	width: 85px;
	font-size: 90%;
}

#lang  li{
	width: 40px;
	text-align: center;
   display: inline-block;
	    float: left;
	border: solid 1px #696969
}
#lang li a:hover{
	color: #FFFFFF
}

#lang li:hover{
	background: #C5C5C5;
		color: #FFFFFF
}




@media screen and (max-width: 1330px) {
#header-wrapper #lang {
  right: 13%;
  top: 70px;
}	
}		
	
	

#header-wrapper .header-logo svg {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1330px) {
  .drawer #header-wrapper {
   left: 0;
  }
  .drawer #header-wrapper::after {
    top: 60px;
  }
  .drawer #page {
    position: absolute;
    top: 60px;
    left: 0;
  }
  #header-wrapper::after {
    top: 60px;
  }
}
#header-wrapper #globalNav > ul { /*------ メニュー箇所中央揃え（大画面用）------*/
  display: block;
  width: 1050px;
  padding-top: 15px;
  padding-left: 60px;
  margin: 0 auto;
}

#header-wrapper #globalNav > ul > li {
  display: inline-block;
  height: 80px;
  min-width: 120px;
  margin-right: 10px;
  text-align: center;
}
#header-wrapper #globalNav > ul > li:last-child {
  margin-right: 0;
}
#header-wrapper #globalNav > ul > li a {
  position: relative;
  z-index: 11;
}
#header-wrapper #globalNav > ul > li.nav-eyes > a {
  background: url(../img/common/icon_eyes.png) #fff no-repeat center 8px;
  background-size: 18%;
}
#header-wrapper #globalNav > ul > li.nav-about > a {
  background: url(../img/common/icon_about.png) #fff no-repeat center 8px;
  background-size: 18%;
}
#header-wrapper #globalNav > ul > li.nav-prearents > a {
  background: url(../img/common/icon_prearents.png) #fff no-repeat center 8px;
  background-size: 18%;
}
#header-wrapper #globalNav > ul > li.nav-jyosei > a {
  background: url(../img/common/icon_jyosei.png) #fff no-repeat center 8px;
  background-size: 18%;
}
#header-wrapper #globalNav > ul > li.nav-lineup > a {
  background: url(../img/common/icon_lineup.png) #fff no-repeat center 8px;
  background-size: 18%;
}
#header-wrapper #globalNav > ul > li.nav-shoplist > a {
  background: url("../img/common/icon_shop-list.png") #fff no-repeat center 8px;
  background-size: 18%;
}
#header-wrapper #globalNav > ul > li.nav-contact > a {
  background: url(../img/common/icon_contact.png) #fff no-repeat center 8px;
  background-size: 18%;
}
#header-wrapper #globalNav > ul > li > a {
  display: block;
  padding: 40px 10px 0;
}
#header-wrapper #globalNav > ul > li > a span {
  font-weight: 500;
}
@media screen and (max-width: 1330px) {
  #header-wrapper #globalNav > ul {
    display: block;
    width: 960px;
    margin: 0 auto;
    padding-top: 15px;
  }
  #header-wrapper #globalNav > ul > li {
    margin-right: 10px;
  }
  #header-wrapper #globalNav > ul > li > a {
    display: block;
    padding: 25px 10px 0;
	  height: 80px
  }
  #header-wrapper #globalNav > ul > li > a span {
    font-weight: 500;
  }
}
@media screen and (max-width: 1330px){ /*------ メニュー箇所右寄り（小画面）------*/
  #header-wrapper #globalNav > ul {
    display: block;
    width: 830px;
    padding-top: 15px;
    float: right;
  }
  #header-wrapper #globalNav > ul > li {
    margin-right: 10px;
  }
  #header-wrapper #globalNav > ul > li > a {
    display: block;
    padding: 35px 0 0;
  }
  #header-wrapper #globalNav > ul > li > a span {
    font-weight: 500;
  }
  #header-wrapper #globalNav ul li ul li {}
  #header-wrapper #globalNav > ul > li.nav-eyes > a {
    background: url(../img/common/icon_eyes.png) #fff no-repeat center 8px;
    background-size: 20%;
	  background-position: top
  }
  #header-wrapper #globalNav > ul > li.nav-about > a {
    background: url(../img/common/icon_about.png) #fff no-repeat center 8px;
    background-size: 20%;
  }
  #header-wrapper #globalNav > ul > li.nav-prearents > a {
    background: url(../img/common/icon_prearents.png) #fff no-repeat center 8px;
    background-size: 20%;
  }
  #header-wrapper #globalNav > ul > li.nav-jyosei > a {
    background: url(../img/common/icon_jyosei.png) #fff no-repeat center 8px;
    background-size: 20%;
  }
  #header-wrapper #globalNav > ul > li.nav-lineup > a {
    background: url(../img/common/icon_lineup.png) #fff no-repeat center 8px;
    background-size: 20%;
  }
  #header-wrapper #globalNav > ul > li.nav-contact > a {
    background: url(../img/common/icon_contact.png) #fff no-repeat center 8px;
    background-size: 20%;
  }
	  #header-wrapper #globalNav > ul > li.nav-shoplist > a {
    background: url("../img/common/icon_shop-list.png") #fff no-repeat center 8px;
    background-size: 20%;
  }
}
/*navカレント表示*/
.template #header-wrapper #globalNav ul li.nav-eyes ul {
  height: 50px;
  -webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  z-index: 0;
}
.about #header-wrapper #globalNav ul li.nav-eyes ul {
  height: 50px;
  -webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  z-index: 0;
}
.kyouiku #header-wrapper #globalNav ul li.nav-about ul {
  height: 50px;
  -webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  z-index: 0;
}
.annai #header-wrapper #globalNav ul li.nav-prearents ul {
  height: 50px;
  -webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  z-index: 0;
}
.shien #header-wrapper #globalNav ul li.nav-jyosei ul {
  height: 50px;
  -webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  z-index: 0;
}
.shien #header-wrapper #globalNav ul li.nav-lineup ul {
  height: 50px;
  -webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  z-index: 0;
}
.soudan #header-wrapper #globalNav ul li.nav-contact ul {
  height: 50px;
  -webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  z-index: 0;
}
/*遷移中*/
body.transition #header-wrapper #globalNav ul li ul, body.transition.template #header-wrapper #globalNav ul li.nav-eyes ul, body.transition.about #header-wrapper #globalNav ul li.nav-eyes ul, body.transition.kyouiku #header-wrapper #globalNav ul li.nav-about ul, body.transition.annai #header-wrapper #globalNav ul li.nav-prearents ul, body.transition.shien #header-wrapper #globalNav ul li.nav-jyosei ul, body.transition.soudan #header-wrapper #globalNav ul li.nav-contact ul {
  height: 0 !important;
  -webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1);
  transition: all .3s cubic-bezier(0, 0, 0.2, 1);
}
/*subnav*/
#header-wrapper #globalNav ul li ul {
  display: block;
  width: 100%;
  height: 0px;
  position: absolute;
  left: 0;
  top: 90px;
  background: #666;
  overflow: hidden;
  -webkit-transition: all .3s 0.3s;
  transition: all .3s linear 0.3s;
  z-index: 1;
}
#header-wrapper #globalNav ul li ul li {
  display: inline-block;
}
#header-wrapper #globalNav ul li ul li a {
  color: #ffffff;
  display: block;
  line-height: 50px;
  padding: 0 15px;
}
@media screen and (min-width: 1330px) {
  #header-wrapper #globalNav ul li:hover ul {
    height: 50px;
    z-index: 10;
    -webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1);
    transition: all .3s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  }
  #header-wrapper #globalNav ul li > a span {
    transition: all ease 0.1s;
  }
  #header-wrapper #globalNav ul li:hover > a {
    background-size: 32px;
    background-position: center 6px;
  }
  #header-wrapper #globalNav ul li.nav-eyes:hover > a span {
    color: #4f8a4a;
  }
  #header-wrapper #globalNav ul li.nav-about:hover > a span {
    color: #3B3B8B;
  }
  #header-wrapper #globalNav ul li.nav-prearents:hover > a span {
    color: #e6062f;
  }
  #header-wrapper #globalNav ul li.nav-jyosei:hover > a span {
    color: #eeba00;
  }
  #header-wrapper #globalNav ul li.nav-lineup:hover > a span {
    color: #e6062f;
  }
  #header-wrapper #globalNav ul li.nav-contact:hover > a span {
    color: #3b3b8b;
  }
  #header-wrapper #globalNav ul li ul li a span {
    position: relative;
    padding: 0 10px;
  }
  #header-wrapper #globalNav ul li ul li a span::after { /*オンマウス　下線*/
    content: "";
    width: 0;
    height: 1px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -5px;
    background: #FFF;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.3s ease-in;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #header-wrapper #globalNav ul li ul li a:hover span::after {
    content: "";
    width: 110%;
  }
}


#header-wrapper #globalNav > ul > li.nav-eyes ul, .green {
  background: -moz-linear-gradient(left, #4f8a4a, #6fc3a7);
  background: -webkit-linear-gradient(left, #4f8a4a, #6fc3a7);
  background: linear-gradient(to right, #4f8a4a, #6fc3a7);
}
#header-wrapper #globalNav > ul > li.nav-about ul, .blue {
  background: -moz-linear-gradient(left, #3B3B8B, #0078c5);
  background: -webkit-linear-gradient(left, #3B3B8B, #0078c5);
  background: linear-gradient(to right, #3B3B8B, #0078c5);
}
#header-wrapper #globalNav > ul > li.nav-prearents ul, #header-wrapper #globalNav > ul > li.nav-lineup ul, .red {
  background: -moz-linear-gradient(left, #e6062f, #eb5a34);
  background: -webkit-linear-gradient(left, #e6062f, #eb5a34);
  background: linear-gradient(to right, #e6062f, #eb5a34);
}
#header-wrapper #globalNav > ul > li.nav-jyosei ul, .yellow {
  background: -moz-linear-gradient(left, #eeba00, #ffd700);
  background: -webkit-linear-gradient(left, #eeba00, #ffd700);
  background: linear-gradient(to right, #eeba00, #ffd700);
}
#header-wrapper #globalNav > ul > li.nav-about ul, .gold {
  background: -moz-linear-gradient(left, #3B3B8B, #3B3B8B);
  background: -webkit-linear-gradient(left, #3B3B8B, #3B3B8B);
  background: linear-gradient(to right, #3B3B8B, #3B3B8B);
}
#header-wrapper #globalNav > ul > li.nav-contact ul {
  background: -moz-linear-gradient(left, #3b3b8b, #0078c5);
  background: -webkit-linear-gradient(left, #3b3b8b, #0078c5);
  background: linear-gradient(to right, #3b3b8b, #0078c5);
}
.btn.color-etc {
  background: -moz-linear-gradient(left, #333333, #111111);
  background: -webkit-linear-gradient(left, #333333, #111111);
  background: linear-gradient(to right, #333333, #111111);
}
.btn.color-contact {
  background: -moz-linear-gradient(left, #FFBD8A, #EA5150, #FFBD8A, #EA5150, #FFBD8A);
  background: -webkit-linear-gradient(left, #FFBD8A, #EA5150, #FFBD8A, #EA5150, #FFBD8A);
  background: linear-gradient(to right, #FFBD8A, #EA5150, #FFBD8A, #EA5150, #FFBD8A);
  background-size: 400%;
}
.btn.color-contact:hover, a:hover .btn.color-contact {
  animation: grahover 5s linear infinite;
}
#header-wrapper #globalNav a:hover {
  text-decoration: none;
}



@media screen and (max-width: 1330px) { /*------ スマホ　ロゴの箇所------*/
  #header-wrapper {
	    position: relative;
    top: -2px;
	  margin-bottom: -95px;
  }
  #header-wrapper #globalNav { /*------ スマホ　ドロップダウン 背景------*/
    width: 50%;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #FFF;
    margin-top: 80px;
	  
  }
  #header-wrapper #globalNav ul {
    display: block;
    padding-top: 0;
    margin-bottom: 20px;
    width: 100%;
  }
	
	
	  #header-wrapper #globalNav {
    padding-top: 60px;
  }
	

	
  #header-wrapper #globalNav ul li {
    width: auto;
    display: block;
    border-bottom: 1px solid #ccc;
    height: auto;
    margin-right: 0;
  }
  #header-wrapper #globalNav ul li a {
    padding: 65px 5px 40px 5px;
  }
  #header-wrapper #globalNav.open {
    display: block;
  }
  #header-wrapper #globalNav ul li ul {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    left: inherit;
    top: inherit;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
  }
  #header-wrapper #globalNav ul li ul li {
    display: block;
    border-bottom: 1px solid #fff;
  }
  #header-wrapper #globalNav ul li ul li:last-child {
    border-bottom: none;
  }
  #header-wrapper #globalNav ul li ul li a {
    color: #FFFFFF;
    display: block;
    line-height: 1em;
    padding: 15px 10px;
  }
  .template #header-wrapper #globalNav ul li.nav-eyes ul, .about #header-wrapper #globalNav ul li.nav-eyes ul, .kyouiku #header-wrapper #globalNav ul li.nav-about ul, .annai #header-wrapper #globalNav ul li.nav-prearents ul, .shien #header-wrapper #globalNav ul li.nav-jyosei ul, .soudan #header-wrapper #globalNav ul li.nav-contact ul {
    height: auto;
  }
  #header-wrapper #globalNav > ul > li.nav-eyes > a {
    background: url(../img/common/icon_eyes.png) #fff no-repeat center 8px;
    background-size: 5%;
  }
  #header-wrapper #globalNav > ul > li.nav-about > a {
    background: url(../img/common/icon_about.png) #fff no-repeat center 8px;
    background-size: 5%;
  }
  #header-wrapper #globalNav > ul > li.nav-prearents > a {
    background: url(../img/common/icon_prearents.png) #fff no-repeat center 8px;
    background-size: 5%;
  }
  #header-wrapper #globalNav > ul > li.nav-jyosei > a {
    background: url(../img/common/icon_jyosei.png) #fff no-repeat center 8px;
    background-size: 5%;
  }
  #header-wrapper #globalNav > ul > li.nav-lineup > a {
    background: url(../img/common/icon_lineup.png) #fff no-repeat center 8px;
    background-size: 5%;
  }
  #header-wrapper #globalNav > ul > li.nav-contact > a {
    background: url(../img/common/icon_contact.png) #fff no-repeat center 8px;
    background-size: 5%;
  }
	  #header-wrapper #globalNav > ul > li.nav-shoplist > a {
    background: url("../img/common/icon_shop-list.png") #fff no-repeat center 8px;
    background-size: 5%;
  }
}


@media screen and (max-width: 480px) { 
	  #header-wrapper #globalNav ul li a {
    padding: 45px 5px 20px 5px;
  }
	}	
	
	
	
@media screen and (max-width: 480px) { /*------ スマホ　アイコンサイズ指定------*/

	
  #header-wrapper #globalNav > ul > li.nav-eyes > a {
    background: url(../img/common/icon_eyes.png) #fff no-repeat center 8px;
    background-size: 8%;
  }
  #header-wrapper #globalNav > ul > li.nav-about > a {
    background: url(../img/common/icon_about.png) #fff no-repeat center 8px;
    background-size: 8%;
  }
  #header-wrapper #globalNav > ul > li.nav-prearents > a {
    background: url(../img/common/icon_prearents.png) #fff no-repeat center 8px;
    background-size: 8%;
  }
  #header-wrapper #globalNav > ul > li.nav-jyosei > a {
    background: url(../img/common/icon_jyosei.png) #fff no-repeat center 8px;
    background-size: 8%;
  }
  #header-wrapper #globalNav > ul > li.nav-lineup > a {
    background: url(../img/common/icon_lineup.png) #fff no-repeat center 8px;
    background-size: 8%;
  }
  #header-wrapper #globalNav > ul > li.nav-contact > a {
    background: url(../img/common/icon_contact.png) #fff no-repeat center 8px;
    background-size: 8%;
  }
	  #header-wrapper #globalNav > ul > li.nav-shoplist > a {
    background: url(../img/common/icon_shop-list.png) #fff no-repeat center 8px;
    background-size: 8%;
  }
}
/* drower ////////////////////////////////////////////////////////////////////////////////////////////*/
#infoNav ul li {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
}
#infoNav ul li:first-child {
  width: 2em;
  text-align: center;
  font-weight: bold;
  padding: 0 0 0 0;
}
#infoNav ul li:first-child a {
  line-height: 1.2em;
  padding: 40px 0.5em 20px;
}
#infoNav ul li:first-child a:hover {
  text-decoration: none;
}
#infoNav ul li a {
  display: block;
  line-height: 0;
  padding: 5px 0;
}
#infoNav ul li #newsIcon {
  position: absolute;
  left: 0;
  top: 10px;
}
#header-wrapper #globalNav .btn.color-contact {
  width: 200px;
  position: absolute;
  right: 50px;
  top: 35px;
  padding: 0;
  line-height: 50px;
}
@media screen and (min-width: 1330px) {
  #drowerWrap {
    position: relative;
  }
  #header-wrapper .telwrap {
    display: none;
  }
  /*pcのみ*/
}
@media screen and (max-width: 1330px) {
  #header-wrapper .header-logo {
    width: 150px;
    height: 45px;
    position: absolute;
    left: 20px;
    top: 30px;
    z-index: 1001;
    text-align: left;
  }
  #header-wrapper .header-logo img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1330px){
  #header-wrapper .header-logo {
    top: 20px;
    left: 20px;
    z-index: 1001;
    text-align: left;
  }
}
@media screen and (max-width: 1330px) {
  #header-wrapper .header-logo {
    width: 100px;
    height: 30px;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1001;
    text-align: left;
  }
  #header-wrapper .header-logo img {
    height: 30px;
    width: auto;
  }
  #drowerWrap {
    width: 130%;
	  margin-left: -15%;
    height: auto;
    overflow: auto;
    display: none;
    background: #fff;
    position: relative;
  }
  #drowerWrap:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #FFF;
    opacity: 1;
    z-index: 0;
  }
  #drowerWrap #globalNav {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 20px;
    left: inherit;
    top: inherit;
    -webkit-transform: none;
    transform: none;
    z-index: 10;
    padding-right: 80px;
  }
  #drowerWrap #globalNav .nav-list {
    display: block;
    text-align: center;
    margin-bottom: 50px;
  }
  #drowerWrap #globalNav .nav-list li {
    display: inline-block;
    text-align: left;
    margin-right: 78px;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  #drowerWrap #globalNav .nav-list li:last-child {
    margin-right: 0;
	  margin-bottom: 400px;
	  background: #00000 
  }
	.nav-contact {
	  margin-bottom: 400px;
 
  }
  #drowerWrap #globalNav .nav-list li a {
    display: block;
  }
  body.drawer #drowerWrap {
    display: block;
  }
	

	
}
/* ------------  モバイル ハンバーガー   ------------*/
@media screen and (min-width: 1330px) {
  /*pcのみ*/
  #btn_gNavi {
    display: none;
  }
}
@media screen and (max-width: 1330px) {
  .btn_humberger:before, .btn_humberger:after { /* menuの横棒ボタン*/
    content: '';
    width: 30px;
    height: 2px;
    display: block;
    left: 15px;
    position: absolute;
    margin: auto;
    -ms-transform-origin: center center;
    -webkit-transform-origin: center center;
    background: url(../img/common/drower_line.svg) no-repeat right;
    background-size: 40px;
    transform-origin: center center;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  .btn_humberger span { /* menuの消すボタン*/
    width: 30px;
    height: 2px;
    background: url(../img/common/drower_line.svg) no-repeat right;
    background-size: 40px;
    position: absolute;
    left: 15px;
    top: 49%;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
	
  }
  .btn_humberger:before {
    top: 20px;
  }
  .btn_humberger:after {
    top: 39px;
  }
  #btn_gNavi { /* ----- ボタン　 -----*/
    position: fixed;
    right: 50px;
    top: 50px;
    width: 94px;
    height: 94px;
    display: block;
    background: #FFFFFF;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 11;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  body.drawer.ready #btn_gNavi {
    background: #000000;
  }
  body.drawer .btn_humberger:before, body.drawer .btn_humberger:after {
    background: url(../img/common/drower_line_white.svg) no-repeat right;
    background-size: 40px;
    top: 31px;
    left: 15px;
    background: #000000;
  }
  body.drawer .btn_humberger:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: none;
  }
  body.drawer .btn_humberger:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  body.drawer .btn_humberger span {
    opacity: 0;
  }
  #btn_gNavi {
    position: absolute;
    box-sizing: border-box;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    display: block;
    background: #FFFFFF;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 10000;
  }
}
.telwrap {
  text-align: center;
}

/* ----- スマホメニュー固定様追加　 -----*/
@media screen and (max-width: 1330px) {
  /* メニューボタンを固定する */
  #btn_gNavi {
    position: fixed;
    display: flex;
	   background: none
  }


  /* メニュー自体を初期は非表示にし、クリックで表示 */
  #drowerWrap {
    display: none; /* 初期は非表示 */
    position: fixed;
    background: #FFF;
    z-index: 9999;
	  height: 100%;
    transition: all 0.3s ease;
  }

  #drowerWrap.open {
    display: block; /* ボタンクリックで表示される */
  }

  /* メニュー表示時のXマークアニメーション */
  body.drawer .btn_humberger span {
    background: transparent;
  }

  body.drawer .btn_humberger:before {
    transform: rotate(45deg);
  }

  body.drawer .btn_humberger:after {
    transform: rotate(-45deg);
  }
}

/* フッター lang */
#lang-footer{
	width: 90px;
	float: right;
		text-align: center;
}

.lang-text-footer{
	margin-top: 50px;
   color: #656565;
	text-align: center;
	padding-right: 8px;
}



#lang-footer  ul{
   width: auto;
	width: 86px;
	font-size: 90%;
}

#lang-footer  li{
	width: 42px;
	text-align: center;
   display: inline-block;
	    float: left;
	border: solid 1px #656565;
}
#lang-footer li a{
	color: #656565
}
#lang-footer li a:hover{
	color: #FFFFFF
}

#lang-footer li:hover{
	background: #C5C5C5;
		color: #FFFFFF
}