@charset "UTF-8";
/*
======== context ======================================
Last Updated:20160415
Summary:トップページ用CSS
=======================================================
*/
/*-----------------------------------------------------
what
-------------------------------------------------------*/
#event{
	background:#FFF9EA url(../img/event/yaji_event.png) no-repeat left bottom;
	padding:25px 50px 35px 270px;
	text-align:left;
	line-height:1.8em;
	background-size: contain;
}
/*-----------------------------------------------------
yaji
-------------------------------------------------------*/
#yaji{
	background:#f7f5dc url(../img/kyouryoku/yaji.png) no-repeat center bottom;
	padding:25px 30px;
}
#event h2,
#yaji h2{
	text-align:left;
	font-size:1.4em;
	color:#6A3906;
	letter-spacing:2px;
}
#event p{
	margin:0;
}
/*-----------------------------------------------------
event_contents01
-------------------------------------------------------*/
#event_contents01{
	padding-bottom:30px;
	text-align:left;
}
#event_contents01 .txtRight{
	padding-right:10px;
	margin-bottom:20px;
}
#event_contents01 .txtRight a{
	padding-right:15px;
}
#event_contents01 h2{
	background:#f7cd79;
	font-weight:normal;
	font-size:1.8em;
	/*margin-top:20px;*/
	padding:8px 10px 3px 50px;
	color:#6A3906;
	letter-spacing:2px;
}
#event_contents01 h3{
	background:#f8e67a;
	font-weight:normal;
	font-size:1.4em;
	/*margin-top:20px;*/
	padding:8px 10px 3px 50px;
	color:#6A3906;
	letter-spacing:2px;
}
#event_contents01 h2.link2018{
	margin-bottom: 0;
}
#event_contents01 #riko2017{
	background:url(../img/event/sea.png) no-repeat center bottom;
	background-size: cover;
}
#event_contents01 #riko2018{
	background:url(../img/event/sea_2018.png) no-repeat center bottom;
	background-size: cover;
}
#event_contents01 #riko2019{
	margin-bottom: 1em;
	background:url(../img/event/event_2019.jpg) no-repeat center bottom;
	background-size: cover;
}
#event_contents01 #riko2017 ul{
	width:620px;
	overflow:hidden;
	padding:40px 0 40px 30px;
	margin: 0;
}
#event_contents01 #riko2018 ul{
	width:620px;
	overflow:hidden;
	padding:56px 0 55px 30px;
	margin: 0;
}
#event_contents01 #riko2019 ul{
	width:620px;
	overflow:hidden;
	padding:56px 0 55px 30px;
	margin: 0;
}
#event_contents01 #riko2017 ul li.left,
#event_contents01 #riko2018 ul li.left,
#event_contents01 #riko2019 ul li.left{
	float:left;
}
#event_contents01 #riko2017 ul li.right,
#event_contents01 #riko2018 ul li.right,
#event_contents01 #riko2019 ul li.right{
	float:right;
}
#event_contents01 #riko2016{
	background:url(../img/event/old/sea.png) no-repeat center bottom;
}
#event_contents01 #riko2016 ul{
	width:620px;
	overflow:hidden;
	padding:40px 0 40px 30px;
}
#event_contents01 #riko2016 ul li.left{
	float:left;
}
#event_contents01 #riko2016 ul li.right{
	float:right;
}
#event_contents01 #riko2015 ul{
	width:620px;
	overflow:hidden;
	padding:40px 0 40px 30px;
}
#event_contents01 #riko2015 ul li.bunkasai2015{
	margin-top: 1em;
	margin-left: 2em;
}
#event_contents01 #anchor{
	/*width:980px;*/
	background:#fef7e8;
	overflow:hidden;
	padding:30px 0;
	padding-bottom: 30px;
}
#event_contents01 #anchor img{
	width:241px;
	float:left;
	padding-left:50px;
}
#event_contents01 #anchor .links{
	width:650px;
	float:right;
	padding-top:20px;
}
#event_contents01 #anchor .single{
	padding-top:35px;
}
#event_contents01 #anchor .links ul{
	width:670px;
	overflow:hidden;
	text-align:left;
	padding:5px 0;
}
#event_contents01 #anchor .links ul li{
	display:inline;
	background:url(../img/common/orange_yaji02.png) no-repeat left center;
	padding:0 30px 0 10px;
}
#event_contents01 #top2015{
 margin: 20px 10px 0 50px;
}
#event_contents01 #top2015 .imgright{
 float: right;
}
#event_contents01 #top2015 .imgleft{
 float: left;
}
#event_contents01 #top2015 table{
	margin-top: 9em;
}
#event_contents01 .inner{
	margin:20px 10px 0 50px;
}
#event_contents01 .inner h3{
	width:220px;
	background:#fbefa6;
	font-weight:normal;
	padding:10px;
	/*margin-bottom:15px;*/
	text-align:center;
}
#event_contents01 .inner .date_long{
	width:320px;
}
/*1カラム*/
#event_contents01 .wrap{
	padding:15px 0;
	border-bottom:1px #f5a54d dashed;
}
#event_contents01 .last{
	border-bottom:none;
	padding-bottom:0;
}
#event_contents01 .wrap dl{
	overflow:hidden;
	padding:7px 0;
	line-height:1.8em;
}
#event_contents01 .wrap dl dt{
	width:100px;
	float:left;
}
#event_contents01 .wrap dl dd{
	float:left;
}
/*2カラム*/
#event_contents01 .col02{
	overflow:hidden;
}
#event_contents01 .col02 .left{
	width:590px;
	float:left;
}
#event_contents01 .col02 .right{
	width:200px;
	float:left;
	text-align:center;
	padding-left:30px;
}
#event_contents01 .col02 dl{
	width:650px;
}
#event_contents01 .col02 dl dd{
	width:550px;
}
#event_contents01 .col02 .right img.resp_100{
	width:200px;
	height:auto;
}
#event_contents01 ul.tabs-list{
	margin: 0;
}
/*-----------------------------------------------------
event_contents02
-------------------------------------------------------*/
#event_contents02{
	padding-bottom:30px;
	text-align:left;
}
#event_contents02 .txtRight{
	padding-right:10px;
}
#event_contents02 .txtRight a{
	padding-right:15px;
}
#event_contents02 .inner,
#event_contents02 .box{
	padding:0 50px;
	overflow:hidden;
}
#event_contents02 .news_list li{
	padding:6px 0;
	line-height:2em;
}
#event_contents02 h2{
	background:#f8e67a;
	font-weight:normal;
	font-size:1.4em;
	padding:8px 10px 3px 50px;
	color:#6A3906;
	letter-spacing:2px;
}
#event_contents02 div.resp_100{
	padding-top:20px;
	text-align:center;
}
#event_contents02 div.resp_100 img{
	padding-bottom:10px;
	width:100%;
	height:auto;
}
#event_contents02 .inner p.nom01{
	margin-top:0;
}
#event_contents02 .inner p.nom02{
	margin-bottom:0;
}
#event_contents02 .inner .event_photo01{
	width:530px;
	overflow:hidden;
	margin:20px auto 30px;
}
#event_contents02 .inner .event_photo01 .floatL{
	float:left;
	margin:0 !important;
}
#event_contents02 .inner .event_photo01 .floatR{
	float:right;
	margin:0 !important;
}
/*-----------------------------------------------------
summer_contents01
-------------------------------------------------------*/
.summer{
	padding-bottom:40px;
	background:#cfeaf7 url(../img/kyouryoku/yaji.png) no-repeat left bottom;
	background-size: contain;
}
.summer .summer_event{
	padding-bottom:5px;
	background:#cfeaf7 url(../img/event/sea.jpg) no-repeat 50% top;
}
#summer_contents01{
	padding-bottom:30px;
	text-align:left;
}
#summer_contents01 .txtRight{
	padding-right:10px;
	margin-bottom:20px;
}
#summer_contents01 .txtRight a{
	padding-right:15px;
}
#summer_contents01 h2{
	background:#3e9fb5;
	font-weight:normal;
	font-size:1.4em;
	padding:8px 10px 3px 50px;
	color:#fff;
	letter-spacing:2px;
}
#summer_contents01 .inner{
	/*padding:0 50px;*/
}
#summer_contents01 .flower p{
	line-height:1.8em;
}
#summer_contents01 .flower{
	background:url(../img/event/flower.png) no-repeat 780px bottom;
	/*padding-right:200px;*/
}
#summer_contents01 .flower ul{
	overflow:hidden;
	margin:15px 0 30px;
}
#summer_contents01 .flower ul li{
	width:150px;
	background:#e3f5fd;
	padding:10px 10px 10px 25px;
	margin-right:25px;
	float:left;
}
#summer_contents01 .flower ul li .blue_yaji{
	background:url(../img/common/blue_yaji02.png) no-repeat left center;
	padding-left:10px;
}
#summer_contents01 .flower ul li a{
	display:block;
}
#summer_contents01 #anchor{
	background:#e3f5fd;
	overflow:hidden;
	padding:15px 0;
}
#summer_contents01 #anchor img{
	width:241px;
	float:left;
	padding-left:50px;
}
#summer_contents01 #anchor .links{
	float:right;
}
#summer_contents01 #anchor .single{
	padding-top:35px;
}
#summer_contents01 #anchor .links ul{
	overflow:hidden;
	text-align:left;
	padding:5px 0;
}
#summer_contents01 #anchor .links ul li{
	width:230px;
	float:left;
	background:url(../img/common/blue_yaji02.png) no-repeat left center;
	padding-left:10px;
}
#summer_contents01 .inner h3{
	width:220px;
	background:#f4e9c8;
	font-weight:normal;
	padding:10px 10px 10px 10px;
	margin:20px 0 15px;
	text-align:center;
}
#summer_contents01 .inner .tableBase01 table{
	width:100%;
	border:1px solid #d5d4d4;
	background-color:#e8edf0;
	border-collapse: collapse;
	text-align:center;
}
#summer_contents01 .inner .tableBase01 table caption{
	display:none;
}
#summer_contents01 .inner .tableBase01 table th,
#summer_contents01 .inner .tableBase01 table td {
	padding:7px;
	border:1px solid #d5d4d4;
}
#summer_contents01 .inner .tableBase01 table th{
	background-color:#395590;
	color:#fff;
}
#summer_contents01 .inner .tableBase01 table td{
	padding:7px;
	background-color:#ffffff;
}
#summer_contents01 .inner .tableBase01 table tr.f_only td{
	background-color:#fff3f3;
}
#summer_contents01 .inner .tableBase01 table tr.fp_only td{
	background-color:#f5fae6;
}
#summer_contents01 .inner .tableBase01 table .w10{
	width:10%;
}
#summer_contents01 .inner .tableBase01 table .w15{
	width:15%;
}
#summer_contents01 .inner .tableBase01 table .w20{
	width:20%;
}
#summer_contents01 ul.tabs-list{
	margin: 0;
}
.legend_left {
	float: left;
}
.legend_not_only {
	display: inline-block;
	width: 2em;
	height: 0.7em;
	border: 1px solid #d5d4d4;
	background-color: #fff;
}
.legend_f_only {
	display: inline-block;
	width: 2em;
	height: 0.7em;
	border: 1px solid #d5d4d4;
	background-color: #fceae8;
}
.legend_fp_only {
	display: inline-block;
	width: 2em;
	height: 0.7em;
	border: 1px solid #d5d4d4;
	background-color: #e7f3d3;
}
.legend_not_only + span,
.legend_f_only + span,
.legend_fp_only + span {
	margin: 0 1em 0 0.2em;
	font-size: 0.9em;
}
@media screen and (max-width: 640px) {
/****アコーディオンスタイル****/
.accordionStyle label{
 display: block;
}
.accordionStyle label img{
	width:100%;
	height:auto;
}
.accordionStyle label{
	cursor:pointer;
}
.accordionStyle ul#nav,
.accordionStyle .box{
 display: none;
}
.accordionStyle input[type="checkbox"].on-off{
 display: none;
}
.accordionStyle input[type="checkbox"].on-off:checked ~ ul#nav,
.accordionStyle input[type="checkbox"].on-off:checked ~ .box{
 display: block;
}
/****アコーディオンスタイル****/
/*-----------------------------------------------------
what
-------------------------------------------------------*/
#event{
	background:#fff;
	padding:0;
}
#event p{
	padding:0 10px;
	margin:1em 0;
}
/*-----------------------------------------------------
yaji
-------------------------------------------------------*/
#event,
#yaji{
	background:none;
	padding: 0;
}
#event h2,
#yaji h2{
	padding:15px 10px 15px 60px;
}
#event .icon01,
#yaji .icon01{
	background:#f7f5dc url(../img/event/sp/01_sp_message_title.png) no-repeat left center;
}
/*-----------------------------------------------------
event_contents01
-------------------------------------------------------*/
#event_contents01{
	padding-bottom:0;
}
#event_contents01 h2{
	font-size:1.2em;
	padding-left:10px;
}
#event_contents01 #riko2017{
	background:#cfeaf7 url(../img/event/sp/sp_event_sea.jpg) repeat-x left top;
}
#event_contents01 #riko2017 ul{
	width:70%;
	margin:0 auto;
	padding:50px 0 30px 0;
}
#event_contents01 #riko2018 ul{
	width:70%;
	margin:0 auto;
	padding:30px 0 50px 0;
}
#event_contents01 #riko2019 ul{
	width:70%;
	margin:0 auto;
	padding:30px 0 50px 0;
}
#event_contents01 #riko2017 ul li.left,
#event_contents01 #riko2017 ul li.right,
#event_contents01 #riko2018 ul li.left,
#event_contents01 #riko2018 ul li.right,
#event_contents01 #riko2019 ul li.left,
#event_contents01 #riko2019 ul li.right{
	float:none;
	padding-top:20px;
}
#event_contents01 #riko2017 ul li img,
#event_contents01 #riko2018 ul li img,
#event_contents01 #riko2019 ul li img{
	width:100%;
	height:auto;
}
#event_contents01 #riko2016{
	background:#cfeaf7 url(../img/event/sp/sp_sea.png) repeat-x left top;
}
#event_contents01 #riko2016 ul{
	width:70%;
	margin:0 auto;
	padding:30px 0 30px 0;
}
#event_contents01 #riko2016 ul li.left,
#event_contents01 #riko2016 ul li.right{
	float:none;
	padding-top:20px;
}
#event_contents01 #riko2016 ul li img{
	width:100%;
	height:auto;
}
#event_contents01 #riko2015 ul{
	width:70%;
	margin:0 auto;
	padding:30px 0 30px 0;
}
#event_contents01 #riko2015 ul li img{
	width:100%;
	height:auto;
}
#event_contents01 #top2015{
	width: 96%;
 margin: 0 10px;
}
#event_contents01 .inner{
	width:auto;
	margin:20px 0 0;
}
#event_contents01 .inner h3{
	width:auto;
	text-align:left;
	padding:0;
	margin-bottom:0;
}
#event_contents01 .inner h3 label{
	padding: 8px 30px 8px 25px;
 background:#fbefa6 url(../img/common/red_yaji.png) no-repeat 97% center;
}
/*1カラム*/
#event_contents01 .wrap{
	padding:10px 0;
}
#event_contents01 .last{
	padding-bottom:0;
}
#event_contents01 .wrap dl{
	width:auto;
	padding:7px 10px;
}
#event_contents01 .wrap dl dt,
#event_contents01 .wrap dl dd{
	float:none;
}
#event_contents01 .wrap dl dt{
	margin-bottom:5px;
}
/*2カラム*/
#event_contents01 .col02 .left,
#event_contents01 .col02 .right{
	float:none;
}
#event_contents01 .col02 .right{
	padding:10px 0 0 0;
}
/*-----------------------------------------------------
event_contents02
-------------------------------------------------------*/
#event_contents02{
	padding-bottom:0;
}
#event_contents02 .inner,
#event_contents02 .box{
	width:auto;
	padding:0 10px;
}
#event_contents02 .news_list{
	padding-top:10px;
}
#event_contents02 .news_list li{
	padding:5px 0;
}
#event_contents02 h2{
	font-size:1.2em;
	padding-left:10px;
}
#event_contents02 .inner p.nom01{
	margin-top:1em;
}
#event_contents02 .inner .event_photo01{
	width:auto;
	margin:0 auto 30px;
	text-align:center;
}
#event_contents02 .inner .event_photo01 .floatL,
#event_contents02 .inner .event_photo01 .floatR{
	float:none;
	padding-top:20px;
}
/*-----------------------------------------------------
summer_contents01
-------------------------------------------------------*/
.summer{
	padding-bottom:0;
	background:none;
}
.summer .summer_event{
	padding:0 0 10px;
	background:#fff url(../img/event/sp/sp_sea.jpg) no-repeat center bottom;
	background-size:contain;
}
.summer .summer_event img{
	width:100%;
	height:auto;
}
#summer_contents01{
	padding-bottom:0;
}
#summer_contents01 h2{
	font-size:1.2em;
	padding-left:10px;
}
#summer_contents01 .inner{
	padding:0 10px;
}
#summer_contents01 .flower{
	background:none;
	padding:0;
	margin:0;
}
#summer_contents01 .flower p{
	padding:0 10px;
}
#summer_contents01 .flower ul{
	width:auto;
	padding-top:0;
	margin:0 0 10px;
}
#summer_contents01 .flower ul li{
	width:auto;
	margin:0 0 10px 0;
	float:none;
}
#summer_contents01 #anchor{
	width:auto;
}
#summer_contents01 #anchor .links{
	width:auto;
	float:none;
}
#summer_contents01 #anchor .links ul{
	width:auto;
	padding:0 10px;
}
#summer_contents01 #anchor .links ul li{
	width:auto;
	float:none;
	padding:5px 0 5px 10px;
}
#summer_contents01 .inner .tableBase01{
	overflow: auto;
}
#summer_contents01 .inner .tableBase01 table{
	width:700px;
	white-space: normal;
}
#summer_contents01 .inner .tableBase01::-webkit-scrollbar{
	height: 7px;
}
#summer_contents01 .inner .tableBase01::-webkit-scrollbar-track{
	background: #F1F1F1;
}
#summer_contents01 .inner .tableBase01::-webkit-scrollbar-thumb{
	background: #BCBCBC;
}
.legend_left {
	float: none;
}
}
/*-----------------------------------------------------
2018年追加
-------------------------------------------------------*/
#contentsArea ul li ul.child_news_list{
	margin: 0 2em;
}
.child_news_list li {
	background-image: url(../../img/common/gnavi_yaji.png);
 background-position: left 16px;
 background-repeat: no-repeat;
}
/*タブレット+スマートフォン向け*/
@media screen and (max-width: 960px){
}
/*タブレット+PC向け*/
@media screen and (min-width: 641px){
}
/*PC向け*/
@media screen and (min-width: 961px){
}
/*タブレット向け*/
@media screen and (min-width: 641px) and (max-width: 960px){
}
/*スマートフォン向け*/
@media screen and (max-width: 640px){
	#event_contents01 #riko2019{
		margin-bottom: 1em;
		background:url(../img/event/sp/sp_event_2019.jpg) no-repeat center bottom;
		background-size: 100% 100%;
	}
}
</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/event2.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.gender.go.jp/c-challenge/css/event2.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>