@charset "UTF-8";

/**************************************************
ヘッダー
**************************************************/

/* 全ページ共通
-------------------------------------------------*/

header * {
	line-height: 0;
}
header {
	margin: 0 -5vw;
	position: relative;
}

/* ナビゲーションのロゴ */
header nav .logo {
	margin: 2.5vw 0 -5vw;
}

/* ロゴ */
header .logo {
	text-align: center;
}
header .logo img {
	width: 	33.3vw;
	height: auto;
	max-width: 200px;
}

/* 作品募集 */
header .btn-rekisou-form {
	position: absolute;
	bottom: 1.5vw;
	right: 0;
	z-index: 3;
}
header .btn-rekisou-form a {
	width: 28vw;
	height: 28vw;
	box-shadow: 0 0 6px #999;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	transform:rotate(45deg);
	border: #fff 3px double;
	color: #fff;
}
header .btn-rekisou-form a em {
	padding-top: 3.5vw;
	line-height: 1.6;
	font-size: 3.5vw;
	transform:rotate(-45deg);
}

/* トップページ
-------------------------------------------------*/

/* リンク */
#homePage header h1 a:hover {
	top: 0 !important;
}

/* FV */
#homePage header h1 ,
#homePage header h1 img {
	width: 100%;
	height: auto;
	z-index: 1;
}
#homePage header h1 a:hover {
	filter: brightness(1.0);
}

/* コピー */
#homePage header h2 em {
	display: block;
	background: #000;
	text-align: left;
	padding: 2vw 5vw;
	line-height: 1;
	font-size: 4.5vw;
	white-space: nowrap;
}
#homePage header h2 em:nth-of-type(1) {
	margin-left: 23vw;
	margin-bottom: 2.5vw;
}
#homePage header h2 em:nth-of-type(2) {
	margin-right: 39vw;
}

/* 下位ページ
-------------------------------------------------*/

/* 非表示 */
body.page header h2 ,
body.page header .btn-rekisou-form {
	display: none;
}

body.page header {
	display: flex;
	flex-direction: column;
	text-align: center;
}

/* ロゴ */
body.page h1.logo {
	margin: 2.5vw 5vw -2rem;
}


/**************************************************
タブレットの時
**************************************************/

@media only screen and (min-width: 768px) {

	/* 全ページ共通
	-------------------------------------------------*/

	/* 作品募集 */
	header .btn-rekisou-form {
		bottom: 12rem;
		right: 5vw;
	}
	header .btn-rekisou-form a {
		width: 140px;
		height: 140px;
	}
	header .btn-rekisou-form a em {
		padding-top: 1.6rem;
		font-size: 16px;
	}

	/* トップページ
	-------------------------------------------------*/

	/* コピー */
	#homePage header h2 em {
		position: absolute;
		margin: 0 !important;
		padding: 5vw 1vw;
		font-size: 2vw;
		writing-mode: vertical-rl;
	}
	#homePage header h2 em:nth-of-type(1) {
		top: 0;
		left: 17vw;
	}
	@-moz-document url-prefix() {
		#homePage header h2 em:nth-of-type(1) {
			padding: 5vw 0.7vw 5vw 1.3vw;	/* なぜか左に寄るので、調整 */
		}
	}
	#homePage header h2 em:nth-of-type(2) {
		top: 8vw;
		left: 12vw;
	}
	#homePage header h2 span.one {
		position: relative;
		left: -0.2rem;
	}
	#homePage header h2 span.takasugi {
		margin: 0 0 0.5rem;
	}

	/* 下位ページ
	-------------------------------------------------*/

	/* 非表示 */
	body.page header nav .logo {
		display: none;
	}

	/* 表示 */
	body.page header h2 ,
	body.page header .btn-rekisou-form {
		display: block;
	}

	/* コピー */
	body.page header h2 {
		background: #000;
		padding: 0.5rem 5vw;
		font-size: 1.3rem;
		line-height: 1;
		order: -1;
	}

	/* ロゴ */
	body.page h1.logo {
		margin: 2rem 5vw -2rem;
	}

	/* 作品募集 */
	body.page header .btn-rekisou-form {
		transform: scale(0.75);
		transform-origin: 50% 100%;
	}

}