@charset "utf-8";

/**
 * Base
 */

html, body { width:100%; height:100%; }
html { overflow-y:scroll; }
body {
	-webkit-text-size-adjust:100%;
	    -ms-text-size-adjust:100%;
	        text-size-adjust:100%;
}

h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { vertical-align:top; }

p { line-height:1.5; }

a { color:#2F83CA; }
a:hover { color:#349DF6; }

/**
 * Util
 */

/** Clearfix **/
#header:before,   #header:after,
#contents:before, #contents:after,
#footer:before,   #footer:after,
.clearfix:before, .clearfix:after { content:" "; display:table; }

#header:after,
#contents:after,
#footer:after,
.clearfix:after { clear:both; }

/** InlineBlockList **/
#globalNav ul,
#summarySection .summaryItem,
ul.inlineList { letter-spacing:-0.4em; }

#globalNav    li,
#messageSection .messageList li,
#summarySection .summaryItem .summaryHead,
#summarySection .summaryItem .summaryDesc,
ul.inlineList li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	white-space:nowrap;
}

/** DefaultList **/
ol.defaultList, ul.defaultList { list-style-position:outside; }
ol.defaultList li {
	margin-left:1.8em;
	list-style-type:decimal;
}
ul.defaultList li {
	margin-left:1.5em;
	list-style-type:disc;
}

/** Text **/
.accentA { color:#C90107; }

p.notice {
	padding-left:1.3em;
	text-indent:-1.3em;
}
p.notice span { padding-right:0.3em; }

/**
 * Font
 */

#wrapper { font-family:/**"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", /**/"ＭＳ Ｐ明朝", "MS PMincho", serif; }

#footer,
#formSection table,
#formSection label,
#flowSection .flowStep .stepDesc,
#summarySection .summaryItem { font-family:/**"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", /**/"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

/**
 * Layout
 */

#wrapper,
#header,
#contents,
#footer {
	margin:auto;
	position:relative;
}
#wrapper {
	background:#FFF url( "../img/index/bg.gif" ) center top no-repeat;
	-webkit-background-size:100% auto;
	        background-size:100% auto;
}
#header {
	padding:15px;
	max-width:610px;
}
#contents {
	padding:45px 15px;
	max-width:610px;
}
#footer {
	padding:20px 0;
	background-color:#000;
	text-align:center;
	color:#CCC;
}
#copyright { font-size:93%; /** 12px **/ }

/**
 * Index
 */

/** #campaignTitle **/
#campaignTitle {
	background:url( "../img/index/logo_usmef.png" ) right top no-repeat;
	-webkit-background-size:43.75% 47.27%;
	        background-size:43.75% 47.27%;
	position:relative;
	overflow:hidden;
	text-align:center;
	z-index:2;
}
#campaignName,
#campaignText { display:block; }
#campaignName img,
#campaignText img {
	width:100%;
	vertical-align:top;
}
#campaignName {
	margin:24% auto 0;
	z-index:2;
}
#campaignText {
	position:absolute;
	top:0;
	left:0;
	width:45%;
	z-index:1;
}

/** #keyVisual **/
#keyVisual {
	margin-top:-2%;
	z-index:1;
}
#keyVisual img {
	width:100%;
	vertical-align:top;
}
#keyVisual p { margin-top:10px; }

/** #globalNav **/
#globalNav {
	margin:0 auto;
	overflow:hidden;
	max-width:640px;
}
#globalNav li {
	height:50px;
	line-height:50px;
	text-align:center;
}
#globalNav li a {
	border-left:1px solid #FFF;
	background-color:#000;
	display:block;
	height:100%;
	text-decoration:none;
	font-weight:bold;
	font-size:108%; /** 14px **/
	color:#FFF;
}
#globalNav li a:active { background-color:#333; }
#globalNav li:first-child a { border-left:none; }

#globalNav .itemFlow,
#globalNav .itemEntry   { width:28%; }
#globalNav .itemSummary { width:44%; }

/** .section **/
.section { position:relative; }

/** #aboutSection **/
#aboutSection { margin-bottom:30px; }
#aboutSection h2,
#aboutSection p { margin-bottom:25px; }
#aboutSection h2 img { width:100%; }
#aboutSection p { font-size:108%; /** 14px **/ }
#aboutSection .period {
	margin:0 -15px;
	padding:10px 15px;
	background-color:#000;
	font-weight:bold;
	color:#FFF;
}

