@charset "utf-8";
/* CSS Document */
body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
}

#header .header {
  margin: 0 auto;
  width: 700px;
}

#header .inner {
  float: right;
  width: 312px;
}

/*　present
-------------------*/
#present {
	width: 100%;
	margin:0;
	padding: 0;
}


#wrapper {
	background: #faf7ee;
	width: 100%;
	margin:0;
	padding: 20px 0;
	text-align:left;
}

#present h2 {
	width:710px;
	margin:0 auto 20px;
	font-size:24px;text-align:center;background:#fff;font-weight:normal;padding:10px;
}


#present .article {
    width: 710px;
	font-size:1rem;
	line-height:1.85em;
	margin:0 auto;
	clear:both;
}

#present .article strong {
	background: #ffd9d9;
	letter-spacing: 0.3em;
}

#present .article h3 {
  background: #bdebff;
  font-size: 1.15em;
  letter-spacing: 0.3em;
		text-align:center;
  padding: 8px 10px 3px;
  margin-bottom: 20px;
}
#present .article h3 small {
  font-size: 0.8em;
}

#present .article em {
	margin-top:30px;
	font-weight:bold;
	font-style:normal;
	line-height:1.75em;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:block;
}

#present .article p small {
  font-size: 0.8em;
  line-height: 1.35em;
  margin: 3px 0;
  display: block;
}


/*　present presentFormInput table 入力フォーム
---------------------------------------------------*/

#present #presentFormInput {
	/*border:2px solid #f75f6f;*/
	background:#fff;
	width: 705px;
	margin:5px auto 30px;
}
#present #presentFormInput table {
	border-top:1px solid #403333;
	border-left:1px solid #403333;
	width: 667px;
	margin:0 auto 10px;
	border-spacing: 0px;
}

#present #presentFormInput table tbody {
	width: 580px;
}
#present #presentFormInput table th {
	background:#0079ae;
	width: 120px;
	color:#fff;
	padding:10px;
	vertical-align:top;
	position:relative;
}
#present #presentFormInput table th em {
	width: 120px;
	text-align:right;
	font-style:normal;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height:1.75em;
 display: block;
}
#present #presentFormInput table th span {
	background: url(../img/form/mark_form_need.png) no-repeat;
	width: 38px;
 height:22px;
	text-indent:-9999px;
	top:12px ;
	position:absolute;
}
#present #presentFormInput table td {
 line-height: 1.55;
	padding:5px 20px;
	vertical-align:middle;
}
#present #presentFormInput table td.brNone {
 border-right:none;
	width: 140px;
	font-size:1.1em;
	/* text-align:right; */
	padding-right:0;
}
#present #presentFormInput table.confirm td {
	background:#fff;
}
#present #presentFormInput table th,
#present #presentFormInput table td {
 border-bottom:1px solid #403333;
	border-right:1px solid #403333;
	font-size:1.45em;
}
#present #presentFormInput table tbody input,
#present #presentFormInput table tbody select,
#present #presentFormInput table tbody textarea {
	border-radius:5px;
	border:none;
	background:#e8e8e8;
	font-size:0.95em;
	line-height: 1.55;
	padding:5px;
}
#present #presentFormInput table tbody input.name {
	width:480px;
}
#present #presentFormInput table tbody input.zip_1,
#present #presentFormInput table tbody input.zip_2 {
	width:80px;
}
#present #presentFormInput table tbody input.address_1,
#present #presentFormInput table tbody input.address_2 {
	width:320px;
}
#present #presentFormInput table tbody textarea {
	width:480px;
}

/*　present presentFormInput table 予想選択
---------------------------------------------------*/

#present #presentFormInput h3 {	
 font-size:1rem;
	line-height:1.55em;
	text-align:center;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin:20px 0 5px;
}
#present #presentFormInput table#apply {	
	width: 665px;
	text-align:center;
	margin: 0 auto 25px;
}
#present #presentFormInput table#apply th {	
	font-size:1.15rem;
	line-height:1.55em;
	letter-spacing:0.3em;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#present #presentFormInput table#apply td {	
		background:#fff;
