/*´ðËÜÀßÄê*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


/*³¨Ê¸»úÍѤËÍ¥À褷¤Æ»È¤¦¥Õ¥©¥ó¥È¤ò»ØÄꤹ¤ë*/
@font-face {
	font-family: emoji;
	src:
		local("Segoe UI Emoji"),
		local("Segoe UI Symbol"),
		local("Apple Color Emoji"),
		local("Noto Color Emoji"),
		local("Android Emoji"),
		local("Noto Emoji");
		unicode-range:
		U+20E3-2B55, U+1F000-1F9FF;
}
@font-face {
	font-family: emoji;
	font-weight: bold;
	src:
		local("Segoe UI Emoji"),
		local("Segoe UI Symbol"),
		local("Apple Color Emoji"),
		local("Noto Color Emoji"),
		local("Android Emoji"),
		local("Noto Emoji");
		unicode-range:
		U+20E3-2B55, U+1F000-1F9FF;
}


body{
	margin:0;
	padding:0;
	box-sizing:border-box;
	width:100%;
	height:100vh;

	font-family: emoji, "UD ¥Ç¥¸¥¿¥ë ¶µ²Ê½ñÂÎ N-R", Lato, "Noto Sans JP", "Þ⥴¥·¥Ã¥¯ Medium", "Þ⥴¥·¥Ã¥¯ÂÎ", "Yu Gothic Medium", YuGothic, "¥Ò¥é¥®¥Î³Ñ¥´ ProN", "Hiragino Kaku Gothic ProN", "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}


button,textarea,select,input{
	font-family: emoji, "UD ¥Ç¥¸¥¿¥ë ¶µ²Ê½ñÂÎ N-R", Lato, "Noto Sans JP", "Þ⥴¥·¥Ã¥¯ Medium", "Þ⥴¥·¥Ã¥¯ÂÎ", "Yu Gothic Medium", YuGothic, "¥Ò¥é¥®¥Î³Ñ¥´ ProN", "Hiragino Kaku Gothic ProN", "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;

}

/*¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á*/

div.head{
	font-size:0;
	position:relative;
	width:100%;
	min-height:6vw;
	height:8%;
	background:#ea0000;
}

div.head>div{
	position:relative;
	box-sizing:border-box;
	display:inline-block;
	width:33.33333%;
	height:100%;
	font-size:1rem;
	text-align:center;
	font-size:1.8vw;
}


div.head>div a{
	display:inline-block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	text-decoration:none;
	color:white;
	line-height:1;
	font-weight:bold;
}

div.head>div.txt a{
	height:1.8vw
}
div.head>div.img a{
	height:6.3vw;
}

@media screen and (max-width: 780px) {
	div.head>div{
		font-size:14px;
	}
	div.head>div.txt a{
		height:14px;
	}
}

div.head>div a img{
	max-width:100%;
	max-height:100%;
}

/*¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á*/

div.main{
	font-size:0;

	width:100%;
	position:relative;
}
div.main>div{
	position:relative;
	box-sizing:border-box;
	display:inline-block;
	width:50%;
	height:100%;
	font-size:1rem;
	vertical-align:top;
}

div.main>div>a{
	display:block;
	width:100%;
	height:100%;
}

div.main>div.tw5{
	background-size: cover;
	background-image: url("img/tw5illust.jpg");
	background-position: 50% 0px;
}
div.main>div.tw6{
	background-size: cover;
	background-image: url("img/tw6illust.jpg");
	background-position: 50% 0px;
}

div.main .logo{
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	top: 60%;
}

div.main .dec{
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	top: 88%;
	max-height:8%;
	max-width:60%;
}

div.main .txt{
	position:absolute;
	margin:auto 0;
	top:0;
	bottom:10%;
	max-height:20%;
	max-width:70%;
}

div.main>div.tw5 .txt{
	right:0;
}
div.main>div.tw6 .txt{
	left:0;
}

div.main>div.tw5 .logo{
	max-width:95%;
	max-height:30%;
}
div.main>div.tw6 .logo{
	max-width:95%;
	max-height:35%;
}


/*¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á*/

div.foot{
	font-size:0;
	width:100%;
	min-height:15vw;
	height:28%;
	position:relative;
}

div.foot>div{
	position:relative;
	box-sizing:border-box;
	display:inline-block;
	width:33.33333%;
	height:100%;
	font-size:1rem;
	vertical-align:top;
}
div.foot>div>a{
	display:block;
	width:100%;
	height:100%;
}
div.foot>div.tw4{
	background-size: cover;
	background-image: url("img/tw4_bg.jpg");
	background-position: 50% 0px;
}
div.foot>div.writer{
	background-size: cover;
	background-image: url("img/writer_bg.jpg");
	background-position: 50% 0px;
}
div.foot>div.illust{
	background-size: cover;
	background-image: url("img/illust_bg.jpg");
	background-position: 50% 0px;
}
div.foot .logo{
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
}
div.foot div.tw4 .logo{
	max-width:95%;
	max-height:40%;
	bottom: 5%;
}
div.foot div.writer .logo{
	max-width:95%;
	max-height:25%;
	bottom: 5%;
}
div.foot div.illust .logo{
	max-width:95%;
	max-height:25%;
	bottom: 5%;
}

/*¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á¡Á*/

div.content{
	box-sizing:border-box;
	font-size:16px;
	line-height:1.5;
	width:100%;
	position:relative;
	padding:8px 2%;
	overflow-x:auto;
}

button,textarea,select,input{
	font-size:16px;
	line-height:1.5;
}

div.content table,
div.content input,
div.content select,
div.content textarea{
	max-width:100%;
}


div.content img{
	max-width:100%;
	object-fit:contain;
}


hr { background: none repeat scroll 0% 0%; width: 100%; height: 1px; border: 0px none; margin: 5px auto; border-top:dashed 1px rgb(128, 128, 128);}


h1 {
	font-size:25px;
	color:#000000;
	margin:10 0 10 0;
}

h2 {
	font-size:15px;
	color: #2020a0;
	margin:5 0 5 0;
}

h3{	
	color:#ba2208;
	font-size:20px;
	font-weight:bold;
	margin:8px 0 3px 0;padding:0
}

h4{
	color:#ba2208;
	font-size:15px;
	font-weight:bold;
	margin:0;padding:0
}

a { text-decoration: none; }