/* headerここから */


@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  src: url('../font/NotoSerifCJKjp-Regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  src: url('https://www.kariyaginza.com/font/NotoSerifCJKjp-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  src: url('../font/NotoSerifCJKjp-SemiBold.woff') format('woff');
  font-weight: 600;
}

header{
z-index: 99999;
width: 100%;
position: fixed;
background:#fff;
box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
padding:10px;
}
.head-inner{
	max-width:1200px;
	margin:0 auto;
}

header h1{
float:left;
text-align: left;
width:228px;
}


header .pcmenu{
float:right;
width: 750px;
margin-top: 30px;
}
header .pcmenu li{
float: left;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
transition: all .4s ease-out;
}
header ul.pcmenu li:hover{
opacity:0.3;
}

header ul.pcmenu a{
text-indent:-9999px;
display: inline-block;
height: 100%;
width: 100%;
height:50px;
}

header .gn01{ background:url(../images/gn.jpg) 0 0 no-repeat; width:114px; }
header .gn02{ background:url(../images/gn.jpg) -114px 0 no-repeat; width:114px; }
header .gn03{ background:url(../images/gn.jpg) -229px 0 no-repeat; width:139px; }
header .gn04{ background:url(../images/gn.jpg) -368px 0 no-repeat; width:85px; }
header .gn05{ background:url(../images/gn.jpg) -454px 0 no-repeat; width:109px; }
header .gn06{ background:url(../images/gn.jpg) -565px 0 no-repeat; width:85px; }
header .gn07{ background:url(../images/gn.jpg) -651px 0 no-repeat; width:95px; }







header .spmenubt{
display: none;
}
ul.spmenu{
display: none;
}


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





header{
z-index: 99999;
width: 100%;
position: fixed;
background:#fff;
}
header img{
vertical-align: bottom;
}
header .ContenaH{
width: 100%;
/*max-width: 1141px;*/
margin: 0 auto;
height: 53px;
}

header h1{
float:left;
width: 150px;
margin-left: 10px;
}
header h1 img{
width: 150px;
}

header ul.pcmenu{
display: none;
}
header .spmenubt{
display: block;
float: right;
margin-top: 12px;
height: 30px;
width: 30px;
margin-right: 15px;
}
header .spmenubt:hover{
cursor: pointer;
}

ul.spmenu{
width: 100%;
background: #ffbdd4;
position: fixed;
z-index: 99998;
padding-top: 72px;
overflow: hidden;
height: 100vh;
font-family: 'Noto Serif JP', serif;
font-weight: 600;
font-size: 18px;
color: #646464;
}
ul.spmenu a{
display: inline-block;
width: 100%;
height: 100%;
color: #555;
padding: 8px 0;
text-decoration: none;
}
ul.spmenu span{
display: inline-block;
width: 100%;
height: 100%;
color: #646464;
padding: 8px 0;
border-bottom: 1px solid #fff;
}



}