@charset "utf-8";
/* CSS Document */

html{
	margin: 0; 
	padding: 0;	
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
	height: 100%;
}
body{
	margin: 0; 
	padding: 0;
	height: 100%;
	font-size: 100%;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	position: relative;
}

a:link,
a:visited,
a:active,
a:hover { /* FireFox リンク選択時の点線を消す */
	overflow: hidden;
	outline: none;
}

/* ヘッダー */
header div#header_area{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
header div#header_area div#header_logo_area{
	width: 100%;
	padding-top: 20px;
	position: relative;
}
header div#header_area div#header_logo_area img{
	width: 40px;
	height: auto;
}
header div#header_area div#header_logo_area h1{
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 2px;
	position: absolute;
	left: 50px;
	top: 12.5px;
}
/* フッター */
footer{
	width: 100%;
	background-color: #339A33;
	position: sticky;
	top: 100vh;
}
footer div#footer_area{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

div#footer_area div#copyright{
	color: #FFF;
	font-size: 0.8rem;
	text-align: center;
	padding-bottom: 1em;
	padding-top: 5px;
}


/* 各コンテンツ共通部分 */
div#main_content{
}

/* フォーム入力要素 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"]{
	font-size: 1.0rem;
	line-height: 1;
	color: #000;
	border-style: solid;
	border-width: 1px;
	border-color: #bababa;
	border-radius: 5px;
	background-color: #fff;
	width: 100%;
	padding: 8px;
}
input[type="date"]{
	width: auto;
}
button{
	background-color: #339A33;
	color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-radius: 5px;
	cursor: pointer;
}
button:disabled{
	background-color: #97ABD2;
	color: #CCC;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-radius: 5px;
	cursor: auto;
}

/* 読み込み中マーク */
div#loading{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	opacity: 0.75;
	z-index:100;
	text-align:center;
}
div#loading img{
	margin-top:300px;
}

@media screen and (max-width:480px) { 
}

/* 共通 */
.pcmode{
	display:block;
}
.spmode{
	display:none;
}
.pcinline{
	display:inline;
}
.spinline{
	display:none;
}


@media screen and (max-width:480px) { 
	/* 共通 */
	.pcmode{
		display:none;
	}
	.spmode{
		display:block;
	}
	.pcinline{
		display:none;
	}
	.spinline{
		display:inline;
	}
}