@charset "UTF-8";


div.row {
  margin: 0 -0.5em;
}
div.row:after {
  content: ".";
  display:block;
  height:0;
  clear:both;
  visibility: hidden;
}
div.col-1-2, div-col-2-4 {
  display: inline;
  float: left;
  padding: 0 0.5em;
  width: 50%;
  box-sizing: padding-box;
}
div.col-1-3 {
  display: inline;
  float: left;
  padding: 0 0.33em;
  width: 33.3%;
  box-sizing: border-box;
}
div.col-2-3 {
  display: inline;
  float: left;
  padding: 0 0.5em;
  width: 67%;
  box-sizing: padding-box;
}
div.col-1-4 {
  display: inline;
  float: left;
  padding: 0 0.5em;
  width: 25%;
  box-sizing: padding-box;
}
div.col-3-4 {
  display: inline;
  float: left;
  padding: 0 0.5em;
  width: 75%;
  box-sizing: padding-box;
}
div.col-1-5 {
  display: inline;
  float: left;
  padding: 0 0.5em;
  width: 20%;
  box-sizing: padding-box;
}
div.col-2-5 {
  display: inline;
  float: left;
  padding: 0 0.5em;
  width: 40%;
  box-sizing: padding-box;
}
div.col-3-5 {
  display: inline;
  float: left;
  padding: 0 0.5em;
  width: 60%;
  box-sizing: padding-box;
}
div.col-4-5 {
  display: inline;
  float: left;
  padding: 0 0.5em;
  width: 80%;
  box-sizing: padding-box;
}
div.col-1-2 *:last-child, div.col-1-3 *:last-child, div.col-2-3 *:last-child {
  margin-bottom: 0;
}

article a {
  color:#0266fc;
}

#visual-sheet {
  /*background-color: #00391c;*/
  background-color:#012f15;
  color:white;
  position:relative;
  padding: 1px 0;
}

#visual-sheet {
	background-image: url(../images/be2/bg_kv.jpg) , url(../images/be2/bg_bottom.jpg);
	background-repeat:
    no-repeat,
	no-repeat,
	repeat;
	background-position:
    center top,
	center 60%,
	center center;
}
/*
#visual-sheet>* {
  z-index: 1;
  position:relative;
}
#visual-sheet::before {
  content: "";
  display: block;
  position:absolute;
  left:50%;
  transform: translate(-50%,0);
  width: 1400px;
  height: 1900px;
  overflow-y: visible;
  z-index: 0;
  background: url(/cp/images/be/bg01.jpg) 0 50px no-repeat, 
              url(/cp/images/be/bg02.jpg) 800px 80px no-repeat, 
              url(/cp/images/be/bg03.jpg) 1200px 40px no-repeat,
              url(/cp/images/be/bg04.jpg) 10px 200px no-repeat,
              url(/cp/images/be/bg05.jpg) 1200px 200px no-repeat;
}
*/
.doc-sheet {
  margin: 0 auto;
  width: 980px;
}

#opening1 {
  padding: 0.75em 0;
  text-align:right;
}
#opening1 span {
  border: 1px solid white;
  padding: 2px 4px;
  font-size: 0.9em;
}
#opening2 {
  text-align:center;
}
#opening3 {
  text-align:center;
}
#opening4 {
  box-sizing: border-box;
  border: 4px double #e2c979;
  border-radius: 3px;
  background: #fefcea; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #fef8de 0%, #f9ecc0 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #fef8de 0%,#f9ecc0 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #fef8de 0%,#f9ecc0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8de', endColorstr='#f9ecc0',GradientType=1 );
  position:relative;
  margin: 50px auto 0;
  width: 940px;
  height:440px;
}
#opening4pt1 {
  position:absolute;
  text-align:center;
  width:100%;
  top: -50px;
  z-index:2;
}
#opening4pt2 {
  position:absolute;
  left: 775px;
  top: -50px;
  z-index: 1;
}
#opening4pt3 {
  position:absolute;
  left:9px;
  top:35px;
}
#opening4pt4 {
  position:relative;
}
#opening4pt4>* {
  position:absolute;
}
#opening4a { left:9px; top:82px; }
#opening4b { left:9px; top:279px; }
#opening4c { left:416px; top:279px; }
#opening4d { left:673px; top:82px; }
#opening4e { left:673px; top:234px; }
#opening4f { left:673px; top:367px; }


