@charset "UTF-8";
/*
*******************************************************************************************************
# index
*******************************************************************************************************
*/


/* main
------------------------------------------*/
.main{
	width:1200px;
}
@media only screen and (max-width: 736px){
	.main{
		width:100%;
	}
}


/* pageTitle
------------------------------------------*/
.pageTitle {
	background-color: #f8f2e6;
}
.pageTitle:after { content: ""; display: block; clear: both; }
.pageTitle>div {
	position: relative;
	width:1200px;
	margin: 0 auto;
}
.pageTitle .title {
	float: left;
}
.pageTitle .siteTitle {
	padding: 20px 0 0 0;
}
.pageTitle .siteTitle img {
	width: 257px;
	height: auto;
}
.pageTitle h1 {
	font-size: 34px;
	color: #eb3072;
	padding: 2px 0 0 0;
}
.pageTitle .nav {
	/* float: right; */
	float: left;
	border: #000 3px solid;
	box-sizing:border-box;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	right: 0;
	top: 0;
	margin: 2.4em 0;
}
.pageTitle .nav ul:after { content: ""; display: block; clear: both; }
.pageTitle .nav li {
    float: left;
    border: 1px solid #000000;
    box-sizing: border-box;
}
.pageTitle .nav li a {
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 19px;
    font-weight: bold;
    padding-top: .4em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: .4em;

}
.pageTitle .nav li a span {
    font-size: 60%;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0.5em;
    margin-bottom: 0;
}
/*.pageTitle .nav li:first-child {
	border-left: none;
}*/
.pageTitle .nav li.current {
	background-color: #000;
}
.pageTitle .nav li.current a {
	color: #fff;
}

@media only screen and (max-width: 736px){
	.pageTitle {
		height: auto;
	}
	.pageTitle>div {
		width:92%;
		margin: 0 auto;
		padding-bottom: 2em;
	}
	.pageTitle .siteTitle {
		font-size: 30px;
		width: 9em;
		line-height: 1.4;
		margin: 0 auto;
		padding: 0 0 0 0;
	}
	.pageTitle .siteTitle img {
		width: 100%;
		height: auto;
	}
	.pageTitle h1 {
		text-align: center;
		font-size: 30px;
		padding: .3em 0 .4em 0;
	}
	.pageTitle .title {
		float: none;
	}
	.pageTitle .nav {
		float: none;
		width: 100%;
		margin: 0;
	}
	.pageTitle .nav ul {
		float: none;
	}
	.pageTitle .nav li {
		width: 33.333333333333%;
		border: none;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}
	.pageTitle .nav li.border-r-none {
		border-right: none;
	}
	.pageTitle .nav li.border-b-none {
		border-bottom: none;
	}
	/*.pageTitle .nav li {
		width: 20%;
	}*/
	.pageTitle .nav li a {
		text-align: center;
		font-size: 16px;
		padding: .4em 0 .4em 0;
	}
	.pageTitle .nav li a span {
		display: block;
		margin: 0;
	}
}

