@charset "utf-8";


#sideNavi .unicef {
	background:#09F;
}
#sideNavi .unicef a {
	color:#fff;
}

#mainvisual {
	padding:10px 10px 0;
	width:550px;
    margin: 0 auto 30px;
	text-align:center;
}
#mainvisual .title {
}
#mainvisual ul {
	margin:0;
}
#mainvisual li {
	display:inline-block;
	list-style:none;
	margin-right:8px;
}
#mainvisual li.last {
	margin-right:0;
}
#mainvisual li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


ul.sentence {
	margin:0 0 1.2em 0;
}
ul.sentence li {
	list-style:none;
	display:block;
}
ul.sentence li a {
	padding:3px 30px 3px 10px;
	display:block;
	background:#dcf2ff;
	border:#359ad8 1px solid;
	border-radius:6px;
	position:relative;
}
ul.sentence li a:after {
	font-family: FontAwesome;
	content: '\f138';
	position:absolute;
	right:1%;
	top:50%;
	/*color:#359ad8;*/
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
ul.sentence li.tgl a:after {
	content: '\f13a';
}
.opened:after {
	content: '\f139' !important;
}

ul.sentence li a:hover {
	text-decoration:none !important;
	background:#359ad8;
	color:#fff !important;
}


@media screen and (max-width: 639px) {
#mainvisual {
	width:100%;
	padding:0;
	margin:0 auto 3.6vw;
}
#mainvisual img {
	width:100%;
	height:auto;
}
#mainvisual .title {
}
#mainvisual ul {
	margin:0;
}
#mainvisual li {
	display:inline-block;
	list-style:none;
	width:15%;
	margin:0 2% 2% 0;
}
#mainvisual li.last {
	margin-right:0;
}
ul.sentence li {
	margin-bottom:1vw;

}