@charset "utf-8";
/*--京base_sp.css--*/
/* スマホだけに適用するCSS */
@media screen and (max-width:479px){
	body {
		min-width:initial;
		min-width:auto;
		overflow-y: scroll;
		font-size:3.6vw;
	}
	
	#container{
		min-width:initial;
		min-width:auto;
	}

	/*----------header----------*/
	header{
		min-width:auto;
		min-width:initial;
		margin:0 0 3vw 0;
	}
		header > .box_header{
			display:block;
			padding:3vw;
			border-bottom:none;
		}
		
			header > .box_header .sys_title{
				margin-bottom:3vw;
			}
		
			header > .box_header .sys_title a{
				display:flex;
			}
				
				header > .box_header .sys_title a .sys_title1{
					width:33%;
					margin:0;
				}
				
				header > .box_header .sys_title a .sys_title2{
					font-size:1em;
					padding-top:0;
					width:67%;
					box-sizing:border-box;
					padding-left:2vw;
				}
				
			header > .box_header .user_info_logout{
				justify-content:space-between;
			}
			
				header > .box_header .user_info_logout .user_info{
					margin-right:0;
				}
				
				
				header > .box_header .user_info_logout .logout a{
					padding:0.4em 0.7em 0.3em 0.7em;
				}
					
					
				header > .box_inner .global_nav{
					background:none;
				}
				
				header > .box_inner .global_nav ul{
					padding:0;
					justify-content:center;
				}
				
					header > .box_inner .global_nav ul li{
						border-right:none;
						padding:0 1vw;
						width:25%;
						box-sizing:border-box;
					}
					
					header > .box_inner .global_nav ul li:first-child{
						border-left:none;
					}
					
					header > .box_inner .global_nav ul li:last-child{
						margin-right:0;
					}
					
					header > .box_inner .global_nav ul li a{
						padding:1em 0;
						background:#32a0a0;
						text-align:center;
					}
					
					header > .box_inner .global_nav ul li a:hover{
						background:#32a0a0;
					}
					
	/*----------contents----------*/
	.contents{
		padding:0 3vw;
	}
	
	
	/*-----footer-----*/
	footer{}
	
	
	
	.nav_oc.sp{
		display:none;
	}
	
	.side_nav{
		display:none;
	}
	
	/*ページトップ*/
	.pagetop{
		width:60px;
		height:60px;
		position:fixed;
		bottom:30px;
		right:60px;
		z-index:10;
		transform:translateY(100px);
		transition:.3s all ease;
		opacity:0;
	}
	
	.pagetop.show{
		transform:translateY(0);
		opacity:1;
	}
	
		.pagetop a{
			display:flex;
			justify-content:center;
			align-items:center;
			transition:.5s all ease;
			width:100%;
			height:100%;
			background:#020003;
			text-decoration:none;
			color:#fff;
			box-sizing:border-box;
			padding-top:13px;
		}
		
		.pagetop a:hover{
			transform:translateY(-5px);
			opacity:0.9;
		}
		
		.pagetop a:before{
			content:"";
			display:inline-block;
			width:20px;
			height:20px;
			box-sizing:border-box;
			border:3px solid #fff;
			border-right:none;
			border-bottom:none;
			transform:rotate(47deg) skewX(5deg);
			transition:.3s all ease;
		}
		
		.pagetop a:hover:before{
			border:3px solid #19c84b;
			border-right:none;
			border-bottom:none;
		}
		
		
	
	
	/*改行のPC,SPでの表示切替*/
	br.pc,
	img.pc,
	span.pc{
		display:none;
	}
	
	br.sp,
	img.sp,
	span.sp{
		display:inline;
	}
	
}