#opening5 {
  box-sizing: border-box;
  border-radius: 3px;
  margin: 15px auto 0;
  width: 938px;
  border: 1px solid #f9f3e5;
  box-shadow:0 0 0 1px #d1b963;
  background: #fefcea; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #f1eacd 0%, #f1e8c9 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #f1eacd 0%,#f1e8c9 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #f1eacd 0%,#f1e8c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1eacd', endColorstr='#f1e8c9',GradientType=1 );
  padding: 12px;
  color: #333;
}
#opening5 dl {
  margin: 0;
}
#opening5 dt {
  display:block;
  text-align:center;
  color: white;
  border: 1px solid #7f838c;
  background: #001840; /* Old browsers */
  background: -moz-linear-gradient(top, #001840 0%, #010a1b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #001840 0%,#010a1b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #001840 0%,#010a1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001840', endColorstr='#010a1b',GradientType=0 );
  font-size: 1.2em;
  padding: 0.3em 0;
  font-weight: bold;
  letter-spacing: 1px;
}
#opening5 dd {
  display:block;
  padding:10px 5px 15px;
  margin:0;
  font-size:1.05em;
}
#opening5 dd:last-child {
  padding-bottom: 0;
}
#opening5 dd#opening5pt2, #opening5 dd#opening5pt3 em {
  text-align:center;
  font-size: 1.2em;
  font-weight: bold;
  display:block;
  letter-spacing: 2px;
}
#prize {
  margin-top: 30px;
  font-size:1.05em;
  color: black;
}
#prize1 {
  text-align:center;
  margin: 25px 0;
}
#prize>div {
  box-sizing: border-box;
  border: 3px double #cbba75;
  border-radius: 3px;
  background: #fefcea; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #fcf6e6 0%, #f1e8c9 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #fcf6e6 0%,#f1e8c9 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #fcf6e6 0%,#f1e8c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6e6', endColorstr='#f1e8c9',GradientType=1 );
  padding: 10px 17px 12px 17px;
  margin-bottom:30px;
}
#prize>div>h3 {
  margin:0 0 0 -5px;
}
#prize>div>p {
  margin:0;
}
#prize>div>p>img {
  margin-bottom:0.5em;
}
#prize>div>p.note {
  margin-top: 8px;
  font-size:0.75em;
  color:#555;
}
#prizeF {
  margin-bottom:50px !important;
  position:relative;
}
#prizeF::before {
  content: url(../images/be2/prizeFbefore.png);
  display:block;
  position:absolute;
  left:24px;
  top:-10px;
  width:74px;
  height:122px;
  z-index:10;
}
#prizeF::after {
  content: url(../images/be2/prizeFafter.png);
  display:block;
  position:absolute;
  right:-5px;
  bottom:-4px;
  width:124px;
  height:110px;
  z-index:10;
}
#prize div#prizeF h3 {
	margin-top: -10px;
  margin-left: 100px;
}
#prize div#prizeF p {
  margin-left:20px;
}
.narrow { letter-spacing: -0.05em; }
.infosec {
  width: 940px;
  margin: 0 auto 20px;
}
.infosec h3 {
  text-align:center;
  font-weight:bold;
  font-size:1.4em;
  letter-spacing:2px;
  border: 1px solid #7f838c;
  background: #001840; /* Old browsers */
  background: -moz-linear-gradient(top, #001840 0%, #010a1b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #001840 0%,#010a1b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #001840 0%,#010a1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001840', endColorstr='#010a1b',GradientType=0 );
  color:white;
  padding: 0.3em 0;
}

#how li {
  display:inline-block;
  border: 3px solid #ccc;
  border-radius:5px;
  width:204px;
  position:relative;
  box-sizing:border-box;
}
#how li:not(:last-child) {
  margin-right:36px;
}
#how li:not(:last-child)::after {
  content: url(/cp/images/be2/how-arrow.jpg);
  position:absolute;
  right:-38px;
  top:100px;
  color:black;
}
#how li h4 {
  background: #aaaaaa;
  color:white;
  font-size: 1.28em;
  font-weight:bold;
  margin:0;
  padding: 1em 0.5em;
  text-align:center;
  border-radius: 3px 3px 0 0;
}
#how li p {
  padding: 1em;
  margin:0;
}
#how li p img {
  margin: -1em -1em -0.5em -1em;
}

