@charset "utf-8";
/* RESET
----------------------------------------------------------------------------------------------------*/

header,nav{
  display:block;
  /* font-size : 14px;
  */  -webkit-text-size-adjust : 100%;
  -moz-text-size-adjust: 100% !important;
  -ms-text-size-adjust: 100% !important;
  -o-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}
ol,ul{
  list-style:none;
}
/* ----------------------------------------------

 * アンカータグの設定

---------------------------------------------- */
a,a:hover,a:hover img{
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
}
a:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
/* ----------------------------------------------

 * 要素を左右中央寄せ

---------------------------------------------- */

.taC{
  text-align: center !important;
}
.taR{
  text-align: right !important;
}
.taL{
  text-align: left !important;
}
*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
*behavior:url(/scripts/boxsizing.htc)
}
.clr::after,.col::after,.container::after,.group::after,.row::after{
  content:"";
  display:table;
  clear:both;
}
@media (min-width:769px),print{
  }
@media(max-width:768px){
  }
/* ---------------------------------------------------------------------------------------------

　   HEADER

--------------------------------------------------------------------------------------------- */

#header{
  z-index: 99;
  width : 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-repeat : repeat;
  background-image : linear-gradient(white, rgba(255, 255, 255, 0.4));
  right : 0%;
  padding-right : 30px;
}
#gNav a:hover{
  color : #e7316e;
}
nav .sub-menu,.mean-container .mean-nav ul ul{
  background-attachment : scroll;
  background-position : 0% 0%;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
  font-weight : normal;
  background-color : rgba(255, 255, 255, 0.8);
}
@media only screen and ( max-width : 768px ) {
  .h_logo{
  z-index: 100;
}
#gNav .nav{
  overflow-y: auto;
  height: 100vh;
}
.mean-nav .container{
  padding : 0px;
}
nav li .{
  display: none;
}
}
@media print, screen and ( min-width : 769px ) {
  #h_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#gNav ul{
  position: relative;
  display: flex;
}
#gNav li{
  position: relative;
  border-left-width : 0px;
  border-left-style : solid;
  border-left-color : #999999;
  padding-right : 1.3em;
  font-weight : normal;
  padding-left : 1.3em;
}
#gNav li:last-child{
  margin-right : 0%;
}
#gNav li a{
  position: relative;
  display: block;
  text-align: center;
  line-height : 90px;
  color : black;
  font-size : 17px;
  font-weight : bold;
  letter-spacing : 0.05em;
}
#gNav .sub-menu{
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  display: block;
  position: absolute;
  top : 90px;
  left: 50%;
  margin-left : -100px;
  width : 180px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  text-align : left;
}
#gNav .sub-menu a{
  padding : 20px 10px;
  display: block;
  line-height: 1.2em;
  font-size : 91.6%;
  color : #806944;
  font-weight : normal;
  background-color : white;
}
#gNav .sub-menu a:hover::after{
  content: none;
}
#gNav .sub-menu li{
  display: block;
  padding: 0;
  margin: 0;
}
#gNav .sub-menu li:last-child{
  border-bottom: none;
}
#gNav ul > li:hover {
  -webkit-transition: all .5s;
  transition: all .5s;
}
#gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a{
  color : #ff8000;
}
#gNav li:hover ul.sub-menu{
  top : 90px;
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}
#gNav li ul li::after{
  content: none;
}
#gNav li:hover ul.sub-menu a{
  }
#gNav .sub-menu li a:hover{
  background : none 0% 0% / auto auto repeat scroll padding-box border-box rgba(0, 0, 0, 0.8);
  color : #ff8000;
}
#gNav .contact_btn a:hover{
  color : white;
}
}
/* ---------------------------------------------------------------------------------------------

　   CONTENTS

--------------------------------------------------------------------------------------------- */
.imglogo{
  height : 50px;
  left : 30px;
  top : 20px;
  position : absolute;
  z-index : 11;
}
@media only screen and ( max-width : 768px ) {
  }
@media only screen and ( max-width : 480px ) {
  }
@media print, screen and ( min-width : 769px ) {
  }
/* ---------------------------------------------------------------------------------------------

　   FOOTER

--------------------------------------------------------------------------------------------- */
@media only screen and ( max-width : 768px ) {
  }
@media only screen and ( max-width : 480px ) {
  }
@media print, screen and ( min-width : 769px ) {
  .copy {
  }
}