@charset "utf-8";

@font-face {
	font-family: 'MyFont';
	src: url(../font/bokutachi.otf);
}
#page{
    /* min-height: 100vh; */
    margin: 0 auto;
    /* background-color: #CCCCCC; */
    /* background-color: #f9f9f9; */
    /* color: #fff; */
    letter-spacing: 2px;
    font-family: "MyFont", "遊ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ　ProN", "Hiragino kaku Gothic ProN", sans-serif;
}

/* サイトタイトル */
#siteTitle {
}

/* スクロールバー */
#pageHead .globalNavi::-webkit-scrollbar{
    height: 0;
}

#pageHead .globalNavi::-webkit-scrollbar-track{
    border:none;
}

/* ページボディ */
#pageBody {
    margin-top: 15px;
    margin-bottom: 15px;
}
#pageBody .page-inner {
	max-width: 1024px;
	margin: 0 auto;
}

/* フッター */
#pageFoot{
	/* padding: 10px; */
	background-color: #619c18;
	color: #fff;
	/* position: relative; */
	/* height: 80px; */
}

#pageFoot .mail{
	
	margin: 10px;
	margin-bottom: 0;
	padding: 0; 
}

#pageFoot p{
	font-size: 14px;
	padding: 0; 
}
#pageFoot .mail .center{
	/* text-align: center; */
	padding-left: 30px;
}
#pageFoot #copyright{
	text-align: right;
	margin: 5px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

/* #pageFoot .left{
	position: absolute;
	top: 10px;
	left: 10px;
}
#pageFoot .right{
	position: absolute;
	bottom: 10px;
	right: 10px;
} */

/* ----- メインカラム内の装飾 ----- */
.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:260px;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:24px;font-size:1.5rem;font-weight:700;line-height:60px;line-height:3.75rem;display:block;padding-right:9pt;padding-right:.75rem;padding-left:9pt;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1pc;font-size:1rem;display:block;padding:9pt;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}

/* 見出し */
.pageTitle {
    padding: 5px 15px;
    margin-top: 0;
}

/* ハンバーガーメニュー */
.gblnv_box{position: fixed; width: 100%; height: 56px; text-align: right; z-index: 100;}
.gblnv_box a {margin: 10px;}
.gblnv_block{background-color: #444444; color: #ffffff; height: 100vh; width: 100vw; display: none;  text-align: left;}
.gblnv_block ul{padding: 10px;}
.gblnv_block ul li{line-height: 180%;}
.gblnv_block ul li a{color: #fff; font-size: 26px; line-height: 260%;}
.onanimation{display: block;}

.hum-box{ background-color: #444444; display: inline-block; margin-right:0; opacity: 0.9;}
.menu-trigger,
.menu-trigger span {display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger {position: relative; width: 36px; height: 36px;}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 16px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(16px) rotate(-45deg);
	transform: translateY(16px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
@keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-16px) rotate(45deg);
	transform: translateY(-16px) rotate(45deg);
}

/*  */
img{
	margin-top: 15px;
	margin-bottom: 15px;
    width: 100%;
    object-fit: cover;
	border: 1px #dcdcdc solid;
}