@charset "utf-8";
/* スマホだけに適用するCSS */
@media screen and (max-width:479px){
	html {
		min-width:initial;
		min-width:auto;
	}
	
	body {
		min-width:initial;
		min-width:auto;
		overflow-y: scroll;
		font-size:3.6vw;
	}
	
	#container{
		min-width:initial;
		min-width:auto;
		padding-top: 16vw;
	}
	
	/*----------header----------*/
	header{
		min-width:initial;
		min-width:auto;
	}
	
		header > .box_inner{
			justify-content: flex-start;
			align-items: center;
			height: 16vw;
		}

				header > .box_inner .fig_site_title a{
					box-sizing: border-box;
					padding: 0 2vw;
				}

					header > .box_inner .fig_site_title a .fig{
						width: 11vw;
						margin-right: 3vw;
					}

						header > .box_inner .fig_site_title a .site_title .lbl_kumanichi{
							width: 25vw;
							margin-bottom: 1vw;
						}

						header > .box_inner .fig_site_title a .site_title .lbl_site_title{
							width: 25vw;
						}

			header > .box_inner .header_navs{
				display: none;
			}
	
		
	/*-----contents-----*/
	.contents {
        min-width: auto;
        min-width: initial;
    }
		
	/*-----footer-----*/
	footer{}
	
		footer > .box_inner{
			display: none;
		}

		footer > .box_footer{
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			height: auto;
			padding: 1.5em 0;
		}

			footer > .box_footer .f_bns{
				margin-bottom: 1em;
			}

				footer > .box_footer .f_bns ul{
					justify-content: center;
				}

					footer > .box_footer .f_bns ul li a{
						height: 4.2vw;
					}

			footer > .box_footer .copyright{
				font-size: 0.6rem;
			}
	
	/*ハンバーガーボタン*/
	.nav_oc{
		display:block;
		position:fixed;
		z-index:99;
		text-align:center;
		width: 14vw;
		height: 14vw;
		top: 1vw;
		right: 1vw;
	}
	
		.menu-trigger,
		.menu-trigger span {
			display: inline-block;
			transition: all .4s;
			box-sizing: border-box;
		}
		
		.menu-trigger {
			position:relative;
			width: 100%;
			height: 100%;
			border:none;
			outline:none;
			background: rgba(255,255,255,0.9);
			cursor:pointer;
		}
		
			.menu-trigger span {
				width: 5vw;
				left: 4.5vw;
				height: 2px;
				background: #222;
				position: absolute;
			}

			.menu-trigger span:nth-of-type(1) {
				top: 4.4vw;
			}

			.menu-trigger span:nth-of-type(2) {
				top: calc(7vw - 2px);
			}
			.menu-trigger span:nth-of-type(3) {
				bottom: 4.8vw;
			}
	
			.menu-trigger.active span:nth-of-type(1) {
				-webkit-transform: translateY(2vw) rotate(-315deg);
				transform: translateY(2vw) rotate(-315deg);
			}
	
			.menu-trigger.active span:nth-of-type(2) {
				opacity: 0;
			}
	
			.menu-trigger.active span:nth-of-type(3) {
				-webkit-transform: translateY(-2.2vw) rotate(315deg);
				transform: translateY(-2.2vw) rotate(315deg);
			}
	

	
	/*ナビゲーション*/
	.side_nav{
		display:block;
		position:fixed;
		top:0;
		right:0;
		box-sizing:border-box;
		width:100vw;
		height:100vh;
		transition:.3s all ease;
		z-index:-1;
		opacity:0;
	}
	
	.side_nav.active{
		padding:18vw 4vw 0 4vw;
		z-index:98;
		opacity:1;
		background:rgba(0,159,232,0.95);
	}
	
		.side_nav ul{}
		
			.side_nav ul li{}
			
			.side_nav ul li a{
				display:block;
				text-decoration:none;
			}
	
		.side_search_form{
			margin-bottom: 3vw;
			padding: 2vw;
			background: rgba(255,255,255,0.8);
		}
	
			.side_search_form .box_inner{
				display: flex;
			}
	
			.side_search_form .box_inner .search_input{
				width: calc(100% - 20vw);
			}
	
				.side_search_form .box_inner .search_input input[type="search"]{
					box-sizing: border-box;
					border: 1px solid #aaa;
					font-size: 1.05em;
					padding: 0.4em 0.3em;
					width: 100%;
				}
	
			.side_search_form .box_inner .search_submit{
				width: 20vw;
			}
	
				.side_search_form .box_inner .search_submit button[type="submit"]{
					height: 100%;
					width: 100%;
					border: none;
					color: #fff;
					background: #019945;
					cursor: pointer;
				}
	
					.side_search_form .box_inner .search_submit button[type="submit"]:before{
						font-family: FontAwesome;
						content: "\f002";
						margin-right: 0.2em;
					}
		
		.side_nav .side_global_nav{
			display: flex;
			justify-content: space-between;
		}
	
			.side_nav .side_global_nav > ul{
				width: 100%;
			}
		
			.side_nav .side_global_nav > ul > li{
				width:100%;
				margin-bottom:1.5vw;
			}
			
				.side_nav .side_global_nav > ul > li > a{
					color:#111;
					font-size:3.4vw;
					padding:0.9em 2vw;
					border:1px solid #fff;
					background:#fff;
					box-shadow:0 0 1px 1px rgba(0,0,0,0.1);
					border-radius: 2px;
					position: relative;
				}
	
					.side_nav .side_global_nav > ul > li > a:before{
						content: "";
						display: block;
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 0 0 2vw 2vw;
						border-color: transparent transparent #019945 transparent;
						position: absolute;
						bottom: 0.2vw;
						right: 0.2vw;
					}
	
				.side_nav .side_global_nav > ul > li > ul{
                    padding: 2vw;
                    font-size: 0.9em;
                    display: flex;
                    flex-wrap: wrap;
				}
	
					.side_nav .side_global_nav > ul > li > ul > li{
						margin-bottom: 0.1em;
                        width: 50%;
					}
	
						.side_nav .side_global_nav > ul > li > ul > li a{
							color: #fff;
							padding: 0.3em 0 0.3em 0.8em;
							position: relative;
						}
	
							.side_nav .side_global_nav > ul > li > ul > li a:before{
								font-family: FontAwesome;
								content:"\f105";
								color: rgba(255,255,255,0.5);
								display: inline-block;
								position: absolute;
								top: 0.3em;
								left: 0;
							}


	/*ページトップ*/
	.pagetop{
		right: 5vw;
		bottom: 5vw;
		width:12vw;
		height:12vw;
	}
	

	
	/*改行のPC,SPでの表示切替*/
	br.pc,
	img.pc,
	span.pc{
		display:none;
	}
	
	br.sp,
	img.sp,
	span.sp{
		display:inline;
	}

}