@charset "utf-8";

html {
	font-family:"ＭＳ Ｐゴシック", sans-serif;
	overflow-y:scroll;
}

body {
	color:#111;
	font-size:14px;
	margin:0;
}

/* ヘッダー */
header {
	margin:0;
	position:relative;
}

/* ロゴ */
.logo {
	background:url('../images/logo.png') 0 center/auto 36px no-repeat;
	box-sizing:border-box;
	display:block;
	color:inherit;
	font-size:30px;
	font-weight:normal;
	line-height:1;
	margin:10px;
	padding:3px 0 3px 95px;
	text-decoration:none;
	width:400px;
	width:max-content;
}

@media (max-width : 600px) {

	.logo {
		background-size:auto 20px;
		font-size:20px;
		padding-left:30px;
	}

}

.logo[data-login="true"]:hover {opacity:0.7;}

.logo[data-login="false"] {pointer-events:none;}

/* ログアウト */
.logout[data-login="true"] {
	height:36px;
	right:10px;
	top:0;
	position:absolute;
}

@media (max-width : 600px) {

	.logout[data-login="true"] {height:20px;}

}

.logout[data-login="false"] {display:none;}

.logout > img {
	max-height:100%;
	vertical-align:bottom;
}

/* ナビゲーション */
.navi {
	background-color:#203470;
	background:linear-gradient(#4169e1, #000080);
	color:#fff;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:22px;
	line-height:22px;
	margin:0;
	text-indent:2px;
	width:100%;
}

.main {
	display:block;
	margin:auto;
	width:950px;
	max-width:calc(100% - 40px);
}

.main_all {
	display:block;
	margin:auto;
	width:calc(100% - 40px);
}

.page_title {
	background:url('../images/title01.png') no-repeat left top;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	margin:20px auto;
	text-align:center;
	width:950px;
	max-width:100%;
}

.back_btn {
	margin:0;
	text-align:right;
	padding:0;
	position:relative;
}

.back_btn button {
	box-sizing:border-box;
	display:inline-block;
	height:2.5em;
	margin:0;
	min-width:150px;
}

@media (min-width : 1500px) {

	.back_btn button {
		position:absolute;
		right:calc(495px - 50vw);
		top:-50px;
	}

	.main_all .back_btn button {right:0;}

}

@media (max-width : 1500px) {

	.back_btn button {margin:0 20px 30px 0;}

}

/* フッター */
footer {background-color:#ccc;}

/* 著作権表示 */
.copyright {
	color:#fff;
	display:block;
	font-size:14px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:0;
	text-align:center;
}

.copyright a {color:inherit;}

.copyright a:hover, .copyright a:active {
	color:#9cf;
	text-decoration:none;
}