@charset "UTF-8";
/*special2018––––––––––––––––––––––––––––––––––––––––––––––––––
* Skeleton V1.1
* Grid 1200px
––––––––––––––––––––––––––––––––––––––––––––––––––special2018*/

@import url(font-awesome.min.css);
@import url(skeleton1200.css);
@import url(normalize.css);

/* normalize */

*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box;}
body                 {
	font-size: 1.2rem;/*全体のフォントサイズ*/
	font-family: YuGothic, "Yu Gothic", 游ゴシック体, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 1.7rem;
	background: rgba(240,240,237,1);
	color: rgba(51,51,51,1);
}
a                    { color: rgba(51,51,51,1); text-decoration: underline;}
a:hover              { color: rgba(41,128,185,.7);}
.logo                { float: left; max-width: -webkit-max-content;}
.container,
.fullcontainer       { padding: 0px 0px 0px 0px;}
.columns, .column    { }


/*youtube Thumbnail Link
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.movie,.movie_link                     { position: relative; width: 100%; margin: 0 auto; }
.movie img,.movie_link img             { width: 100%; height: auto; }
.movie a,.movie_link a                 { display: block; line-height: 0;text-decoration: none;}
.movie a::before,.movie_link a::before { content: "\f16a"; font-family: FontAwesome; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: rgba(255, 255, 255, 1); font-size: 7em; -webkit-transition: .3s; transition: .3s;}
.movie a:hover:before,
.movie_link a:hover:before             { color: rgba(255, 255, 255, .7); }
/*youtube iframe embedded
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.youtube_frame        { position: relative; width: 100%; padding-top: 56.25%; }
.youtube_frame iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/*youtube colorbox
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.youtube              { position: relative; width: 100%; margin: 0 auto; }
.youtube img          { width: 100%; height: auto; }
.youtube a            { display: block; line-height: 0;}
/*table
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table                 { width: 100%; margin-bottom: 1rem; border-collapse: collapse;}
th                    { padding: 1em; border-width: 1px 1px 1px 1px; border-color: #333; border-style: solid; background: #fff; }
td                    { padding: 1em; border-width: 1px 1px 1px 1px; border-color: #333; border-style: solid; background: #eee; }
/*vertically ver.*/
.vertically th        { width: 20%; }
.vertically td        { width: 80%; }
/*split ver.*/
.split th             { width: 25%; }
.split td             { width: 25%; }

/*Contents----------------------------------------------------------*/
.header {
	background-image: url(../images/contbg.png);
}
.header h1 img {
	width: 268px;
	height: 68px;
}
.head_sns {
	position: absolute;
	top: 1em;
	right: 1em;
	color: #fff;
	text-align: center;
	z-index: 10;
}
.head_sns a {
	padding: .3em 0em;
	width: 2.8em;
	height: auto;
	background-color: #55acee;
	display: inline-block;
	text-align: center;
	line-height: 1;
	color: #fff;
}
.head_sns a.sns_fb {
	background-color: #315096;
}
.dark_bg {
	background-image: url(../images/bg.jpg);
	padding-top: 40px;
	padding-bottom: 40px;
	color: #fff;
	box-shadow:0px 0px 6px 1px #000000;
	-moz-box-shadow:0px 0px 6px 1px #000000;
	-webkit-box-shadow:0px 0px 6px 1px #000000;
}
.light_bg {
	padding-top: 40px;
	padding-bottom: 40px;
}
.footer {
	border-top: 1px solid #333333;
}

/*page style
==================================================================================================== */
.center{
	text-align:center;
}