#reborn {
  margin: 0 auto;
  width:980px;
  text-align:center;
}

#detail {
  font-size: 12px;
}
#detail table {
  border-collapse:collapse;
}
#detail td {
  border: 1px solid #888;
  padding: 0.25em;
}
#detail th {
  border: 1px solid #888;
  text-align:center;
  background-color: #eee;
  padding: 0.25em;
}
#detail dt {
  background-color: #b8c7e1;
  padding: 0.25em;
  margin: 0.75em 0 0;
}
#detail dd {
  margin: 0.25em 0;
  padding: 0.25em;
}
#detail ul {
  margin: 0;
}
#detail ul.outer>li {
  margin: 0.5em 0;
} 
#detail ul:not(.outer)>li {
  padding-left: 2em;
}

/*--------------------------------
	Entry
----------------------------------*/
#entryArea {
	position: relative;
	margin: 20px auto 40px;
	text-align: center;
	color: #222;
	z-index:2;
	overflow: hidden;
}
#entryArea .top {
	background: url(../images/be2/bg-entry-top.png) no-repeat center top;
	background-size: 100%;
	width: 951px;
	height: 100%;
	overflow: hidden;
	margin: -80px auto 0;
	text-align: center;
	color: #222;
	z-index:2;
	padding-top: 80px;
}
#ttlEntry {
	text-align: center;
	margin: 0 auto 5px;
	z-index:5;
}
#entryArea .middle {
	background: url(../images/be2/bg-entry-middle.png) repeat-y center top;
	width: 951px;
	z-index:1;
}
#entryArea .bottom {
	background: url(../images/be2/bg-entry-bottom.png) no-repeat center bottom;
	width: 951px;
	height:70px;
	margin: 0 auto 20px;
}
#entryArea .bottom p {
	margin: 0;
}
#entryArea ul {
	max-width: 100%;
	margin: 0 auto 10px;
	text-align: center;
}
#entryArea ul li {
	display: inline-block;
	font-weight: bold;
	font-size: 22px;
	color: #111;
}
#entryArea ul li.waku {
	border: 3px solid #a47c03;
	padding: 0.2em 1em;
	margin: 0 0.5em;
}
#entryArea ul.first {
	margin-top: -20px;
}
#entryBtnArea {
	margin: 10px auto 0;
}
#entryArea .day {
	color: #d21420;
	font-size: 18px;
	font-weight: bold;
	padding-bottom:20px;
}
#entryArea .day span.txtS {
	font-size: 15px;
}
#entryArea .middle p {
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	margin:0;
	padding-bottom: 10px;
	line-height: 1.6;
	color: #222;
}
#entryArea .middle.thanks {
	margin-top: -20px;
}
#entryArea .bottom p {
	width: 80%;
	text-align: center;
	margin: 0 auto 10px;
}
#entryArea .bottom.thanks p {
	border-top:2px solid #a0801e;
	padding: 20px 0;
}
#entryArea .bottom.thanks {
	background: url(../images/be2/bg-entry-bottom2.png) no-repeat center bottom;
	width: 951px;
	height:90px;
	margin: 0 auto 20px;
}
#entryArea .bottom.thanks .day {
	font-size: 20px;
}
/*--------------------------------
	Result
----------------------------------*/
#visual-sheet.result {
	background-image: url(../images/be2/bg-result.jpg) , url(../images/be2/bg_bottom.jpg);
	background-repeat:
    no-repeat,
	no-repeat,
	repeat;
	background-position:
    center top,
	center 0%,
	center center;
	margin: 0 auto;
	text-align: center;
}
#visual-sheet.result #prize {
	margin-top: 0
}
#visual-sheet.result .gaku {
	float: left;
	width: 345px;
}
#visual-sheet.result .awardArea {
	width: 585px;
	float: right;
	margin-top: 10px;
}
.awardArea {
	border: 1px solid #a0801e;
	background: #fff;
	padding: 20px 0;
}
.awardArea.b {
	padding: 10px 0;
}
#prize .box {
	clear:both;
	overflow: hidden;
}
.awardArea dl,.awardArea dt,.awardArea dd {
	margin: 0 auto;
}
.awardArea dl {
	width: 90%;
	margin: 0 auto 15px;
	border: 2px solid #a0801e;
	height: 44px;
	line-height: 44px;
}
.awardArea.b dl {
	height: 42px;
	line-height: 42px;
}
.awardArea.b dl {
	margin: 0 auto 0;
	border-bottom:none;
}
.awardArea.b dl:last-child {
	border-bottom: 2px solid #a0801e;
	margin-bottom:5px;
}
.awardArea.b p.ma {
	margin: 5px auto 0;
}