padding: 0;
	margin: 0 ;
}
#present #presentFormInput table#apply td strong {	
 width: 110px;
	height: 76px;
	font-size:1.15rem;
	line-height:4.25em;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 padding:3px 0;
	display:block;
}
#present #presentFormInput table#apply td.boat02 strong,
#present #presentFormInput table#apply td.boat03 strong,
#present #presentFormInput table#apply td.boat04 strong,
#present #presentFormInput table#apply td.boat06 strong {	
color:#fff;
}
#present #presentFormInput table#apply td.boat02 strong {	
	background:#565656;
}
#present #presentFormInput table#apply td.boat03 strong {	
	background:#ff0000;
}
#present #presentFormInput table#apply td.boat04 strong {	
	background:#0040d1;
}
#present #presentFormInput table#apply td.boat05 strong {	
	background:#eae844;
}
#present #presentFormInput table#apply td.boat06 strong {	
	background:#00872c;
}
#present #presentFormInput table#apply td img {	
	width: 110px;
}
#present #presentFormInput table#apply td small,	
#present #presentFormInput table#apply td em {	
 width: 110px;
	height: 19px;
	display:block;
}
#present #presentFormInput table#apply td small {	
 line-height:2em;
	text-align:center;
 display:block;
	clear:both;
}
#present #presentFormInput table#apply td small span {	
	border-right: 1px solid #000;
 width: 54px;
	height: 19px;
 font-size: 0.8em;
	line-height:1.85em;
 display:block;
	float:left;
}
#present #presentFormInput table#apply td small span+span {	
	border-right: none;
 width: 55px;
	height: 19px;
 display:block;
	float:left;
}
#present #presentFormInput table#apply td em {	
	border-top: 1px solid #000;
	font-size:0.85rem;
	font-weight:bold;
	font-style:normal;
	line-height:1.75em;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding:3px 0;
	clear:both;
}
#present #presentFormInput table#apply tr.boat_radio td {	
	padding:8px 0;
}

/*　present presentFormInput table 予想選択　確認画面
---------------------------------------------------*/

#present .presentConfirm #presentFormInput table#apply {	
	width: 110px;
	text-align:center;
	margin: 0 auto 25px;
}

#present .presentConfirm #presentFormInput table#apply th {	
	letter-spacing:0.1em;
	padding:10px 0;

}
#present .presentConfirm #presentFormInput table td {	
	background:#fff;
}




/*　present presentFormInput table 予想選択　送信完了画面
---------------------------------------------------*/

#present .presentSend #presentFormInput p {
	width:710px;
	font-size:1.75em;
	text-align:center;
	padding-top:10px;
	margin: 150px auto;
}



/*　present presentFormInput 送信ボタン
---------------------------------------------------*/

#present #presentFormInput #inputBtn.formInput {
	width:370px;
	margin:20px auto 20px;
 padding: 0 0 0 180px;
}
#present #presentFormInput #confirmBtn.formInput {
	width:370px;
	margin:20px auto 20px;
 padding: 0 190px 0 0;
}
#present #presentFormInput .formInput span {
	padding:0 20px;
 float:left;
	display:block;
}
#present .presentSend #presentFormInput p small {
  font-size: 0.75em;
  margin: 15px auto;
  display: block;
}
#present #presentFormInput .formInput span input {
	border:none;
	cursor: pointer;
}

#present #presentFormInput .formInput span.confirmBtn input {
	background: url(../img/form/ticketcm_btn_confirm.png) no-repeat;
	width: 150px;
 height:43px;
	text-indent:-9999px;
 margin: 0;
 padding: 0;
	display:block;
}
#present #presentFormInput .formInput span.resetBtn input {
	background: url(../img/form/ticketcm_btn_reset.png) no-repeat;
	width: 110px;
 height:34px;
	text-indent:-9999px;
 margin: 5px 0;
 padding: 0;
	display:block;
}