/** #prizesSection **/
#prizesSection { padding-bottom:20px; }
#prizesSection h2 { margin-bottom:10px; }
#prizesSection h2 img { width:100%; }
#prizesSection .prizeItem {
	padding:25px 0;
	border-top:1px dotted #CCC;
	position:relative;
	overflow:hidden;
	clear:both;
}
#prizesSection .prizeItem .prizeThumb {
	border:1px solid #000;
	width:32.78%;
	float:left;
}
#prizesSection .prizeItem .prizeDesc { margin-left:37.7%; }
#prizesSection .prizeItem .prizeHead,
#prizesSection .prizeItem p {
	margin-bottom:10px;
	font-size:108%; /** 14px **/
}
#prizesSection .prizeItem .prizeHead { line-height:1.5; }
#prizesSection .prizeItem .prizeHead .prizeRank { display:block; }
#prizesSection .prizeItem .prizeHead small { font-size:85.5%; /** 12px **/ }
#prizesSection .prizeItem .numPrizeWinner {
	display:block;
	font-weight:bold;
	color:#CF9C02;
}
#prizesSection #prizeA.prizeItem { border-top:none; }
#prizesSection #prizeW.prizeItem .prizeThumb {
	border:none;
	float:right;
}
#prizesSection #prizeW.prizeItem .prizeDesc {
	margin-left:0;
	margin-right:37.7%;
}
#prizesSection #prizeW.prizeItem .prizeHead {
	padding-left:0;
	text-indent:0;
}
#prizesSection #prizeW.prizeItem .prizeHead .prizeRank { padding-right:0; }
#prizesSection #prizeW.prizeItem .numPrizeWinner {
	position:absolute;
	top:28px;
	left:7em;
}

/** #quizSection **/
#quizSection h2 { margin-bottom:20px; }
#quizSection h2 img { width:100%; }
#quizSection .question {
	margin:0 auto;
	padding:30px 5px;
	border:1px solid #D8D8D8;
	text-align:center;
}
#quizSection .question h3 {
	margin-bottom:10px;
	font-weight:bold;
	font-size:138.5%; /** 18px **/
}
#quizSection .question h3 span { font-size:166.7%; /** 30px **/ }

/** #messageSection **/
#messageSection {
	margin-top:-20px;
	padding-bottom:10px;
}
#messageSection h2 {
	margin-bottom:20px;
	text-align:center;
}
#messageSection h2 img { width:100%; }

/** #flowSection **/
#flowSection h2 {
	margin-bottom:10px;
	padding:5px 10px;
	background-color:#000;
	font-size:138.5%; /** 18px **/
	color:#FFF;
}
#flowSection .pushInner {
	margin-top:30px;
	padding-bottom:30px;
	overflow:hidden;
}
#flowSection ol { margin-top:-50px; }
#flowSection li {
	padding:50px 0 20px;
	background:url( "../img/index/flow/bg_arrow_down.gif" ) center top no-repeat;
	-webkit-background-size:104px 44px;
	        background-size:104px 44px;
}
#flowSection li.firstChild { background:none; }
#flowSection .flowStep .stepHead {
	margin-bottom:15px;
	font-weight:bold;
	font-size:138.5%; /** 18px **/
}
#flowSection .flowStep .stepDesc {
	padding:12px 16px 0;
	border:1px solid #D8D8D8;
}
#flowSection .flowStep .stepDesc p { margin-bottom:12px; }

/** #summarySection **/
#summarySection h2 {
	margin-bottom:10px;
	padding:5px 10px;
	background-color:#000;
	font-size:138.5%; /** 18px **/
	color:#FFF;
}
#summarySection .pushInner {
	margin:30px 0;
	border:1px solid #D8D8D8;
	border-bottom:none;
	display:table;
}
#summarySection .summaryItem {
	display:table-row;
	font-size:93%; /** 12px **/
}
#summarySection .summaryItem .summaryHead,
#summarySection .summaryItem .summaryDesc {
	padding:18px 10px 10px;
	border-bottom:1px solid #D8D8D8;
	display:table-cell;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	white-space:normal;
}
#summarySection .summaryItem .summaryHead {
	padding-right:10px;
	background-color:#EEE;
	width:38%;
}
#summarySection .summaryItem .summaryDesc { width:62%; }
#summarySection .summaryItem .summaryDesc .prizeW { margin-top:10px; }

#summarySection .summaryItem .summaryDesc ul,
#summarySection .summaryItem .summaryDesc ol { line-height:1.5; }
#summarySection .summaryItem .summaryDesc ul,
#summarySection .summaryItem .summaryDesc ol,
#summarySection .summaryItem .summaryDesc p { margin-bottom:10px; }