.awardArea dt {
	background: #a0801e;
	color: #fff;
	font-size:18px;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 8em;
	height: 44px;
	line-height: 44px;
}
.awardArea.b dt,.awardArea.b dd {
	height: 42px;
	line-height: 42px;
}
.awardArea.b dt {
	border-bottom: 2px solid #fff;
}
.awardArea.b dt.last {
	border-bottom: 2px solid #a0801e;
}
.awardArea dd {
	color: #222;
	font-size:18px;
	font-weight: bold;
	text-align: center;
	text-align: center;
	height: 44px;
	line-height: 44px;
}
.awardArea p.ma {
	margin: 5px auto 5px;
}
.awardArea .txt {
	width: 500px;
	text-align: left;
	margin: 0 auto;
}
.result #prize>div {
	overflow: hidden;
}
#prizeC {
	position: relative;
	margin-top: 5px;
}
#prizeC.ribon,
#prizeD.ribon,
#prizeE.ribon,
#prizeF.ribon {
	padding:0;

}
#prize>div#prizeC,
#prize>div#prizeD,
#prize>div#prizeE,
#prize>div#prizeF {
	border-left: 3px double #cbba75;
	border-right: 3px double #cbba75;
	border-bottom: 3px double #cbba75;
	border-top: none;
	width:980px;
}

/*#prizeC:after {
	position: absolute;
	content: "";
	background: url(../images/be/result-c-ribon.png) no-repeat;
	height: 102px;
	width: 67px;
	top:0;
	left:20px;
	margin-top:-5px;
}*/
#prize  #prizeC .box,
#prize  #prizeD .box,
#prize  #prizeE .box,
#prize  #prizeF .box {
	padding:10px 17px 12px 17px;
}
#visual-sheet.result .gaku2 {
    float: left;
    width: 295px;
}
table.res-c {
	table-layout:fixed;
	width: 640px;
}
table.res-c td {
	border: 2px solid #a0801e;
	background: #fff;
	padding: 7px;
	text-align: center;
	font-weight: bold;
}
table.res-c td.bg {
	background: #a0801e;
	color: #fff;
	font-size: 18px;
}
#prize p.txt {
	margin-bottom: 0;
	text-align: left;
	padding: 10px 10px 10px 25px;
}
#prize #prizeA p.txt {
	padding: 0px 10px 0px 25px;
}
#prizeD .gaku2 p {
	padding: 10px 25px 0 25px;
}
#prizeF table.res-c {
	width: 100%;
}
#prizeF table.res-c td {
	font-size: 14px;
}
#prizeF table.res-c td.bg {
	font-size: 18px;
}
.result #prize div#prizeF h3 {
	margin: 0;
	margin-left: -5px;
}
.result #prizeF::before,
.result #prizeF::after {
	content: none;
}
#detail .appeal {
	font-size: 18px;
	text-align:center;
	color: #cc0000;
	padding-top: 10px;
}