@charset "utf-8";

/*
	ラジオ福島
	トップページ スプラッシュ用CSS
	/index.php

	splash.css
	create	20250331～
*/



/* ---------------------------------------------------------
	約560px未満の画面向けスタイル モバイルファースト
--------------------------------------------------------- */
#splash {
	display: none;
	width: 100%;
	height: 100vh;
	background-image: url(../splash/bg_fireworks.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #faf9e5;
	position: fixed;
	z-index: 99999;
}
.logoBlock {
	width: 50%;
	position: absolute;
	top: calc(50% - 25%);
	left:calc(50% - 25%);
}
.logoBox {
	width: 100%;
}
.logoBox a {
	width: 100%;
	margin: 0 0 38px;
	padding: 0 0 100%;
	background-color: #fff;
	border-radius: 5px;
	display: block;
	position: relative;
	box-shadow: 1px 1px 3px #ccc;
}
.logoBox img {
	width: 80%;
	margin-top: -10%;
	position: absolute;
	top: 50%;
	left: 10%;
}
.logoBox:nth-child(2) img {
	margin-top: -15%;
}

@media screen and (min-width: 560px){
	/*	約560px以上の画面向けスタイル second tablet */

	.logoBlock {
		width: 70%;
		top: calc(50% - 12.5%);
		left: calc(50% - 35%);
		display: flex;
		justify-content: space-between;
		gap: 30px;
	}
	.logoBox {
		width: 50%;
	}
	.logoBox a:hover {
		background-color: #f8f8ff;
	}
}
@media screen and (min-width: 980px){
	/*	約980px以上の画面向けスタイル second tablet */

	.logoBlock {
		width: 683px;
		top: calc(50% - 173px);
		left: calc(50% - 342px);
	}
}