@charset "UTF-8";
/*
======== context ======================================
Last Updated:20160415
Summary:トップページ用CSS
=======================================================
*/
/*-----------------------------------------------------
topMainArea
-------------------------------------------------------*/
.inner{
	padding:10px 0 30px;
	background:#cfeaf7 url(../img/sea.jpg) no-repeat 50% top;	
}
.inner p{
	line-height:1.8em;	
}
.inner ul{
	width:700px;
	margin:0 auto;
	overflow:hidden;	
}
/*春用背景*/
.spring{
	background:#dee5c3 url(../img/spring.jpg) no-repeat 50% top;
}
/*秋用背景*/
.fall{
	background:#f2eedd url(../img/fall.jpg) no-repeat 50% top;	
}
/*冬用背景*/
.winter{
	background:#395590 url(../img/winter.jpg) no-repeat 50% top;
	color:#fff;	
}
.inner ul li.left{
	float:left;	
}
.inner ul li.right{
	float:right;	
}
.rico_movie div.movies{
	display:inline-block;
	vertical-align:top;
	width:48%;
	text-align:left;
}
.rico_movie div.movies p:nth-child(1){
	font-size:1.3em;
}
@media screen and (max-width: 640px) {
	h1{
		padding:0 0 10px;	
	}
	#nav{
		margin-bottom:15px;
		background:#fff;
	}
	#nav li img{
		width:100%;	
		height:auto;
	}
	#nav li a{
		background:none;	
	}
	#nav li a{
		padding:5px 0 5px 0;
	}
	.inner{
		padding:10px 0 30px;
		background:#cfeaf7 url(../img/sp/sp_sea.jpg) no-repeat center top;	
		background-size:contain;
	}
	/*春用背景*/
	.spring{
		background:#fef7f8 url(../img/sp/spring.jpg) no-repeat center top;	
		background-size:contain;
	}
	/*秋用背景*/
	.fall{
		background:#f2eedd url(../img/sp/fall.jpg) no-repeat center top;	
		background-size:contain;
	}
	/*冬用背景*/
	.winter{
		background:#395590 url(../img/sp/winter.jpg) no-repeat center top;	
		background-size:contain;
	}
	.inner h2 img{
		width:100%;
		height:auto;
	}
	.inner p{
		padding:0 10px;	
	}
	.inner ul{
		width:auto;
	}
	.inner ul li img{
		width:70%;
		height:auto;
	}
	.inner ul li.left{
		float:none;	
	}
	.inner ul li.right{
		float:none;	
		padding-top:10px;
	}
	/****アコーディオンスタイル****/
	#mainContents label{
	 display: block;
	}
	#mainContents label img{
		width:100%;
		height:auto;
	}
	#mainContents label{
		cursor:pointer;
	}
	#mainContents .news_contents{
	 display: none;
	}
	#mainContents input[type="checkbox"].on-off{
	 display: none;
	}
	#mainContents input[type="checkbox"].on-off:checked ~ .news_contents{
	 display: block;
	}
.rico_movie div.movies{
	display:block;
	width:100%;
}
/****アコーディオンスタイル****/
}
/*タブレット+スマートフォン向け*/
@media screen and (max-width: 960px){
}
/*タブレット+PC向け*/
@media screen and (min-width: 641px
	h2{
	 margin:0;
	 padding:.25em 1em .25em 1em;
	 border-bottom:1px solid #ccc;
	}
	h2:after{
	 content:'';
	 width: 5px;
	}
}
/*PC向け*/
@media screen and (min-width: 961px){
}
/*タブレット向け*/
@media screen and (min-width: 641px) and (max-width: 960px){
}
/*スマートフォン向け*/
@media screen and (max-width: 640px){
}
</div><div class="naked_ctrl">
<form action="/index.cgi/speech" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.gender.go.jp/c-challenge/css/home2.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.gender.go.jp/c-challenge/css/home2.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech" selected="selected">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>