@charset "utf-8";

/*

	bg-color     : #8d1318
	color,bg-btn : #d4bc7d
	bg-btn-icon  : #ba9b47
	.sc-winning bg-btn     : #b41c22
	.sc-winning bg-btn-ico : #890b10

*/

/*----------------------------------------------*/
/* content
/*----------------------------------------------*/
.pj-contents{ margin-top: 0 }
.pj-main{
	background:#8d1318 url('../img/bg_contents_texture_dot.png') repeat 0 0;
}
.sc-content {
	background:url('../img/bg_contents_texture_dot_large.png') no-repeat center 7%/95%;
}

.sc-content__inner{
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}
.sc-content__footer { padding-bottom: 4em }

.sc-section{ padding-top: 4em; padding-bottom: 4em; }
.sc-section.sc-frame{ padding-top: 3em; padding-bottom: 3em; }
.sc-section__header { margin-bottom: 4em }
.sc-section__header h2{ margin: 0; text-align: center; position: relative }
.sc-section__header h2 > *{ display: inline-block; vertical-align: middle; padding: 0 .5em }
.sc-section__header h2:before,
.sc-section__header h2:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 10%;
	height: 6px;
	background: url("../img/bg_heading_line_black.png") 0 0 repeat-x;
	/*position: absolute;*/
	/*top: 0;*/
	/*bottom: 0;*/
	/*margin: auto;*/
}

