/*! style.css */

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

#wrapper_inner { margin: 0 auto; width: 100%; background: #ffffff; }
#wrapper_inner #top_img { text-align: center; margin: .5em 0 1em 0; }

@media screen and (max-width: 800px){
	#wrapper       { background: #ffffff; }
	#wrapper_inner { margin: 0 auto; width: 100%; text-align: center; }
	#wrapper_inner #top_img { text-align: center; margin: .5em; }
}
@media screen and (max-width: 640px){
	#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; width: 100%; height: 50px; position: relative; background: #017B63; }
#header #h_logo {  margin: .5em 1em 1em 1em;width: 150px; height: 45px; position: absolute; text-indent: -9999px; overflow: hidden; background: url(../img/img_logo_02.svg) 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: 767px){
	#header         { margin: 0 auto; width: 100%; height: 35px; max-height: 35px; position: relative; }
	#header #h_logo { width: 100px; padding: 30px 0px 0px 0px; text-align: center; }
	#header .caption   { margin: .25em 0; padding: 0; font-size: 80%; text-align: right; }
}

/* contents 
----------------------------------------------------------------*/
#contents    { width: 98%; max-width: 800px; 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; }
}


#campaign            { padding: .5em; position: relative; background: #FFFFFF; }
#campaign h2         { margin: 0 auto; text-align: center; color: #fff; font-size: 1.5em; }
#campaign .caption   { margin: .5em 1em; font-size: 80%; }
#campaign p          { font-size: 14px; margin: 0 0 0.5em 0; text-align: left; }

#campaign h3         { background: #eed237; color: #fff; font-weight: bold; font-size: 24px; text-align: center; padding: 2px 0 1px; margin: 15px 0 20px; }
@media screen and (min-width:768px) {
	#campaign h3 { font-size: 26px; padding: 3px 0 2px; margin: 20px 0 20px; }
	#campaign p  { font-size: 16px; margin: 0 0.25em; }
}


#campaign .pre_pass   { margin: 0; padding: 1em 1em 1em 1em; text-align: center; }
#campaign .pre_pass a { padding: .25em; font-weight: bold; text-decoration: none; display: block; color: #fff; background: #021b42; border-radius: .2em; }

#campaign_sp .pre_pass   { margin: 0; padding: .5em .5em .5em .5em; text-align: center; }
#campaign_sp .pre_pass a { padding: .25em; font-weight: bold; text-decoration: none; display: block; color: #fff; background: #021b42; border-radius: .2em; }


/* form */
#cp_double             { margin-top: 1em; padding: 1px; position: relative; background: #007564; border: 1px solid #007564; border-radius: 6px; }
#cp_double h2          { margin: 0 auto; text-align: center; color: #FFFFFF; font-size: 1.2em; }
#cp_double #frm_dbl    { width: 100%; background: #FFFFFF; text-align: center; border-radius: 5px; }
#cp_double #confrm_dbl { width: 100%; background: #f9e6e6; text-align: center; }

#cp_double h2#thanks   { font-size: 1.3em; }

#cp_double .readcopy   { padding: 1em; background: #EEEEEE; }
#cp_double .readcopy p { margin: 0; color: #57330f; font-size: 1em; text-align: left; }

#serial_num       { max-width: 500px; margin: 1em; padding: .25em; text-align: center; background: #021b42; display: inline-block; }
#serial_num label { margin-left: 1em; font-weight: bold; font-size: 1.2em; color: #fff; }
#serial_num input { margin-bottom: .1em; padding: 3px 3px 3px 3px; width: 100%; text-align: center; color: #000; font-weight: bold; font-size: 1.2em; ime-mode: disabled; }

#cp_double #num_sample    { margin: 1em .5em; padding: .5em 1em; text-align: left; background: #fff; }
#cp_double #num_sample h4 { margin: 0; }
#cp_double #sn_sample    { margin: 1em .5em; padding: .5em 1em; text-align: left; background: #fff; }
#cp_double #sn_sample h4 { margin: 0; }

#cp_double .frm_content           { margin: 1em .5em 0em .5em; /*background: #fff;*/ }
#cp_double .frm_content h3        { margin: 0; text-align: left; font-weight: bold; font-size: 1.2em; }
#cp_double .frm_content h3:before { content:'● '; color: #021b42; }
#cp_double #confrm_dbl .frm_content h3:before { content:'● '; color: #000; }
#cp_double .frm_content p         { margin: 0 0 0 .5em; text-align: left; }

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

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

#cp_double #confrm_dbl .frm_content .confrm_frm { padding: .25em 1.25em; }
#cp_double #confrm_dbl .frm_content .confrm_frm input[type="text"] { background: #fff6cc; }
#cp_double #confrm_dbl .frm_content .confrm_frm input[type="number"] { background: #fff6cc; }

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

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