/* mainv
------------------------------------------*/
.mainv .flipsnap_wrp{
	position:relative;
	width:1200px;
	height:520px;
	background-color: #000;
	overflow:hidden;
}
.mainv .flipsnap {
	display: none;
}
.mainv .flipsnap li{
	float:left;
	position: relative;
}
.mainv .flipsnap li .txt {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 13px;
	width: 100%;
	text-align: center;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	color: #fff;
	padding: .5em 0;
}
.mainv .flipsnap_wrp .prev a{
	position:absolute;
	top:50%;
	left:25px;
	width:46px;
	height:46px;
	margin:-17px 0 0 0;
	text-indent:-9999px;
	background:url('/essaycontest/common/img/bt_prev_pc.png') no-repeat 0 0;
}
.mainv .flipsnap_wrp .prev a.disabled{
	display:none;
}
.mainv .flipsnap_wrp .next a{
	position:absolute;
	top:50%;
	right:25px;
	width:46px;
	height:46px;
	margin:-17px 0 0 0;
	text-indent:-9999px;
	background:url('/essaycontest/common/img/bt_next_pc.png') no-repeat 0 0;
}
.mainv .flipsnap_wrp .next a.disabled{
	display:none;
}
.mainv .sp_limit{
	display:none;
}
@media only screen and (max-width: 736px){
	.mainv{
		width:100%;
	}
	.mainv .flipsnap_wrp{
		position:relative;
		width:100%;
		height: auto;
		overflow:hidden;
	}
	.mainv .flipsnap_wrp img {
		width: 100%;
		height: auto;
	}
	.mainv .flipsnap_wrp .prev a{
		position:absolute;
		top:50%;
		left:0;
		width:20px;
		height:40px;
		margin:-20px 0 0 0;
		text-indent:-9999px;
		background:url('/essaycontest/img/bt_prev_sp.png') no-repeat 0 0;
		background-size:20px 40px;
	}
	.mainv .flipsnap_wrp .prev a.disabled{
		display:none;
	}

	.mainv .flipsnap_wrp .next a{
		position:absolute;
		top:50%;
		right:0;
		width:20px;
		height:40px;
		margin:-20px 0 0 0;
		text-indent:-9999px;
		background:url('/essaycontest/img/bt_next_sp.png') no-repeat 0 0;
		background-size:20px 40px;
	}
	.mainv .flipsnap_wrp .next a.disabled{
		display:none;
	}
}


/* section
------------------------------------------*/
.section {
	font-size: 16px;
	line-height: 1.4;
	padding: 50px 0 60px;
}
.ttl {
	margin-bottom: 40px;
}
.content {
	width: 950px;
	background-color: #fff;
	margin: 0 auto 3px;
	padding: 40px 40px 0;
}
@media only screen and (max-width: 736px){
	.section {
		font-size: 16px;
		padding: 2em 0;
	}
	.ttl {
		margin-bottom: 2em;
	}
	.content {
		width: 92%;
		margin: 0 auto 0;
		padding: 2em 0 0;
	}
}


/* prize
------------------------------------------*/
.prize {
	position: relative;
}
.prize .ttl h2 .text{
	background:url('/essaycontest/common/img/icn_prizes.png') no-repeat 0 center;
	padding:0 0 0 82px;
}
.prize .entryNum {
	position: absolute;
	top: 0;
	left: 50%;
	width: 150px;
	height: 231px;
	color: #fff;
	text-align: center;
	background:url('/essaycontest/report/img/prize_entryNum.png') 0 0 no-repeat;
	background-size: 100% auto;
	margin: 0 0 0 350px;
}
.prize .entryNum .heading {
	font-size: 14px;
	margin: 18px 0 0 0;
}
.prize .entryNum .num {
	font-size: 37px;
}
.prize .entryNum .num span {
	font-size: 50%;
}
.prize .prizeName {
    color: #000;
    height: 60px;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 50px;
}
.prize .prizeName span {
	font-size: 60%;
	font-weight: normal;
}
.prizeName span .prizenama_001 {
    font-size: 16px;
}