#present #presentFormInput .formInput span.rewriteBtn input {
	background: url(../img/form/ticketcm_btn_rewrite.png) no-repeat;
	width: 136px;
 height:43px;
	margin: 0;
 padding: 0;
 text-indent:-9999px;
	display:block;
}
#present #presentFormInput .formInput span.submitBtn input {
	background: url(../img/form/ticketcm_btn_submit.png) no-repeat;
	width: 150px;
 height:43px;
	margin: 0;
 padding: 0;
 text-indent:-9999px;
	display:block;
}


#present #presentFormInput .formInput span input:hover {
	opacity:0.7;
}



/* プライバシー　リンク
---------------------------------------------------*/
#present #presentFormInput p {
	width: 667px;
	font-size:0.8rem;
 margin: 5px auto 20px;
 padding: 0;
}
#present #presentFormInput p a {
	color:#0079ae;
}
#present #presentFormInput p a:hover {
	text-decoration:underline;
}


/* レスポンシブ
---------------------------------------------------*/

#present #presentFormInput {border:none;padding:10px;}

@media screen and (max-width:720px){
	#header .header,
	#present h2,
	#present .article,
	#present #presentFormInput,
	#present #presentFormInput table#apply,
	#present #presentFormInput table,
	#present #presentFormInput p {width:90%;margin:0 auto;}
	
	#present #presentFormInput table tbody,
	#present #presentFormInput table th,
	#present #presentFormInput table td.brNone {width:auto;}
	
	#present #presentFormInput table tbody input.address_1,
	#present #presentFormInput table tbody input.address_2,
	#present #presentFormInput table tbody input.name,
	#present #presentFormInput table tbody input[name='address_1'],
	#present #presentFormInput table tbody input[name='address_2'],
	#present #presentFormInput table tbody input[name='name'] {width:95%;}
	
	#present #presentFormInput table:nth-child(4) th,
	#present #presentFormInput table:nth-child(4) td,
	#present #presentFormInput table th,
	#present #presentFormInput table td {display:block;border-right:solid 1px #333;}
	
	#present #presentFormInput table#apply th,
	#present #presentFormInput table#apply td {display:table-cell;}
	
	#present #presentFormInput table th em {text-align:left;}
	
	#present #presentFormInput table#apply {margin-bottom:20px;}
	#present #presentFormInput table#apply td strong {width:auto;}
	
	#present #presentFormInput #inputBtn.formInput {width:100%;padding:0;text-align:center;}
	#present #presentFormInput #inputBtn.formInput span {display:inline-block;float:none;}
	
	#present #presentFormInput table tbody textarea {display:block;width:95%;margin:0 auto;}
	#present #presentFormInput p {padding-bottom:15px;}
	#present #presentFormInput #confirmBtn.formInput {padding:0;}
	
	.pcSpan {display:none !important;}
	
	#present #presentFormInput #confirmBtn.formInput {width:90%;text-align:center;}
	#present #presentFormInput .formInput span {display:inline-block;float:none;}
}
@media screen and (max-width:414px){
	#present .article #raceSelect,
	#present .presentConfirm .article #raceSelect h3 {margin-bottom:0;}
	#present h2,
	#present .presentConfirm .article #raceSelect h3 {font-size:20px;padding:10px 5%;}
	#present .article {width:100%;}
	#present .article p {width:90%;margin:0 auto;}
	
	#present #presentFormInput h4 {text-align:left;width:90%;margin:0 auto 10px;}
	#present #presentFormInput {width:100%;padding:10px 0 0;}
	
	#present .presentSend #presentFormInput p {width:90%;margin:0 auto;padding-top:10px;}
}