.light_imgbg {
	background:url(../images/pierrotbg.png) no-repeat center center;
	background-size:auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

.slide {
	box-shadow:0px 0px 6px 1px #000000;
	-moz-box-shadow:0px 0px 6px 1px #000000;
	-webkit-box-shadow:0px 0px 6px 1px #000000;
}
.overview_text p {
	text-indent: 1em;
	margin: 0.6em auto;
	letter-spacing: -1px;
}
.overview_text p del {
	color: rgba(184,45,33,1);
}
.overview_text p del span {
	color: rgba(51,51,51,1);
}
.judge h2,
.total h2,
.firstselection h2,
.grandprix h2.pc_view,
.award h2,
.requirements h2,
.entryform h2 {
	text-align: center;
}
.judge h2 img,
.award h2 img,
.total h2 img,
.requirements h2 img,
.entryform h2 img {
	width: 498px; height: auto;
}
.firstselection h2 img {
	width: auto; height: 48.83px;
}
.firstselection h2.pc_view img,
.grandprix h2.pc_view img {
	width: 100%;
	height: auto;
}
.firstselection h2.pc_view,
.grandprix h2.pc_view {
	display: block;
}
.firstselection h2.sp_view,
.grandprix h2.sp_view {
	display: none;
}
.grandprix_txt img {
	width: 700px;
	height: auto;
	margin: 2em auto;
}
.judge_detail,
.award_detail {
	text-align: center;
	color: #ffffff;
}
.total_detail,
.total {
	text-align: center;
}
.total_detail p {
	text-align: left;
}
.total_detail h3 {
	color: #3381a8;
	text-align: left;
}
.requirements_detail {
	color: #333333;
}
.judge_detail img {
	width: 100%; height: auto;
}
.total span img,
.total_detail img {
	width: 320px; height: auto;
	margin-bottom: 1em;
}
.overview_text p.btn_result {
	text-align: center;
	margin: 2em auto 3em auto;
}
.overview_text button:focus {
	outline: 0;
}
.overview_text button {
	text-align: center;
	background-color:  rgba(138,0,32 ,1);
	font-size: 1.2em;
	font-weight: bold;
	padding: 15px 40px;
	margin: 0px 10px;
	color: #fff;
	border: none;
	border-radius: 15px;
	-webkit-box-shadow: 0px 5px 0px rgba(105,0,24 ,1);
	        box-shadow: 0px 5px 0px rgba(105,0,24 ,1);
	-webkit-transition: 0.7s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	}
.overview_text button:hover {
	background-color:  rgba(105,0,24 ,1);
	-webkit-box-shadow: 0px 5px 0px rgba(105,0,24 ,1);
	        box-shadow: 0px 5px 0px rgba(105,0,24 ,1);
}
.update p span {
	font-size: 0.8em;
}
.award_detail img {
	width: 580px; height: auto;
}
.award_detail .pcview img {
	width: 100%; height: auto;
}
.award_detail .spview,
.bnr .spview {
	display: none;
}
.bnr .pcview img {
	width: 100%;
}
.requirements_detail p {
	margin-left: 1.5em;word-break: break-all;
}
form {
	margin-bottom: 1rem;
}
input[type="text"],textarea {
	color: #333;
	border-radius: 4px;
	border: 1px solid #646464;
}
.entryform_detail dl {
	margin-bottom: 0em;
	display: inline-block;
}
.entryform_detail_career dl,
.entryform_detail_entrymanuscript dl {
	margin-bottom: 0em;
}
.entryform_detail_entrymanuscript dl {
	margin-bottom: 1em;
}
.entryform_detail dt,
.entryform_detail_postcode dt,
.entryform_detail_address dt {
	width: 180px;
	float: left;
}
.entryform_detail_career dt,
.entryform_detail_entrymanuscript dt {
	width:100%;
	margin-bottom: .5em;
}

.entryform_detail dd,
.entryform_detail_postcode dd,
.entryform_detail_address dd {
	float: left;
}
.entryform_detail_career dd,
.entryform_detail_entrymanuscript dd {
	width:100%;
	margin-left: 0;
}
.entryform_detail_entrymanuscript dd p.conutblok {
	background-color: #80807e;
	margin: .5em 0;
	padding: .2em;
	text-align: center;
}
.entryform_detail input[type="text"] {
	width: 350px;
	height: 1.8em;
}
.entryform_detail_postcode input[type="text"] {
	width: 200px;
	height: 1.8em;
}
.entryform_detail_address input[type="text"] {
	width: 830px;
	height: 1.8em;
}
.entryform_detail_career textarea {
	width: 100%;
	height: 6em;
}
.entryform_detail_entrymanuscript textarea {
	width: 100%;
	height: 15em;
}
.submit_area {
	text-align: center;
}
input[type="submit"] {
	background-color:  rgba(39,174,96,1);
	font-size: 1.2em;
	font-weight: bold;
	padding: 15px 40px;
	margin: 0px 10px;
	color: #fff;
	border: none;
	border-radius: 15px;
	-webkit-box-shadow: 0px 5px 0px rgba(30,131,72,1);
	        box-shadow: 0px 5px 0px rgba(30,131,72,1);
	-webkit-transition: 0.7s;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	}
input[type="submit"]:hover {
	background-color:  rgba(30,131,72,1);
	-webkit-box-shadow: 0px 5px 0px rgba(30,131,72,1);
	        box-shadow: 0px 5px 0px rgba(30,131,72,1);
}
h3 {
	background-image: url(../images/icon_blue.png);
	background-repeat: no-repeat;
	padding-left: 1em;
	margin-bottom: 1em;
}
h3 img {width: auto;height: 25px;}
ul { padding-left: 2.5em; list-style: disc;}
li { padding-left: 0em; text-indent: 0em;}
p em { font-size: 2em; font-weight: bold; font-style: normal;}
p small {font-size: 1.1rem;}

p span.underline {background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, rgba(184,45,33,1))) repeat scroll 0 0;background: -webkit-linear-gradient(transparent 50%, rgba(184,45,33,1) 0%) repeat scroll 0 0;background: linear-gradient(transparent 50%, rgba(184,45,33,1) 0%) repeat scroll 0 0}
@media print{
  p span.underline { display: inline-block; background: none; border-bottom:4px solid rgba(184,45,33,1);}
}
/*firstselection_dtl table*/
.firstselection_header {
	background-image: none;
	text-align:center;
}
.firstselection_header h1 img {
    width: 268px;
    height: 68px;
}
.firstselection_dtl {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}
.firstselection_dtl img {
	width: auto; height: 48.83px;
	margin: 1.5em auto 1em auto;
}
.firstselection_dtl table {
	text-align: left;
	max-width: 760px;
	margin: 0 auto 1em auto;
}
.firstselection_dtl th {
	padding: 0.3em;
	background: #656565;
	color: #ffffff;
}
.firstselection_dtl td {
	padding: 0.3em;
}
.selection_results_dtl {
	margin: 0 auto;
	width: 90%;
}
.selection_results_dtl .ttl_selection_results {
	text-align: center;
}
.selection_results_dtl .ttl_selection_results img {
	width: 100%; height: auto;
	margin: 1.5em auto 1em auto;
}
.selection_results_dtl .selection_scenery img {
	width: 100%;
	height: auto;
	margin: 0 auto 1em auto;
}
.sceneryimg {
	margin-left:11.4px;
	margin-right:11.4px;
}
.selection_results_dtl .right {
	text-align: right;
}
.selection_results_dtl p {
	text-indent: 1em;
	margin: 0.6em auto;
	letter-spacing: -1px;
}
.selection_point h3 {
	color: #3381a8;
	text-align: left;
	margin-top: 2em;
}
.selection_item h4 {
	font-size: 1em;
}
.selection_point h4 {
	margin-top: 1em;
	font-size: 1em;
}
.selection_item {
	padding: 1em 1em;
	border-top: 1px solid #cccccc;
}
.selection_point th,
.selection_point td {
	background-color: transparent !important;
}
.selection_point h4.taisyou span {
	margin-bottom:2em;
	border: 1px solid #646464;
	padding: 0.3em;
	border-radius: 4px;
	margin-left: 1em;
}
/* #Tablet (Portrait) Note: Design for a width of 768px
==================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.judge_detail img { width: 100%; height: auto;}
	.award_detail img { width: 100%; height: auto;}
	.award_detail .pcview { display: none;}
	.award_detail .spview { display: block;}
	.award_detail .spview img { width: 100%; height: auto;}
	form {
		margin-bottom: 1rem;
	}
	input[type="text"],textarea {
		color: #333;
		border-radius: 4px;
		border: 1px solid #646464;
	}
	.entryform_detail dl {
		margin-bottom: 0em;
		display: block;
	}
	.entryform_detail_career dl,
	.entryform_detail_entrymanuscript dl,
	.entryform_detail_postcode dl,
	.entryform_detail_address dl {
		margin-bottom: 0em;
	}
	.entryform_detail_entrymanuscript dl {
		margin-bottom: 1em;
	}

	.entryform_detail dt,
	.entryform_detail_postcode dt,
	.entryform_detail_address dt {
		width: 180px;
		float: none;
	}
	.entryform_detail_career dt,
	.entryform_detail_entrymanuscript dt {
		width:100%;
		margin-bottom: .5em;
	}

	.entryform_detail dd,
	.entryform_detail_postcode dd,
	.entryform_detail_address dd {
		float: none;
		margin-left: 0;
	}
	.entryform_detail_career dd,
	.entryform_detail_entrymanuscript dd {
		width:100%;
		margin-left: 0;
	}
	.entryform_detail_entrymanuscript dd p.conutblok {
		background-color: #80807e;
		margin: .5em 0;
		padding: .2em;
		text-align: center;
	}
	.entryform_detail input[type="text"] {
		width: 100%;
	}
	.entryform_detail_postcode input[type="text"] {
		width: 40%;
	}
	.entryform_detail_address input[type="text"] {
		width: 100%;
	}
	.entryform_detail_career textarea {
		height: 6em;
	}
	.entryform_detail_entrymanuscript textarea {
		height: 20em;
	}

}
/* #Tablet (Portrait) Note: Design for a width of 768px
==================================================================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.logo                { float: none;}
}

/* Note: Design for a width 1024 Desktop
==================================================================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) {

	.entryform_detail_postcode dt {
		width:100%;
		float: none;
		margin-bottom: 0em;
	}
	.entryform_detail_postcode dd {
		float: none;
	}
}

/* #Mobile (Portrait) Note: Design for a width of 320px
==================================================================================================== */
@media only screen and (max-width: 767px) {
	.logo                { float: none;}
	/*table
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	/*vertically ver.*/
	table.vertically    { border-collapse: collapse; border-bottom: 1px solid #333;}
	.vertically th      { border-width: 1px 1px 0px 1px; width: 100%; display: block; }
	.vertically td      { border-width: 1px 1px 0px 1px; width: 100%; display: block; }
	/*split ver.*/
	table.split         { border-collapse: collapse; border-bottom: 1px solid #333; }
	.split th           { display: none; }
	.split td           { border-width: 1px 1px 0px 1px; width: 100%; display: block; text-align: right; }
	.split td::before   { content: attr(data-label); float: left; font-weight: bold; }

	/*Contents----------------------------------------------------------*/
	.light_imgbg {
		background:url(../images/pierrotbg.png) no-repeat center center;
		background-size:contain;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.header h1 img {
		width: 200px;
		height: auto;
	}
	.head_sns {
		position: fixed;
		font-size: 80%;
		padding: 0;
		margin: 0;
		top: auto;
		bottom: 0;
		right: 0;
		width: 100%;
		background: #000;
	}
	.head_sns a {
		padding: .5em 0;
		width: 50%;
		height: auto;
		background-color: #55acee;
		display: block;
		float: left;
		text-align: center;
		line-height: 1;
		color: #fff;
	}
	.footer .eight p {
		margin-bottom: .5rem;
		padding: 0 2.5%;
	}

	.judge h2 img,
	.award h2 img,
	.total h2 img,
	.requirements h2 img,
	.entryform h2 img { width: 100%; height: auto;}
	.total span img,
	.total_detail img,
	.judge_detail img { width: 90%; height: auto;}
	.award_detail img { width: 100%; height: auto;}
	.award_detail .pcview,
	.bnr .pcview { display: none;}
	.award_detail .spview,
	.bnr .spview { display: block; text-align: center;}
	.award_detail .spview img { width: 100%; height: auto;}
	.firstselection h2 img {
		width: 100%; height: auto;
	}
	.bnr .spview img { width: 98%; height: auto;}
	.entryform_block .row {
		margin-bottom: 0;
	}
	.entryform_detail dl,
	.entryform_detail_postcode dl,
	.entryform_detail_address dl {
		margin-bottom: 0em;
		display: block;
	}
	.entryform_detail dt,
	.entryform_detail_postcode dt,
	.entryform_detail_address dt {
		width:100%;
		float: none;
		margin-bottom: .5em;
	}

	.entryform_detail dd,
	.entryform_detail_postcode dd,
	.entryform_detail_address dd {
		float: none;
		margin-left: 0;
	}
	.entryform_detail input[type="text"] {
		width: 100%;
	}
	.entryform_detail_postcode input[type="text"] {
		width: 50%;
	}
	.entryform_detail_address input[type="text"] {
		width: 100%;
		height: 3em;
	}
	.entryform_detail_entrymanuscript textarea {
		height: 20em;
	}
	.overview_text p.btn_result {
		text-indent: 0;
	}
	.overview_text button {
		margin: 0px 0px;
		font-size: 0.9em;
	}
	.firstselection_dtl img {
		width: 100%; height: auto;
		margin: 1.5em auto 1em auto;
	}
	.firstselection_dtl td {
		font-size: 0.8em;
	}
	.firstselection h2.pc_view,
	.grandprix h2.pc_view {
		display: none;
	}
	.firstselection h2.sp_view,
	.grandprix h2.sp_view {
		display: block;
	}
	.firstselection h2.sp_view img,
	.grandprix h2.sp_view img {
		width: 100%;
		height: auto;
	}
	.grandprix_txt img {
		width: 100%;
	}
	h3 span {
		display: block;
		margin-bottom: .3em;
	}
	.selection_results_dtl .ttl_selection_results img {
		width: 100%;
		height: auto;
	}
	.selection_point {
		word-break: break-all;
	}
	.selection_point ul {
		padding-left: 1.5em;
	}
	.sceneryimg {
		margin-left:0px;
		margin-right:0px;
	}
}
/* #Mobile (Landscape) Note: Design for a width of 480px
==================================================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.logo                { float: none;}
	/*table
	–––––––––––––––––––––––––––––––––––––––––––––––––– */
	/*vertically ver.*/
	table.vertically    { border-collapse: collapse; border-bottom: 1px solid #333;}
	.vertically th      { border-width: 1px 1px 0px 1px; width: 100%; display: block; }
	.vertically td      { border-width: 1px 1px 0px 1px; width: 100%; display: block; }
	/*split ver.*/
	table.split         { border-collapse: collapse; border-bottom: 1px solid #333; }
	.split th           { display: none; }
	.split td           { border-width: 1px 1px 0px 1px; width: 100%; display: block; text-align: right; }
	.split td::before   { content: attr(data-label); float: left; font-weight: bold; }

	/*Contents----------------------------------------------------------*/
	.light_imgbg {
		background:url(../images/pierrotbg.png) no-repeat center center;
		background-size:contain;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.header h1 img {
		width: 200px;
		height: auto;
	}
	.head_sns {
		position: fixed;
		font-size: 80%;
		padding: 0;
		margin: 0;
		top: auto;
		bottom: 0;
		right: 0;
		width: 100%;
		background: #000;
	}
	.head_sns a {
		padding: .3em 0;
		width: 50%;
		height: auto;
		background-color: #55acee;
		display: block;
		float: left;
		text-align: center;
		line-height: 1;
		color: #fff;
	}
}