.sc-winning .sc-section__header h2{ color:#d4bc7d; }
.sc-winning .sc-section__header h2:before,
.sc-winning .sc-section__header h2:after{ display: none }

.sc-agreement .sc-section__header h2:before,
.sc-agreement .sc-section__header h2:after{ background-image: url("../img/bg_heading_line.png") }

/*
	color
*/
.sc-color{ color: #d4bc7d }

/*
	button
*/
.sc-btn{
	position: relative;
	line-height: 1.2;
	color: #333;
	background-color: #d4bc7d;
	display: inline-block;
	text-decoration: none;
	padding: .25em .5em;
}
.sc-btn:hover,
.sc-winning .sc-btn--more:hover{
	color: #FFF;
	background-color: #333;
}
.sc-btn:hover:after{
	background-color: #FFF;
}
.sc-btn__name{ display: inline-block; vertical-align: middle }
.sc-btn--anchor:after,
.sc-btn--more:after{
	content: "";
	width: 20px; height: 20px;
	display: inline-block;
	vertical-align: middle;
	background-color: #ba9b47;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: .5em;
	border-radius: 3px;
}
.sc-btn--anchor {}
.sc-btn--anchor:after{
	width: 24px; height: 24px;
	background-image: url("../img/ico_arrow_down.svg");
}
.sc-btn--anchor:hover:after{
	background-image: url("../img/ico_arrow_down_hover.svg");
}
.sc-btn--anchor small{ display: block; }
.sc-btn--more {}
.sc-btn--more:after{ background-image: url("../img/ico_arrow_right.svg"); }
.sc-btn--more:hover:after{
	background-image: url("../img/../img/ico_arrow_right_hover.svg");
}

.sc-winning .sc-btn--more      { color: #fff; background-color: #b41c22; }
.sc-winning .sc-btn--more:after{ background-color: #890b10; }

.sc-winning .sc-btn--more:hover:after{ background-color: #FFF; }


/*
	flag
*/
.sc-flag{ display: table; width: 100%; }
.sc-flag>*{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
}
.sc-flag>*:first-child{ padding-right:1em }

/*
	frame
*/
.sc-frame {
	border: solid transparent;
	border-width: 12px 0;
	border-image: url('../img/bg_panel_border.png') 12 round;
	background-clip: padding-box;
}
.sc-frame--wrap{
	border-width: 12px;
}

/*
	max-width
*/
@media ( max-width: 667px ) {
.sc-maxWidth\@Sp_M{
	max-width: 360px;
	width: 100%;
}
}

/*
	media screen
*/
@media ( min-width: 769px ) {
	.sc-content__inner{
		background-image:url('../img/bg_contents.png') ;
	}
}
@media ( max-width: 768px ) {
	.sc-content__footer,.sc-section { padding-bottom: 2em }
	.sc-section         { padding-top   : 2em; }
	.sc-section.sc-frame{ padding-top: 1em; padding-bottom: 1em; }
	.sc-section__header { margin-bottom : 2em }

	.sc-content__inner{
		background-image:url('../img/bg_contents@sp.png') ;
		background-position: top right;
	}
}

/*----------------------------------------------*/
/* keyvisual
/*----------------------------------------------*/
.sc-keyvisual .pj-page__inner {
	position: relative;
}
.sc-keyvisual h1{
	padding-top: 8%;
	margin: 0;
	text-align: center;
}
.sc-keyvisual h1 img{ width: 54.2708% }
.sc-keyvisual__photo{
	position: absolute;
	top  : 1%;
	left : 6%;
	width: 19.8437%;
}
.sc-keyvisual__period{
	position: relative;
	height: 1px;
}
.sc-keyvisual__period > *{
	position: absolute;
	bottom: 4000%;
	/*top: -5000%;*/
	left: 0;
	right: 0;
	margin:auto;
	text-align: center;
	width: 28%;
}


/*
	media screen
*/
@media ( max-width: 1400px ) {

}
@media ( max-width: 768px ) {
	.sc-keyvisual h1 img{ width: auto }
	.sc-keyvisual__period > *{
		width: 70%;
		bottom: 1600%;
	}
	.sc-keyvisual__photo{
		position: relative;
		top:auto;
		left: auto;
		width: 30%;
	}
}
/*----------------------------------------------*/
/* prize
/*----------------------------------------------*/
.sc-prize__panel {
	padding: 3em;
	background-color: #FFF;
	/*border: 3px solid ;*/
}
.sc-prize__panel.sc-frame--wrap{ padding: 2em; }

.sc-prize__panel .sc-section__header{ margin-bottom: 3em}

.sc-prize__panel .bs-grid > *{ text-align: center }
.sc-prizeGrid1 >*:nth-child(1){ width: 55%; padding-right: 1.5em; text-align: right }
.sc-prizeGrid1 >*:nth-child(2){ width: 45%; }
.sc-prizeGrid2 {
	border-top:1px solid #333;
	padding-top: 3em;
	margin-top: 3em;
}
.sc-prizeGrid2 >*:nth-child(1){ width: 45%;  }
.sc-prizeGrid2 >*:nth-child(2){ width: 55%; padding-left: 1.5em; text-align: left   }

@media ( max-width: 768px ) {
	.sc-prize__panel .bs-grid { flex-direction:column }
	.sc-prize__panel .bs-grid > *:nth-child(n) { width: 100%; text-align: center; padding:  0}
	.sc-prize__panel { padding: 2em 3em 3em; }
	.sc-prize__panel .sc-section__header{ margin-bottom: 2em}
	.sc-prize__panel .sc-prizeGrid1 *:nth-child(2){ margin-top: 1em }
	.sc-prize__panel .sc-prizeGrid2 {
		flex-direction: column-reverse;
		padding-top: 2em;
		margin-top: 2em;
	}
	.sc-prize__panel .sc-prizeGrid2 *:nth-child(1){ margin-top: 1em }
}
/*----------------------------------------------*/
/* application
/*----------------------------------------------*/
.sc-application{
	background-color: #FFF;
}
.sc-applicationStep{
	list-style: none;
	padding-left: 0;
	margin-left: -1.5em;
	margin-right: -1.5em;
}
.sc-applicationStep > *{
	/*box-sizing: content-box;*/
	color: #FFF;
	background-color: #8d1318;
	border:solid #FFF;
	border-width: 0 1.5em;
	padding: 2em;
}
.sc-applicationStep > *:nth-child(1),
.sc-applicationStep > *:nth-child(2){ width: 50%; }
.sc-applicationStep > *:nth-child(3){ width: 100%; border-top-width:3em  }
.sc-applicationStep > * > *:first-child{
	position: relative;
	margin-top: -5.5em;
	margin-left: -3em;
}

.sc-applicationStep .sc-applicationStepBtn{  padding: 1em 0; box-sizing: border-box;  text-align: center  }
.sc-applicationStep__step1 .sc-applicationStepBtn{ display: block; }
.sc-applicationStep__step2 div img { margin-top: 1.5em}
.sc-applicationStep__step3 { position: relative; }
/*.sc-applicationStep__step3 .sc-applicationStepBtn{ margin-top: 1em; width: 50%;  }*/
/*.sc-applicationStep__step3 .bs-grid > *:nth-child(1){ width: 56.5%; }*/
/*.sc-applicationStep__step3 .bs-grid > *:nth-child(2){ width: 43.5%; border: solid #ba9b47; border-width: 0 0 0 1px; padding-left: 2em; padding-bottom: 1em; }*/

/*.sc-applicationStep__step3 .bs-grid > *:nth-child(1) img { width: 95.55%; }*/
/*.sc-applicationStep__step3 .bs-grid > *:nth-child(2) img { width: 92.31%; }*/

.sc-applicationStep__step3 .bs-grid > * { text-align: center  }
.sc-applicationStep__step3 .bs-grid > *:nth-child(1){ width: 39%; padding-right: 1em }
.sc-applicationStep__step3 .bs-grid > *:nth-child(2){ width: 26%; }
.sc-applicationStep__step3 .bs-grid > *:nth-child(3){ width: 35%; padding-left: 1em; }

.sc-applicationStep__step3 .sc-applicationStepBtn{
	position: absolute;
	left: 1em;
	right: -1em;
	bottom: 0;
	margin: 0 auto;
	padding-left: 1em;
	padding-right: 1em;
	width: 80%;
	display: block;
}

.sc-agreementBtn{
	padding: .75em 1em .75em 3em;
	text-align: center;
	line-height: 1.3;
}
.sc-agreementBtn .sc-btn__name { padding: 0 1em}
.sc-agreementBtn small{ font-size: 1.3rem }


@media ( max-width: 900px ) {

	.sc-applicationStep__step3 .sc-applicationStepBtn {
		position: relative;
		display: block;
		text-align: center;
		width: auto;
	}
}

@media ( max-width: 798px ) {
	.sc-applicationStep { display: block; margin: 0 }
	.sc-applicationStep > *{ padding: 2em 1em ; }

	.sc-applicationStep > li:nth-child(n) { width: auto; border: none; max-width: 320px; margin-left: auto; margin-right: auto }
	.sc-applicationStep > li:nth-child(n) { margin-top: 4em }
	.sc-applicationStep > * > *:first-child{margin-left: -2.5em; }
	.sc-applicationStep > * > *:nth-child(2){
		position: relative;
		margin-top: -1em;
	}
	.sc-applicationStep .bs-grid > *:nth-child(n) {
		width: 100%;
		border-width: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.sc-applicationStep .bs-grid > *:nth-child(n+2) {
		margin-top: 1em;
	}
	/*.sc-applicationStep__step3 .bs-grid > *:nth-child(1) img { width: 100%; }*/
	/*.sc-applicationStep__step3 .bs-grid > *:nth-child(2) { border-top-width: 1px; padding-top: 1.5em; margin-top: 1.5em }*/
	/*.sc-applicationStep__step3 .bs-grid > *:nth-child(2) img { width: 60%; }*/
	/*.sc-applicationStep__step3 .bs-grid > *:nth-child(2) { padding-bottom: 0; }*/

	.sc-applicationStep__step2 div img { margin-top: 0; }
	.sc-applicationStep__step3 .sc-applicationStepBtn{
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		display: block;
		margin-top: 1em;
	}

	.sc-applicationStep .sc-flag,
	.sc-applicationStep .sc-flag + .sc-btn,
	.sc-applicationStep .bs-grid { max-width: 480px; margin-left:auto; margin-right:auto }
}

/*----------------------------------------------*/
/* winning
/*----------------------------------------------*/
.sc-winning{
	color: #FFF;
}

.sc-winningPanel {
	background-color: #FFF;
	padding: 2em;
}
.sc-winningPanel.sc-frame--wrap{ padding: 1em; }
.sc-winningPanel .bs-grid{ margin-top: 2em }
.sc-winningPanel .sc-btn{ display: block; text-align: center; padding: .75em 1em }
.sc-winningPanel .sc-btn__name{ padding:0 .25em }

@media ( max-width: 1300px ) {
	.sc-winningPanel .sc-btn__name { font-size: 1.3rem }
}
@media ( min-width: 668px ) and ( max-width: 1100px ) {
	.sc-winningPanel .bs-grid > * { width: 100% }
	.sc-winningPanel .bs-grid > *:nth-child(1){ padding-top: 0 }
	.sc-winningPanel .bs-grid > *:nth-child(n+2){ padding-top: 1em }
}
@media ( min-width: 370px ) and  ( max-width: 667px ) {
	.sc-winningPanel { padding: 1.5em; }
	.sc-winningPanel .bs-grid{ margin-top: 1em }
	.sc-winningPanel .sc-btn {
		padding: .75em .5em;
		line-height: 1.4;
	}
	.sc-winningPanel .sc-btn:after {
		width: 12px;
		height: 12px;
		-webkit-background-size: 80%;background-size: 80%;
	}
	.sc-winningPanel .sc-btn__name { font-size: 1rem }
}
@media ( max-width: 369px ) {
	.sc-winningPanel .bs-grid{ display: block }
	.sc-winningPanel .bs-grid > *{ width: auto }
	.sc-winningPanel .bs-grid > *:nth-child(1){ padding-top: 0 }
	/*.sc-winningPanel .bs-grid > *:nth-child(n+2){ padding-top: 1em }*/
}
/*----------------------------------------------*/
/* instagromPosts
/*----------------------------------------------*/
.sc-instagromPosts{
	background-color: #FFF;
}

/*----------------------------------------------*/
/* agreement
/*----------------------------------------------*/
.sc-agreement{
	color: #fFF;
}
.sc-agreement a{
	color: inherit;
}
.sc-agreement section + * { margin-top: 2em }
.sc-agreement h3{
	font-size: 2.2rem;
	margin: 0;
}
.sc-agreement h3 + *{ margin-top: .75em }

@media ( max-width: 768px ) {
	.sc-agreement h3{ font-size: 1.8rem; }
}