#summarySection .prizeList li {
	padding-left:2.2em;
	text-indent:-2.2em;
}
#summarySection .prizeList .prizeRank { margin-right:0.5em; }
#summarySection .prizeList .prizeW {
	padding-left:0;
	text-indent:0;
}

/** #entrySection **/
#entrySection {
	padding-bottom:30px;
	text-align:center;
}
#entrySection .pushInner {
	margin-top:30px;
	padding-bottom:30px;
}
#entrySection h2 img { width:100%; }

#entryNav li,
#entryNav li a {
	width:238px;
	height:45px;
}
#entryNav li a {
	background:url( "../img/index/entry/nav_entry.gif" ) 0 0 no-repeat;
	-webkit-background-size:238px 90px;
	        background-size:238px 90px;
	display:block;
	text-decoration:none;
}
#entryNav li a span { visibility:hidden; }
#entryNav .sp { margin:0 auto; }
#entryNav .sp a { background-position:0 0; }
#entryNav .sp a:active { background-position:0 -45px; }

/** #footNav **/
#footNav li a {
	padding:15px 20px 15px 50px;
	border-bottom:1px solid #FFF;
	background:#000 url( "../img/index/bg_arrow_left.png" ) 20px center no-repeat;
	-webkit-background-size:20px 14px;
	        background-size:20px 14px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:108%; /** 14px **/
	color:#FFF;
}
#footNav li a:active { background-color:#333; }

/**
 * Form
 */

/** #formSection **/
#formSection h2 {
	margin-bottom:10px;
	padding:5px 10px;
	background-color:#000;
	font-size:138.5%; /** 18px **/
	color:#FFF;
}
#formSection .pushInner {
	margin-top:30px;
	padding-bottom:30px;
}
#formSection h3 {
	margin-bottom:8px;
	font-size:123.1%; /** 16px; **/
}

/**
 * #formSection.inputStep
 * #formSection.confirmStep
 */

/** #quizAnswerSection **/
#quizAnswerSection {
	margin:10px 0 30px;
	padding:15px;
	border:1px solid #D8D8D8;
}
#quizAnswerSection label { font-size:93%; /** 12px **/ }
#quizAnswerSection .question {
	font-weight:bold;
	font-size:108%; /** 14px **/
}
#quizAnswerSection .quizAnswer { margin-bottom:20px; }
#quizAnswerSection .quizAnswer .question { margin-bottom:10px; }
#quizAnswerSection .prizes .question,
#quizAnswerSection .message .question { margin-bottom:5px; }
#quizAnswerSection .prizes { margin-bottom:20px; }
#quizAnswerSection .message textarea {
	min-height:100px;
	max-height:200px;
	overflow:auto;
	resize:vertical;
}

/** #campaignForm **/
#campaignForm {
	margin-bottom:2em;
	position:relative;
	overflow:hidden;
}
#campaignForm input::-webkit-input-placeholder { color:#999; }
#campaignForm input::-moz-placeholder { color:#999; }
#campaignForm input:-ms-input-placeholder { color:#999; }
#campaignForm input[type="text"],
#campaignForm input[type="tel"],
#campaignForm input[type="email"],
#campaignForm select { max-width:92%; }
#campaignForm textarea { max-width:96%; }
#campaignForm input[type="text"],
#campaignForm input[type="tel"],
#campaignForm input[type="email"],
#campaignForm select,
#campaignForm textarea { width:100%; }
#campaignForm input,
#campaignForm select,
#campaignForm textarea { font-size:116%; }
#campaignForm label { cursor:pointer; }
#campaignForm input[type="text"],
#campaignForm input[type="tel"],
#campaignForm input[type="email"] { padding:0.3em 0.15em; }
#campaignForm textarea,
#campaignForm select { padding:0.3em; }
#campaignForm input[type="check"],
#campaignForm input[type="radio"],
#campaignForm input[type="check"] + label,
#campaignForm input[type="radio"] + label { vertical-align:middle; }
#campaignForm input[type="check"],
#campaignForm input[type="radio"] {
	display:inline-block;
	max-width:1em;
	min-height:1em;
}
#campaignForm input[type="check"] + label,
#campaignForm input[type="radio"] + label { display:inline; }