.prize .name {
	font-size: 35px;
	font-weight: bold;
}
.prize .name span {
	font-size: 60%;
}
.prize .group {
	margin: 0 0 10px 0;
}
.prize .group span {
	font-size: 20px;
	line-height: 1.4;
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: 33px 22px;
	padding: 0 0 0 46px;
}
.prize .group1 span { background-image: url('/essaycontest/common/img/img_flag_indonesia.png'); }
.prize .group2 span { background-image: url('/essaycontest/common/img/img_flag_vietnam.png'); }
.prize .group3 span { background-image: url('/essaycontest/common/img/img_flag_thai.png'); }
.prize ul:after { content: ""; display: block; clear: both; }
.prize li .img {
	float: left;
}
.prize li .txt {
	float: left;
}
.prize .btn a {
	display: block;
	width:190px;
	background: url('/essaycontest/common/img/icn_arrow_s.png') 20px center no-repeat;
	background-color: #0097e0;
	border-radius: 30px;
	text-align:center;
	margin: 30px 0 0 0;
	padding: 10px 0;
}
.prize .btn a span {
	font-size:18px;
	color:#ffffff;
	text-decoration:none;
}
.prize .btn_sankou a {
	display: block;
	width:190px;
	background: url('/essaycontest/common/img/icn_arrow_s_sankou.png') 20px center no-repeat;
	border:solid 1px #0097e0;
	border-radius: 30px;
	text-align:center;
	margin: 15px 0 0 0;
	padding: 5px 0;
}
.prize .btn_sankou a span {
	font-size:18px;
	color:#0097e0;
	text-decoration:none;
	font-size: 12px;
}
.prize .content1 ul {
	padding-bottom: 40px;
}
.prize .content1 li .img  {
	margin: 0 30px 0 0;
}
.prize .content1 .prizeName {
	height: 75px;
}
.prize .content1 .prizeName span {
	color: #cc3300;
	font-size: 32px;
	font-weight: bold;
	background:url('/essaycontest/report/img/prize_medal.png') 0 0 no-repeat;
	background-size: 39px 63px;
	margin: 0;
	padding: 10px 0 55px 55px;
}
.prize .content1 .name {
	font-size: 35px;
}
.prize .content1 .school {
	font-size: 16px;
	margin: 6px 0 0 0;
}
.prize .content2 ul {
	padding-bottom: 40px;
}
.prize .content2 li {
	float: left;
	width: 400px;
	margin: 0 40px 0 0;
}
.prize .content2 li .img  {
	margin: 0 26px 0 0;
}
.prize .content2 .prizeName {
	color: #cc3300;
}
.prize .content2 .name {
	font-size: 24px;
}
.prize .content2 .school {
	font-size: 16px;
	margin: 6px 0 0 0;
}
.prize .content3>ul>li:after { content: ""; display: block; clear: both; }
.prize .content3 .heading {
	border-bottom: #c1c1c1 1px solid;
}
.prize .content3 .txt {
	width: 930px;
	margin: 20px 0 40px 20px;
	padding: 0 0 0;
}
.prize .content3 .txt li {
	float: left;
	width: 166px;
	margin: 0 20px 15px 0;
	padding: 0 0 0 0;
}
.prize .content3 .txt li .name {
	font-size: 16px;
}
.prize .content3 .txt li .school {
	font-size: 11px;
}
.prize .content4 .txt {
	width: 930px;
	margin: 20px 0 40px 20px;
	padding: 0 0 0;
}
.prize .content4 .txt li {
    float: left;
    width: 211px;
    height: 54px;
    margin: 0 20px 10px 0;
    padding: 0 0 0 0;
}
.prize .content4 .txt li .name {
	font-size: 16px;
}
.prize .content4 .txt li .Prefecture {
	font-size: 11px;
}
@media only screen and (max-width: 736px){
	.prize .ttl h2 .text{
		background-size: auto 30px;
		padding-left: 42px;
	}
	.prize {
		text-align: center;
	}
	.prize .entryNum {
		left: auto;
		right: 0;
		width: 70px;
		height: 120px;
		margin: 0 10px 0 0;
	}
	.prize .entryNum .heading {
		margin-top: 1.5em;
		font-size: 9px;
	}
	.prize .entryNum .num {
		font-size: 16px;
	}
	.prize .content {
		margin-bottom: 6px;
	}
	.prize .content img {
		width: 100%;
		height: auto;
	}
	.prize .content2 img {
        width: 70%;
		height: auto;
	}
	.prize .content .group {
		margin: 1em 0;
	}
	.prize .content .img {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.prize .content .txt {
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.prize .content .btn a {
		width: 90%;
		margin: 1em auto 1em;
		padding: 1em 0;
	}
	.prize .content .btn_sankou a {
		width: 90%;
		margin: 1em auto 1em;
		padding: 0.5em 0;
	}
	.prize .content2 ul {
		padding-bottom: 0;
	}
	.prize .content2 li {
		float: none;
		width: 100%;
		padding: 0 0 2em 0;
	}
	.prize .content2 li .img {
		float: none;
		width: 60%;
		margin: 0 auto;
	}
	.prize .content3 .txt {
		width: 96%;
		text-align: left;
		margin: 1.5em auto 0;
		padding: 0 0 1em 0;
	}
	.prize .content3 .txt li {
		width: 48%;
		margin: 0 1% 0;
		padding: 0 0 0 0;
	}
	.prize .content3 .txt li .school {
		height: 3em;
	}
	.prize .content4 .txt {
		width: 96%;
		margin: 1.5em auto 0;
		padding: 0 0 1em 0;
	}
	.prize .content4 .txt li {
		width: 100%;
		margin: 0 1% 0;
		padding: 0 0 0 0;
	}

}


/* entryList
------------------------------------------*/
.entryList .content {
	line-height: 2;
	padding-top: 0;
}
.entryList .ttl h2 .text{
	background:url('/essaycontest/common/img/icn_school.png') no-repeat 0 center;
	padding:0 0 0 82px;
}
@media only screen and (max-width: 736px){
	.entryList .ttl h2 .text{
		background-size: auto 30px;
		padding-left: 42px;
	}
}
/* entry_discription
------------------------------------------*/
.entry_discription .content {
	line-height: 1.8;
	padding: 0;
	font-size: 14px;
	overflow: hidden;
}
.entry_discription .content p.al-r{
	float: right;
}


/* judge
------------------------------------------*/
.judge .content {
	padding-bottom: 30px;
}
.judge .ttl h2 .text{
	background:url('/essaycontest/common/img/icn_judge.png') no-repeat 0 center;
	padding:0 0 0 82px;
}
.judge li {
	border-bottom: #eeeeee 3px solid;
	margin: 0 0 20px;
	padding: 0 0 20px;
}
.judge li:after { content: ""; display: block; clear: both; }
.judge .heading {
	float: left;
	font: 18px;
	font-weight: bold;
	width: 8em;
}
.judge dl {
	float: left;
	text-align: left;
}
.judge dl:after { content: ""; display: block; clear: both; }
.judge dt {
	clear: both;
	float: left;
	font-size: 20px;
	font-weight: bold;
	width: 8em;
}
.judge dt span {
	font-size: 60%;
	font-weight: normal;
	margin: 0 0 0 6px;
}
.judge dd {
	float: left;
	line-height: 2em;
}
.judge .name {
	margin: 0 0 0 0;
}
.judge li .school br {
	display: none;
}

@media only screen and (max-width: 736px){
	.judge .ttl h2 .text{
		background-size: auto 30px;
		padding-left: 38px;
	}
	.judge .content {
		padding: .5em 0 .5em;
	}
	.judge .heading {
		float: none;
		width: 100%;
		text-align: center;
		margin: 1.5em 0 1.5em;
	}
	.judge ul {
		width: 96%;
		margin: 0 auto;
	}
	.judge li {
		padding-bottom: 1em;
	}
	.judge dl {
		float: none;
	}
	.judge dt {
		float: none;
		width: 100%;
		text-align: center;
	}
	.judge dd {
		float: none;
		line-height: 1.4;
		text-align: center;
		margin: .3em 0 1em;
	}
	.judge li .school br {
		display: inline;
	}
}

/* tourReport
------------------------------------------*/
.tourReport .content {
	line-height: 2;
	padding-top: 0;
}
.tourReport .ttl h2 .text{
	background:url('/essaycontest/common/img/icn_report.png') no-repeat 0 center;
	padding:0 0 0 66px;
}
.tourReport .gallery {
	width: 950px;
	margin: 0 auto;
}
.tourReport .gallery .sp-previous-arrow {
	width: 46px;
	height: 46px;
	left: -23px;
	background:url('/essaycontest/common/img/bt_prev_pc.png') no-repeat 0 center;
}
.tourReport .gallery .sp-next-arrow {
	width: 46px;
	height: 46px;
	right: -23px;
	background:url('/essaycontest/common/img/bt_next_pc.png') no-repeat 0 center;
}
.tourReport .gallery .sp-previous-arrow,
.tourReport .gallery .sp-previous-arrow:before,
.tourReport .gallery .sp-previous-arrow:after,
.tourReport .gallery .sp-next-arrow,
.tourReport .gallery .sp-next-arrow:before,
.tourReport .gallery .sp-next-arrow:after {
	transform: none;
	background-color: transparent;
}
.tourReport .gallery .sp-thumbnail-container {
	box-sizing: inherit;
}
.tourReport .gallery .sp-selected-thumbnail {
	border: #0097e0 4px solid;
	box-sizing:border-box;
}
.tourReport .gallery .sp-grab {
	cursor: pointer;
}
.tourReport .content {
	width: 870px;
	margin: 6em auto 0;
}
.tourReport .content .article {
	margin: 2em 0;
}
.tourReport .content .article dl:after { content: ""; display: block; clear: both; }
.tourReport .content .article .imgR {
	float: right;
	margin: .3em 0 0 2em;
}
.tourReport .content .article .imgL {
	float: left;
	margin: .3em 2em 0 0;
}
.tourReport .content .article img {
	float: left;
	margin: .3em 2em 0 0;
}

@media only screen and (max-width: 736px){
	.tourReport .ttl h2 .text{
		background-size: auto 30px;
		padding-left: 42px;
	}
	.tourReport .gallery {
		width: 100%;
	}
	.tourReport .gallery .sp-previous-arrow {
		width: 40px;
		height: 80px;
		left: 0;
		background:url('/essaycontest/common/img/bt_prev_sp.png') no-repeat 0 center;
	}
	.tourReport .gallery .sp-next-arrow {
		width: 40px;
		height: 80px;
		right: 0;
		background:url('/essaycontest/common/img/bt_next_sp.png') no-repeat 0 center;
	}
	.tourReport .gallery .sp-thumbnail-arrow {
		display: none!important;
	}
	.tourReport .content {
		width: 92%;
		margin: 0 auto;
	}
	.tourReport .content .article .imgR,
	.tourReport .content .article .imgL {
		width: 100%;
		float: none;
		margin: 1em 0 0;
	}
	.tourReport .content .article img {
		width: 100%;
		height: auto;
		margin-bottom: 1em;
	}
}

/* publications
------------------------------------------*/
.publications .content {
	padding-bottom: 30px;
	border-bottom: #fff 40px solid;
}
.publications .ttl h2 .text{
	background:url('/essaycontest/common/img/icn_publications.png') no-repeat 0 center;
	padding:0 0 0 82px;
}
.publications .heading {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px 0;
}
.publications ul {
	border-bottom: #eeeeee 3px solid;
}
.publications li {
	border-top: #eeeeee 3px solid;
	margin: 0 0 24px 0;
	padding: 24px 0 0 0;
}
.publications li:after { content: ""; display: block; clear: both; }
.publications li a {
	text-decoration: none;
}
.publications li span {
	display: block;
}
.publications li .headline:after { content: ""; display: block; clear: both; }
.publications li .headline span {
	float: left;
	color: #000;
	text-decoration: none;
}
.publications li .headline .headTxt {
	margin-bottom: 8px;
}
.publications li .headline .date {
	font-size: 14px;
	line-height: 1.5;
	width: 10em;
	color: #777;
}
@media only screen and (max-width: 736px){
	.publications .content {
		padding: 2em 0 0 0;
	}
	.publications .ttl h2 .text{
		background-size: auto 30px;
		padding-left: 42px;
	}
	.publications .heading {
		font-size: 16px;
	}
	.publications ul {
		width: 92%;
		margin: 0 auto;
	}
	.publications li .headline span {
		float: none;
	}
	.publications li .headline .date {
		line-height: 1.2;
		width: auto;
		margin-bottom: .4em;
	}
}

/* sp
------------------------------------------*/