#cp_double .frm_content input[type="text"] { border: 1px solid #021b42; width: 100%; padding: 8px 8px 8px 8px; border-radius: 6px; background-color: #F5FBE5; }
#cp_double .frm_content input[type="number"] { border: 1px solid #021b42; width: 100%; padding: 8px 8px 8px 8px; border-radius: 6px; background-color: #F5FBE5; }
#cp_double .frm_content input[type="mail"] { border: 1px solid #021b42; width: 100%; padding: 8px 8px 8px 8px; border-radius: 6px; background-color: #F5FBE5; }
#cp_double .frm_content select             { border: 1px solid #021b42; padding: 8px 8px 8px 8px; /*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ }
#cp_double .frm_content .ipt_num           { margin: 0 .6em .5em .6em; }
#cp_double .frm_content .ipt_num input     { margin-left: 3%; width: 22%; }
#cp_double .frm_content .ipt_num input:nth-child(1) { margin-left: 0; width: 22%; }
#cp_double .frm_content textarea { border: 1px solid #021b42; width: 100%; padding: 8px 8px 8px 8px; border-radius: 6px; background-color: #F5FBE5; }

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

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

#cp_double .frm_content #frm_usr         { margin: .5em .5em 0 1em; padding-bottom: 1em; text-align: left; }
#cp_double .frm_content #frm_usr h4      { margin: 1em 0 .5em 0; padding-top: .25em; font-weight: bold; border-top: 1px solid #e9455a; }
#cp_double .frm_content #frm_usr #js_zip { position: relative; }
#cp_double .frm_content #frm_usr #js_zip input[type="text"]   { width: 15em; max-width: 60%; }
#cp_double .frm_content #frm_usr #js_zip input[type="number"]   { width: 10em; max-width: 60%; }
#cp_double .frm_content #frm_usr #js_zip input[type="button"] { margin-left: .5em; font-size: 1em;font-weight: bold;padding: 8px 15px; cursor:pointer; max-width: 40%; }

#cp_double .frm_content #frm_usr ul#frmgen     { margin: 0; padding: 0; list-style: none none; position: relative; }
#cp_double .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 #021b42; float: left; }
#cp_double .frm_content #frm_usr ul#frmgen li:nth-child(2) { margin-right: 1%; }
#cp_double .frm_content #frm_usr ul#frmgen li input        { margin-right: .25em; }
#cp_double .frm_content #frm_usr ul#frmgen li label        { display: block; }

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

.content_app             { width: 50%; }
.content_app h3          { margin-top: .2em; margin-bottom: -.3em; font-size: 1.5em; text-align: center; color: #021b42; 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 #021b42; 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){
	.content_app         { width: 100%; }
	.content_app h3      { margin-top: .5em; margin-bottom: -.3em; font-size: 1.5em; text-align: center; color: #021b42; 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: 100%; max-width: 950px; padding: 1.25em; margin: 2em auto; background: #FFFFFF; border: 2px solid #FF2222; border-radius: 6px; 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: #021b42; }

#confirm       { text-align: center; }
#confirm input { background:#FF5821; font-weight: bold; width: 50%; display: block; margin: 0 auto; padding: 10px 0; border: #FF5821 solid 1px; border-radius: 30px; font-size: 24px; color: #ffffff; }

#frm_back   { text-align: center; }
#frm_back input {background:#007A63; font-weight: bold; width: 50%; display: block; margin: 0 auto; padding: 10px 0; border: #007A63 solid 1px; border-radius: 30px; font-size: 24px; color: #ffffff; }
#frm_back a { text-decoration: none; background:#007A63; font-weight: bold; width: 50%; display: block; margin: 0 auto; padding: 10px 0; border: #007A63 solid 1px; border-radius: 30px; font-size: 24px; color: #ffffff; }


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

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

#contact    { margin: 2em auto; padding: .75em; width: 50%; background: #FFFFFF; border: 2px solid #e9455a; 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: 98%; max-width: 950px; border: 2px solid #e9455a; }
}
@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; }

@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  { margin: 0 auto; width: 100%; padding: 1.5em; text-align: center; font-size: .8em; color: #FFFFFF; background: #3F9A8D; }
@media screen and (max-width: 950px){
	#footer { margin: 0 auto; width: 100%; }
}

.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; }
.entryBtn a:hover{background:#832805; text-decoration:none;}
.entryBtn {text-align: center; padding-bottom: 10px;}

#cp_double .frm_content input[type="text"].inp_error,
#cp_double .frm_content input[type="number"].inp_error,
#cp_double .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;
}

span.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;
}