#campaignForm .inputAnnotation,
#campaignForm .inputExample {
	font-size:93%;
	color:#999;
}
#campaignForm .inputItem { margin-bottom:1em; }
#campaignForm ul.inputList li { margin:0.1em 0 0.3em; }
#campaignForm ul.inlineList li,
#campaignForm ul.inputList li { line-height:1.8; }
#campaignForm ul.parallelList { overflow:hidden; }
#campaignForm ul.parallelList li {
	margin-right:4.5%;
	width:45%;
	float:left;
}
#campaignForm ul.inlineList li { margin-right:1em; }

#campaignForm .formButton {
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}
#campaignForm .formButton button {
	border:none;
	background:url( "../img/form/nav_form.gif" ) 0 0 no-repeat;
	-webkit-background-size:714px 90px;
	        background-size:714px 90px;
	width:238px;
	height:45px;
	cursor:pointer;
}
#campaignForm .formButton button span { visibility:hidden; }

#campaignForm .formButton .confirmButton button        { background-position:     0     0; }
#campaignForm .formButton .inputButton   button        { background-position:-238px     0; }
#campaignForm .formButton .submitButton  button        { background-position:-476px     0; }
#campaignForm .formButton .confirmButton button:active { background-position:     0 -45px; }
#campaignForm .formButton .inputButton   button:active { background-position:-238px -45px; }
#campaignForm .formButton .submitButton  button:active { background-position:-476px -45px; }

#campaignForm .formButton .submitButton + .inputButton { margin-top:20px; }


/** #privacyInfoTable **/
#privacyInfoTable,
#privacyInfoTable th,
#privacyInfoTable td {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
#privacyInfoTable {
	margin-bottom:20px;
	border:1px solid #D8D8D8;
	border-bottom:none;
	width:100%;
}
#privacyInfoTable th,
#privacyInfoTable td {
	padding:0.8em 0.5em;
	border-bottom:1px solid #D8D8D8;
	vertical-align:top;
}
#privacyInfoTable th {
	background-color:#F3F3F3;
	font-weight:bold;
}

#quizAnswerSection #quizAnswer { width:70%; }
#privacyInfoTable #nameSei,
#privacyInfoTable #nameMei,
#privacyInfoTable #yomiSei,
#privacyInfoTable #yomiMei,
#privacyInfoTable #nickname,
#privacyInfoTable #age,
#privacyInfoTable #pref { width:10em; }
#privacyInfoTable #zipNum1 { width:3em; }
#privacyInfoTable #zipNum2 { width:4em; }
#privacyInfoTable #address1,
#privacyInfoTable #address2 { width:70%; }
#privacyInfoTable #address3 { width:90%; }
#privacyInfoTable #phoneNum1 { width:2.5em; }
#privacyInfoTable #phoneNum2,
#privacyInfoTable #phoneNum3 { width:3.5em; }
#privacyInfoTable #email,
#privacyInfoTable #emailCheck { width:90%; }
#privacyInfoTable #otherMediaInput { width:90%; }

/**
 * #formSection.thanksStep
 */
#completeMessage,
#entryMessage { text-align:center; }
#completeMessage {
	padding:50px 0;
	border:1px solid #D8D8D8;
	font-weight:bold;
	font-size:138.5%; /** 18px **/
}
#entryMessage { margin-bottom:30px; }
#entryMessage img { width:100%; }

/**
 * .modal
 */
#wrapper.modal {
	padding:15px;
	background-image:none;
}
.modal .container,
.modal .closeButton { margin:0 auto; }
.modal .container {
	margin-bottom:20px;
	padding:15px;
	border:1px solid #EAEAEA;
	background-color:#FFF;
	max-width:580px;
}
.modal .closeButton { margin-bottom:20px; }
.modal .closeButton,
.modal .closeButton a {
	display:block;
	width:100px;
	height:30px;
}
.modal .closeButton a {
	background:url( "../img/button_close.gif" ) 0 0 no-repeat;
	-webkit-background-size:100px 60px;
	        background-size:100px 60px;
}
.modal .closeButton a:hover { background-position:0 -30px; }
.modal .closeButton a span { visibility:hidden; }

/** .ticketModal **/
.ticketModal h1,
.ticketModal li { margin-bottom:20px; }
.ticketModal h1 { font-size:116%; } /** 15px **/

/** .leCreusetModal **/
.leCreusetModal .keyVisual,
.leCreusetModal h1,
.leCreusetModal p { margin-bottom:20px; }
.leCreusetModal h1 img,
.leCreusetModal .keyVisual img { width:100%; }
.leCreusetModal h1 {
	width:92px;
	height:16px;
}
.leCreusetModal p { font-size:108%; } /** 14px **/