/*! style.css */

html     { margin: 0; padding: 0; }
body     { margin: 0; padding: 0; background: #FFFFFF; font-size: 16px; font-family:/* '游ゴシック','YuGothic',*/'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; }

#wrapper_inner { margin: 0 auto; width: 950px; }
#wrapper_inner #top_img { text-align: center; margin: .5em 0 1em 0; }

@media screen and (max-width: 950px){
	#wrapper_inner { margin: 0 auto; width: 100%; text-align: center; }
	#wrapper_inner #top_img { text-align: center; margin: .5em; }
}
@media screen and (max-width: 767px){
	#wrapper       { background-size: 40%; }
	#wrapper_inner { margin: 0 auto; padding: 0; width: 100%; }
}

a        { margin: 0; border: none; background-color: transparent; }
a:active,
a:hover  { outline: 0; }

/* header 
----------------------------------------------------------------*/
#header         { margin: 0 auto; max-height: 80px; width: 900px; position: relative; }
#header #h_logo { width: 200px; height: 60px; position: absolute; text-indent: -9999px; overflow: hidden; background: url(../img/Logo.png) no-repeat; background-size: contain; }
#header .caption   { margin: .5em 1em 1em 1em; padding: 0; font-size: 80%; text-align: right; }

@media screen and (max-width: 900px){
	#header         { margin: 0 auto; width: 100%; max-height: 50px; position: relative; }
	#header #h_logo { width: 320px; padding: 30px 0px 0px 0px; text-align: center; }
	#header .caption   { margin: .25em; padding: 0; font-size: 80%; text-align: right; }
}
@media screen and (max-width: 640px){
	#header #h_logo { width: 50%; }
}

/* contents 
----------------------------------------------------------------*/
#contents    { width: 98%; max-width: 950px; margin: 0 auto; padding: 0.25em 1.25em 1.25em 1.25em; }

@media screen and (max-width: 767px){
	#contents    { margin: 0 auto; padding: 0 0 0.5em 0; }
}


/* form */
#form_frame             { padding: .3em; position: relative; }
#form_frame h2          { margin: 0 auto; padding: .5em 0 .5em 0; text-align: center; color: #000000; font-size: 1.1em; }
#form_frame #frm_dbl    { width: 100%; background: #FFFFFF; text-align: center; }
#form_frame #confrm_dbl { margin: 2em auto 0 auto; width: 100%; background: #f9e6e6; text-align: left; padding: 1em; }

.frm_content input[type=checkbox],
.frm_content input[type=radio] {
	-webkit-transform-origin: right;
	-webkit-transform: scale( 1.5 , 1.5 );
	width: 15px;
	height: 15px;
	margin: .5em .5em .5em 0;
	vertical-align: middle;
}

#form_frame .logo    { margin: 1em auto; text-align: center; }
#form_frame .title   { margin: 0; }
@media screen and (max-width: 767px){
	#form_frame .logo    { width: 60%; }
}


h2#thanks   { font-size: 1.2em; }

.readcopy   { padding: 1em; background: #DDDDDD; }
.readcopy p { margin: 0; color: #000000; font-size: 1.1em; text-align: left; font-weight: bold; }


.frm                   { margin: 1em auto 0em auto; width: 95%; border: 2px solid #0089B3; box-shadow: 0px 5px 8px rgba(51,51,51,0.4); /*background: #fff;*/ }
.frm_content           { margin: 1em auto 0em auto; }
.frm_content h3        { margin: 0; text-align: left; font-weight: bold; font-size: 1.2em; }
.frm_content h3:before { content:'● '; color: #0089B3; }
#confrm_dbl .frm_content h3:before { content:'● '; color: #000; }
.frm_content p         { margin: 0 0 0 .5em; text-align: left; }
.frm_content .Q        { font-size: 1.2em; color: #90124d; }
.frm_content .A        { font-weight: bold; }
.frm_content .A2       { font-weight: bold; width: 6em; display: inline-block; }

.frm_content ul              { padding-bottom: .5em; list-style: none none; }
.frm_content li              { margin: .5em 1.25em; padding: .5em; text-align: left; background: #fff; border: 1px solid #0089B3; }
.frm_content li input        { margin-right: .25em;}
.frm_content li label        { display: block; }
.frm_content li#frmpoint1,
.frm_content li#frmpoint2,
.frm_content li#frmpoint3 { padding-bottom: .15em; }
.frm_content li#frmpoint1 em:before { padding-right: .5em; content: url(../img/aeon_point.png); }
.frm_content li#frmpoint2 em:before { padding-right: .5em; content: url(../img/waon_point.png); }
.frm_content li#frmpoint3 em:before { padding-right: .5em; content: url(../img/tokimeki_point.png); }
.frm_content li#frmcard1,
.frm_content li#frmcard2,
.frm_content li#frmcard3 { padding-bottom: .15em; }
.frm_content li#frmcard1 em:before  { padding-right: .5em; content: url(../img/waoncard.png); }
.frm_content li#frmcard2 em:before  { padding-right: .5em; content: url(../img/emoneycard.png); }
.frm_content li#frmcard3 em:before  { padding-right: .5em; content: url(../img/aeoncard.png); }
.frm_content li em { vertical-align: -100%; }

@media screen and (min-width: 768px){
.frm                        { margin: 1em auto 0em auto; width: 60%; }
h2                          { font-size: 1.5em; }
.frm_content ul             { padding-bottom: .5em; padding: 0 1.25em .5em 1.25em; list-style: none none none; }
.frm_content li             { margin: .5em 0; }
.frm_content li#frmpoint1   { margin: .5em 0; float: left; width: 33%; }
.frm_content li#frmpoint2   { margin: .5em 0; float: left; width: 33%; }
.frm_content li#frmpoint3   { margin: .5em 0; float: left; width: 33%; }
.frm_content li#frmcard1    { margin: .5em 0; float: left; width: 33%; }
.frm_content li#frmcard2    { margin: .5em 0; float: left; width: 33%; }
.frm_content li#frmcard3    { margin: .5em 0; float: left; width: 33%; }
.frm_content ul#li_chance li{ margin: .5em 0; }
}

#confrm_dbl h4        { margin: 0; text-align: left; font-weight: bold; font-size: 1.2em; }
#confrm_dbl .frm_content .confrm_frm { padding: .25em 1.25em; }
#confrm_dbl .frm_content .confrm_frm input[type="text"] { background: #fff6cc; }
#confrm_dbl .frm_content .confrm_frm input[type="number"] { background: #fff6cc; }
#confrm_dbl ul  { list-style: none none; }
#confrm_dbl ol  { list-style: none none; }
#confrm_dbl li  { padding: .1em 0 .1em 1em; font-size: 1em; text-indent: -1em; }

#confrm_dbl .frm_content .va_card,
#confrm_dbl .frm_content .va_cardnum,
#confrm_dbl .frm_content .va_cource   { margin: .5em 1.25em; padding: .5em; text-align: left; background: #fff6cc; border: 1px solid #0089B3;}

#confrm_dbl .frm_content #frm_usr div { padding: .5em; text-align: left; background: #fff6cc; border: 1px solid #0089B3; }

.frm_content input[type="text"] { border: 1px solid #0089B3; width: 60%; padding: 6px 6px 6px 6px; margin-bottom: .5em; }
.frm_content input[type="password"] { border: 1px solid #0089B3; width: 60%; padding: 6px 6px 6px 6px; margin-bottom: .5em; }
.frm_content input[type="number"] { border: 1px solid #0089B3; width: 60%; padding: 6px 6px 6px 6px; margin-bottom: .5em; }
.frm_content input[type="mail"] { border: 1px solid #0089B3; width: 60%; padding: 6px 6px 6px 6px; margin-bottom: .5em; }
.frm_content select             { margin: .3em .3em .3em 0; border: 1px solid #0089B3; padding: 6px 6px 6px 6px; /*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ }
.frm_content .ipt_num           { margin: 0 .6em .5em .6em; }
.frm_content .ipt_num input     { margin-left: 3%; width: 22%; }
.frm_content .ipt_num input:nth-child(1) { margin-left: 0; width: 22%; }
.frm_content textarea { border: 1px solid #0089B3; width: 100%; padding: 6px 6px 6px 6px; }

#confrm_dbl .frm_content .ipt_num input     { background: #fff6cc; }

#num_sample ul    { list-style: none none; }
#num_sample ul li { margin-bottom: .5em; padding-left: 1em; text-indent: -1em; }
#num_sample ul li:before { content: '●'; }
#num_sample ul li#spl1   { padding-bottom: 40%; background: url(../img/card_number.png) center bottom no-repeat; background-size: contain; }
#sn_sample ul    { list-style: none none; }
#sn_sample ul li { margin-bottom: .5em; padding-left: 1em; text-indent: -1em; }
#sn_sample ul li:before { content: '●'; }
#sn_sample ul li#spl1   { padding-bottom: 20%; background: url(../img/serial_number.png) center bottom no-repeat; background-size: contain; }

#frm_usr         { margin: 1em 1.5em 1em 1.5em; padding-bottom: 1em; text-align: left; }
#frm_usr h4      { font-size: 1.2em; margin: 1em 0 .5em 0; padding-top: .25em; font-weight: bold; border-top: 1px solid #e9455a; }
#frm_usr #num1 { position: relative; margin: .3em 0 .3em 0; }
#frm_usr #num1 input[type="text"]   { width: 6em; max-width: 40%; margin-right: 5px; margin-left: 5px; }
#frm_usr #num1 input[type="number"]   { width: 6em; max-width: 40%; margin-right: 5px; margin-left: 5px; }
#frm_usr .num4 { position: relative; margin: .3em 0 .3em 0; }
#frm_usr .num4 input[type="text"]   { width: 8em; max-width: 40%; margin-right: 5px; margin-left: 5px; }
#frm_usr .num4 input[type="number"]   { width: 8em; max-width: 40%; margin-right: 5px; margin-left: 5px; }
#frm_usr #text1 { position: relative; margin: .3em 0 .3em 0; }
#frm_usr #text1 input[type="text"]   { width: 8em; max-width: 50%; margin-right: 5px; margin-left: 5px; }
#frm_usr #text2 { position: relative; margin: .3em 0 .3em 0; }
#frm_usr #text2 input[type="text"]   { width: 20em; max-width: 60%; margin-right: 5px; margin-left: 5px; }
#frm_usr .text3 { position: relative; margin: .3em 0 .3em 0; }
#frm_usr .text3 input[type="text"]   { width: 100%; margin-right: 5px; margin-left: 5px; }

.frm_content #frm_usr ul#frmgen     { margin: 0; padding: 0; list-style: none none; position: relative; }
.frm_content #frm_usr ul#frmgen li  { margin: 0;  padding: 8px 8px 8px 8px; margin-right: 1%; width: 32%; text-align: left; background: #fff; border: 1px solid #0089B3; float: left; }
.frm_content #frm_usr ul#frmgen li:nth-child(2) { margin-right: 1%; }
.frm_content #frm_usr ul#frmgen li input        { margin-right: .25em; }
.frm_content #frm_usr ul#frmgen li label        { display: block; }

#confrm_dbl .frm_content #frm_usr input[type="text"]        { background: #fff6cc; }

@media screen and (max-width: 767px){
#frm_usr .num4 { position: relative; margin: .3em 0 .3em 0; }
#frm_usr .num4 input[type="text"]   { width: 7em; max-width: 33%; margin-right: 5px; margin-left: 5px; }
#frm_usr .num4 input[type="number"]   { width: 7em; max-width: 33%; margin-right: 5px; margin-left: 5px; }
}

.content_app             { width: 50%; }
.content_app h3          { margin-top: .2em; margin-bottom: -.3em; font-size: 1.5em; text-align: center; color: #0089B3; text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff; }
.content_app .app_line   { background: #fff; border: 3px solid #0089B3; border-radius: 8px; text-align: left; }
.content_app .app_line p { margin: 1em;  font-size: .9em; }
.content_app .app_line #point_rec   { margin: 1em; }
.content_app .app_line #point_rec a { padding: .5em; text-align: center; font-weight: bold; font-size: 1.2em; display: block; color: #fff; background: #8acded; text-decoration: none; border-radius: 6px; }
.content_app.fl_l        { padding-right: .625em; float: left; }
.content_app.fl_r        { padding-left: .625em; float: right; }

@media screen and (max-width: 640px){
	#form_frame .frm_content #frm_usr  { margin: 1em .5em 0em .5em; }
	.content_app         { width: 100%; }
	.content_app h3      { margin-top: .5em; margin-bottom: -.3em; font-size: 1.5em; text-align: center; color: #0089B3; text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff; }
	.content_app.fl_l   { padding-right: 0; float: none; }
	.content_app.fl_r   { padding-left: 0; float: none; }
}

#notice     { width: 98%; max-width: 950px; padding: 1.25em; margin: 2em auto; background: #FFFFFF; border: 4px solid #0157AF; border-radius: 15px; box-shadow: 0px 5px 8px rgba(51,51,51,0.4); text-align: left; }
#notice h4  { margin: 0 auto; font-size: 1.4em; font-weight: bold; text-align: center; color: #e9455a; }
#notice h5  { margin: 0 auto .25em auto; font-size: 1.2em; text-align: center; color: #e9455a; }
#notice ul  { list-style: none none; }
#notice ol  { list-style: none none; }
#notice li  { padding: .1em 0 .1em 1em; font-size: .85em; text-indent: -1em; }
#notice p.pv_chk       { text-align: center; font-size: 1.2em; }
#notice p.pv_chk input { margin-right: .5em; }

#notice p.pv_chk input[type=checkbox] {
  -webkit-transform-origin: right;
  -webkit-transform: scale( 1.5 , 1.5 );
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

#notice p.caution      { margin: 0; font-weight: bold; font-size: 1.1em; color: #0089B3; }

#notice input[type="button"] { font-weight: bold; font-size: 1.1em;  padding: 5px 15px 5px 15px; }
#notice input[type="submit"] { font-weight: bold; font-size: 1.1em;  padding: 5px 15px 5px 15px; }

#notice table{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
}

#notice table th:first-child{
  border-radius: 5px 0 0 0;
}

#notice table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

#notice table th{
  text-align: center;
  color:white;
  background: linear-gradient(#829ebc,#225588);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  padding: 10px 0;
}

#notice table td{
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  padding: 5px;
}

#notice table td:last-child{
  border-right: 1px solid #a8b7c5;
}

#notice table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

#notice table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}


#confirm       { text-align: center; }
#confirm input {background:#FF2222 url(../img/btn_arrow.png) 98% no-repeat; background-size: 7%; font-weight: bold; width: 50%; max-width: 200px; display: block; margin: 1em auto 0 auto; padding: 10px 0; border: #ffffff solid 5px; border-radius: 15px; font-size: 24px; color: #ffffff; box-shadow: 0px 5px 8px rgba(51,51,51,0.4);}

#frm_back   { text-align: center; }
#frm_back input {background:#0157AF; font-weight: bold; width: 50%; max-width: 200px; display: block; margin: 1em auto 0 auto; padding: 10px 0; border: #ffffff solid 5px; border-radius: 15px; font-size: 24px; color: #ffffff; box-shadow: 0px 5px 8px rgba(51,51,51,0.4);}
#frm_back a { text-decoration: none; background:#0157AF; font-weight: bold; width: 50%; max-width: 200px; display: block; margin: 0 auto; padding: 10px 0; border: #ffffff solid 5px; border-radius: 15px; font-size: 24px; color: #ffffff; box-shadow: 0px 5px 8px rgba(51,51,51,0.4);}


@media screen and (max-width: 767px){
	#notice    { margin: 1.5em auto; padding: .75em; background: #FFFFFF; border: 2px solid #333333; }
}

@media screen and (max-width: 640px){
	#confirm input { width: 90%; }
	#frm_back input { width: 90%; }
	#frm_back a { width: 90%; }
}

#contact    { margin: 2em auto; padding: .75em; width: 50%; background: #FFFFFF; border: 4px solid #e9455a; border-radius: 15px; box-shadow: 0px 5px 8px rgba(51,51,51,0.4); text-align: left; }
#contact h5 { margin: 0; font-size: 1.2em; font-weight: bold; text-align: center; color: #e9455a; }

#contact #ac_date    { margin: 0 auto; }
#contact #ac_date h6 { margin: 0; font-size: 1em; font-weight: bold; }
#contact #ac_date p  { margin: 0; font-size: .9em; }

@media screen and (max-width: 767px){
	#contact { width: 60%; max-width: 950px; border: 3px solid #e9455a; border-radius: 6px; box-shadow: 0px 5px 5px rgba(51,51,51,0.4); }
}
@media screen and (max-width: 640px){
	#contact { width: 94%; }
	#contact #ac_date p:nth-last-child(2) { display: inline; }
	#contact #ac_date p:last-child        { display: inline; text-indent: 0; }
}



#links            { margin: 2em auto; }
#links #w_point   { padding-right: .625em; float: left; width: 50%; }
#links #w_point a { padding: .75em 2.5em; text-align: center; font-weight: bold; font-size: 1.5em; display: block; color: #fff; background: #e9455a url(../img/btn_arrow.png) 98% no-repeat; background-size: 7%; text-decoration: none; border-radius: 6px; }
#links #t_point   { padding-left: .625em; float: right; width: 50%; }
#links #t_point a { padding: 1.5em 2.5em; text-align: center; font-weight: bold; font-size: 1.5em; display: block; color: #fff; background: #88216c url(../img/btn_arrow.png) 98% no-repeat; background-size: 7%; text-decoration: none; border-radius: 6px; }
#links #s_point   { margin: 0 auto; width: 50%; }
#links #s_point a { padding: .75em 2.5em; text-align: center; font-weight: bold; font-size: 1.5em; display: block; color: #fff; background: #FF2222; text-decoration: none; border: #ffffff solid 5px; border-radius: 15px; color: #ffffff; box-shadow: 0px 5px 8px rgba(51,51,51,0.4); }

@media screen and (max-width: 640px){
	#links      { margin: 2em auto; }
	#links #w_point   { padding-right: .25em; float: left; width: 50%; }
	#links #w_point a { padding: 1em 0 2em 0; text-align: center; font-weight: bold; font-size: 1.5em; display: block; color: #fff; background: #e9455a url(../img/btn_arrow_dwn.png) center 97% no-repeat; background-size: 7.5%; text-decoration: none; border-radius: 6px; }
	#links #t_point   { padding-left: .25em; float: right; width: 50%; }
	#links #t_point a { padding: 1.75em 0 2.75em 0; text-align: center; font-weight: bold; font-size: 1.5em; display: block; color: #fff; background: #88216c url(../img/btn_arrow_dwn.png) center 97% no-repeat; background-size: 7.5%; text-decoration: none; border-radius: 6px; }
	#links a span:before {  content:'\A'; white-space: pre; }
	#links #s_point   { width: 95%; }
}

/* footer 
----------------------------------------------------------------*/
#footer  { padding: 1em; text-align: center; font-size: .8em; color: #FFFFFF; background: #dd7119; }

.entryBtn a{background:#E94709; font-weight: bold; width: 50%; display: block; margin: 0 auto; padding: 10px 0; border: #ffffff solid 5px; border-radius: 15px; font-size: 24px; color: #ffffff; box-shadow: 0px 5px 8px rgba(51,51,51,0.4);}
.entryBtn a:hover{background:#832805; text-decoration:none;}
.entryBtn {text-align: center; padding-bottom: 10px;}

#form_frame .frm_content input[type="text"].inp_error,
#form_frame .frm_content input[type="number"].inp_error,
#form_frame .frm_content input[type="mail"].inp_error {
    border: 1px solid #F88A8A;
    background: #F4D4D4;
}
#serial_num input[type="text"].inp_error {
    border: 1px solid #F88A8A;
    background: #F4D4D4;
}
.inp_disabled {
    background: #999999;
}

span.error_m {
    font-size: 15px;
    font-weight: normal;
    color: #FF4040;
    display: block;
    margin: 0;
}

.red_bold {
    font-weight: bold;
    color: #FF4040;
}

span.bold {
    font-weight: bold;
}

span.back_w {
    background: rgba(255,255,255,.8);
}

.kikan { font-weight: bold; font-size: 30px; }
@media screen and (max-width: 767px){ .kikan { font-size: 20px; } }

.h_space { margin-top: 1em; }
@media screen and (max-width: 767px){ .h_space { margin-top: 0.5em; } }

.tenpo {
    font-size: 12px;
    vertical-align: top;
    text-align: left;
    width: 135px;
    display: inline-block;
}
.required {
	margin-left: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background: #e9455a;
	padding: 0px 5px 0px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	white-space: nowrap;
	vertical-align: middle;
}
.small{
	font-size: 10px;
}