@charset "UTF-8";
/*変更*/
#sp_dummy_mobile {
    width: 320px;
    padding: 20px 10px 10px 10px;
    background-color: #000000;
    border-radius: 10px;
    background-image: url(../images/sp_dummy_mobile.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: left;
    margin: 0 auto;
}
#sp_dummy_frame {
    width: 320px;
}


/*==========================================
template
===========================================*/
#form_landing div {line-height: 1.4;}


#form-order
{
    margin-top:30px;
}

#form-order img{
    border: 0;
    vertical-align: top;
    width:100%;
  height:auto;
}

#landing_form-wrapper
{
}

#landing_form.bg_image
{
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 90% auto;
    -webkit-background-size: 90% auto;
}

.form_box
{
    width: 100%;
    padding: 0 0 20px 0;
    line-height:1.5;
}

.form_box .form_input_box
{
    width: 90%;
    padding: 0;
    text-align: left;
    font-size: 18px;
    margin:0 auto;
}

.form_box .form_example{
    width: 90%;
    padding: 3px 0 0 0;
    text-align: left;
    font-size: 14px;
    color: #999999;
    margin:0 auto;
    display: block;
    line-height: 1.8;
}

.form_box .form_example .red{
    font-size: 1.1em;
    color: #FF0000;
    font-weight:bold;
    line-height: 1.5;
}


.form_box .error-message
{
    width: 90%;
    padding: 1px;
    margin: 0 0 1px 0;
    text-align: center;
    color: #FFFFFF;
    background-color: #FF0000;
}

.form_box .form_box_label
{
    text-align:left;
    background-color: #EEEEEE;
    padding : 5px;
    margin: 3px 3px 8px 3px;
    font-size: 16px;
}
#landing_form.bg_image .form_box_label{
    background-color: #ECECEC;
  opacity: 0.8;
}
.form_box .form_box_label strong {
    font-weight: normal;
}

div.form_required .form_box_label
{
    background-image: url(../images/i_required.png);
    background-repeat:no-repeat;
    background-position: right center;
    line-height: 1.8;
}

div.form_required .form_box_label span.form_required {
    display: inline-block;
    width: 2px;
    height: 2px;
    overflow: hidden;
    text-indent: -9999px;
}

.form_box .input_label
{
    text-align: left;
    padding-top: 3px;
}
.form_box input[type="url"],
.form_box input[type="text"],
.form_box input[type="tel"],
.form_box input[type="email"] {
    font-size: 100%;
    height: 2em;
}

.form_box textarea{
    font-size: 100%;
}

.form_box select, #form_payment select {
    font-size: 100%;
    max-width: 100%;
}

.form_box input, .form_box select, #form_payment select {
    vertical-align: middle;
}

.form_box input[type="text"].input_long,
.form_box input[type="tel"].input_long,
.form_box input[type="email"].input_long,
.form_box textarea.input_long,
.form_box select.input_long,
.form_box input[type="text"].ureru_efo_family_name,
.form_box input[type="text"].ureru_efo_given_name,
.form_box input[type="text"].ureru_efo_family_kana,
.form_box input[type="text"].ureru_efo_given_kana,
.form_box input[type="text"].ureru_efo_address1,
.form_box input[type="text"].ureru_efo_address2,
.form_box input[type="email"].ureru_efo_email,
.form_box input[type="email"].ureru_efo_email_confirm
{
    width: 100%;
}

.form_box input[type="text"].zip1,
.form_box input[type="tel"].zip1,
.form_box input[type="email"].zip1
{
    width: 30%;
}

.form_box input[type="text"].zip2,
.form_box input[type="tel"].zip2,
.form_box input[type="email"].zip2
{
    width: 40%;
}

.form_box input[type="text"].ureru_efo_tel_no1,
.form_box input[type="text"].ureru_efo_tel_no2,
.form_box input[type="text"].ureru_efo_tel_no3,
.form_box input[type="tel"].ureru_efo_tel_no1,
.form_box input[type="tel"].ureru_efo_tel_no2,
.form_box input[type="tel"].ureru_efo_tel_no3,
.form_box input[type="email"].ureru_efo_tel_no1,
.form_box input[type="email"].ureru_efo_tel_no2,
.form_box input[type="email"].ureru_efo_tel_no3
{
    width: 24%;
}

.form_box input[type="text"].input_year,
.form_box input[type="tel"].input_year,
.form_box input[type="email"].input_year
{
    width: 25%;
}

.form_box input[type="checkbox"] {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    margin-right: 1em;
}

.form_box input[type="radio"] {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    margin-right: 1em;
}

.form_box label {
    margin-right: 2em;
}

.upsell_order {
    border-top: solid 1px #CACACA;
    border-bottom: solid 1px #CACACA;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 80px;
    padding-bottom: 80px;
}

#form_payment {
    width: 100%;
    padding: 0 0 20px 0;
}

#form_payment_method {
    width:90%;
    text-align: left;
    margin-top: 8px;
}

#form_payment_method_select #form-payment-method{
    font-size:0.7em;
    }



#agreement {
    background-color: #EEEEEE;
    padding : 1px 0 9px 0;
    margin: 3px;
    font-size: 18px;
    text-align: left;
    line-height:1.5;
}

#agreement table {
    margin : 9px 5px 0 5px;
}

#agreement .agreement_check {
    padding : 0 10px 1px 10px;
    vertical-align: top;
}

#agreement .agreement_check input[type="checkbox"] {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}

#agreement .agreement_label {
    padding : 0 10px 1px 5px;
    vertical-align: middle;
}

#agreement .agreement_label strong {
    font-weight: normal;
}

#agreement .agreement_label span.form_notice {
    display: inline-block;
    width: 39px;
    height: 21px;
    overflow: hidden;
    text-indent: -9999px;
    background-image: url(../images/i_required.png);
    background-repeat:no-repeat;
    background-position: right center;
    margin-left: 5px;
}

#agreement .error-message {
    width: 95%;
    padding: 1px;
    margin: 9px auto 1px auto;
    text-align: center;
    color: #FFFFFF;
    background-color: #FF0000;
    text-align: left;
}

#confirm_button {
    margin: 0 auto;
    padding: 30px 0 30px;
    width:90%;
    text-align:center;
}

#confirm_button .efo_input_border_gray{
    border:none;
}

#confirm_button img {
    border: 0;
    vertical-align: top;
    width:100%;
  height:auto;
}



.submit_mds img{
    width:100%;
    margin-bottom:-20px;
}

#confirm_button input{
    width:92%;
}


h2#form_checkout_title{
    display:none;
}



/*==========================================
wysiwyg
===========================================*/



.wysiwyg-title {
}

.wysiwyg-title font {
  font-size: 24px;
}

.wysiwyg-title u {
  text-decoration: none;
  background-color: #FCFF00;
}

.wysiwyg-comment {
  font-size: 18px;
}

.wysiwyg-comment.l {
  text-align: left;
}
.wysiwyg-comment.c {
  text-align: center;
}
.wysiwyg-comment.r {
  text-align: right;
}

.wysiwyg-comment font[size="2"] {
  font-size: 14px;
}
.wysiwyg-comment font[size="3"] {
  font-size: 18px;
}
.wysiwyg-comment font[size="4"] {
  font-size: 22px;
}

.wysiwyg-comment u {
  text-decoration: none;
  background-color: #FCFF00;
}

.wysiwyg-comment span.arrow {
  margin: 0 2px;
  width: 22px;
  height: 25px;
  display: inline-block;
  vertical-align: center;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.wysiwyg-comment span.checkbox {
  margin: 0 2px;
  width: 30px;
  height: 23px;
  display: inline-block;
  vertical-align: center;
  background-image: url(../images/checkbox.png);
  background-repeat: no-repeat-x;
  background-position: center center;
}
.wysiwyg-title img.urerueditor-arrow,
.wysiwyg-title img.urerueditor-checkbox,
.wysiwyg-comment img.urerueditor-arrow,
.wysiwyg-comment img.urerueditor-checkbox {
  width: auto !important;
  height: auto !important;
  display: none;
}

footer p.link{
    font-size:1em;
}

/*==========================================
wysiwyg
===========================================*/


/* np */
#form_payment_method_np {
    display: none;
}
#form-single-payment-method #form_payment_method_np {
    display: block !important;
}

#form_payment_method_np .np_image {
    width: 100%;
    margin-top: 10px;
}
#form_payment_method_np .np_image img {
    width: 100%;
    height: auto;
}

#form_payment_method_np .np_note {
}
#form_payment_method_np .np_note .np_title {
    width: 100%;
    margin-top: 10px;
    padding-bottom: 2px;
    font-size: 14px;
    line-height: 1.5;
    border-bottom: dotted 2px #CCCCCC;
}
#form_payment_method_np .np_note .np_description {
    margin-top: 5px;
    margin-left: 1em;
    font-size: 12px;
    line-height: 1.5;
}



.form_input_box p.input_label {
    font-size:1em;
    padding:5px 15px 5px 0;
}

/* credit */
/* 
#form_payment_method_credit {
    display: none;
}
 */
#form-single-payment-method #form_payment_method_credit {
    display: block !important;
}
#form_payment_method_credit .credit_title {
    margin-top: 10px;
    font-size: 16px;
}
#form_payment_method_credit .credit_input {
    margin-top: 5px;
    padding: 0;
    font-size: 18px;
    vertical-align: middle;
}
#form_payment_method_credit .credit_input input {
    width: 100%;
    font-size: 100%;
    height: 2em;
}

#form_payment_method_credit .credit_input input.card_date {
    width: 20% !important;
}
#form_payment_method_credit .credit_example {
    padding: 3px 0 0 0;
    text-align: left;
    font-size: 14px;
    color: #999999;
}

#form_payment_method_credit .credit_box .error-message {
    width: 100% !important;
}



div#form_payment_method_np_form{
    padding: 10px;
    width:auto;
    border: 1px solid #CCCCCC;
    margin:10px auto 0 auto;
    line-height: 16px;
    font-size:12px;

}
.c01 {
color: #FF0000;
}

#upsell_payment_method_np div#form_payment_method_np{
    padding-right: 20px;
}

div#np_note {
    margin-top:1.0em;
    text-align : left;
    display: block;
    line-height: 1.2;
}
div#np_note .np_title{
    display: block;
    line-height: 1.2;
}
div#np_note .np_description {
    width: auto;
    padding: 0 12px;
    line-height: 1.5;
}

/*==========================================
sp_efo_input
===========================================*/


.efo_input_glay{
  background-color:#D4D4D4;
}

.efo_input_white{
  background-color:#FFFFFF;
}

.efo_input_border_red{
  border: 2px solid #FF0000;
}

.efo_input_border_gray{
  border: 1px solid #999999;
}

.honki_efo_input_glay{
    background-color:#D4D4D4;
}

.honki_efo_input_border_gray{
    border: 1px solid #999999;
}




/*==========================================
sp_tipsy
===========================================*/

.form_input_box {position: relative; !important;}
.tipsy{cursor:pointer !important;position:absolute !important;z-index:100000 !important;
font-size:18px; line-height:1.5;}
#agreement .ureru-efo-baloon-wrapper{width:80% !important;}
#honki-check-wrapper .ureru-efo-baloon-wrapper{width:85% !important;}
.ureru-efo-baloon-wrapper{width:101% !important;padding:0 !important;}
.ureru-efo-baloon-baloon{width:100% !important;border-collapse:collapse !important;border:none !important;border-spacing:0 !important;}
.ureru-efo-baloon-baloon td{border:none !important;padding:0 !important;}
.ureru-efo-baloon-baloon-0,.ureru-efo-baloon-baloon-1,.ureru-efo-baloon-baloon-2{height:4px !important;}
.ureru-efo-baloon-baloon-3,.ureru-efo-baloon-baloon-4,.ureru-efo-baloon-baloon-5{height:auto !important;}
.ureru-efo-baloon-baloon-6,.ureru-efo-baloon-baloon-7,.ureru-efo-baloon-baloon-8{height:15px !important;}
.ureru-efo-baloon-baloon-0,.ureru-efo-baloon-baloon-3,.ureru-efo-baloon-baloon-6{width:23px !important;}
.ureru-efo-baloon-baloon-1,.ureru-efo-baloon-baloon-4,.ureru-efo-baloon-baloon-7{width:auto !important;}
.ureru-efo-baloon-baloon-2,.ureru-efo-baloon-baloon-5,.ureru-efo-baloon-baloon-8{width:8px !important;}
.ureru-efo-baloon-baloon-0{background-image:url('../images/ureru-efo-baloon-0.png');background-position:left top !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-0{background-image:url('../images/ureru-efo-baloon-0.gif')\9;}
.ureru-efo-baloon-baloon-1{background-image:url('../images/ureru-efo-baloon-1.png');background-position:center top !important;background-repeat:repeat-x !important;}
.ureru-efo-baloon-baloon-1{background-image:url('../images/ureru-efo-baloon-1.gif')\9;}
.ureru-efo-baloon-baloon-2{background-image:url('../images/ureru-efo-baloon-2.png');background-position:right top !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-2{background-image:url('../images/ureru-efo-baloon-2.gif')\9;}
.ureru-efo-baloon-baloon-3{background-image:url('../images/ureru-efo-baloon-3.png');background-position:left center !important;background-repeat:repeat-y !important;}
.ureru-efo-baloon-baloon-3{background-image:url('../images/ureru-efo-baloon-3.gif')\9;}
.ureru-efo-baloon-baloon-4{text-align:left;background-image:url('../images/ureru-efo-baloon-close.png');background-color:#F75793 !important;background-position:right top !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-4{background-image:url('../images/ureru-efo-baloon-close.gif')\9;}
.ureru-efo-baloon-baloon-5{background-image:url('../images/ureru-efo-baloon-5.png');background-position:right center !important;background-repeat:repeat-y !important;}
.ureru-efo-baloon-baloon-5{background-image:url('../images/ureru-efo-baloon-5.gif')\9;}
.ureru-efo-baloon-baloon-6{background-image:url('../images/ureru-efo-baloon-6.png');background-position:left bottom !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-6{background-image:url('../images/ureru-efo-baloon-6.gif')\9;}
.ureru-efo-baloon-baloon-7{background-image:url('../images/ureru-efo-baloon-7.png');background-position:center bottom !important;background-repeat:repeat-x !important;}
.ureru-efo-baloon-baloon-7{background-image:url('../images/ureru-efo-baloon-7.gif')\9;}
.ureru-efo-baloon-baloon-8{background-image:url('../images/ureru-efo-baloon-8.png');background-position:right bottom !important;background-repeat:no-repeat !important;}
.ureru-efo-baloon-baloon-8{background-image:url('../images/ureru-efo-baloon-8.gif')\9;}
.ureru-efo-baloon-comment{margin:0 0 0 -15px !important;padding:3px 25px 0px 0px !important;font-size:18px !important;font-weight:bold !important;color:#FFFFFF !important;}
html*.ureru-efo-baloon-comment{margin-left:0 !important;}



/*==========================================
sp_efo_required_box
===========================================*/

#landing_form-wrapper {
    padding-top: 0px;
    position: relative;
}

#efo_required_box {
    width: 100%;
    display: none;
    margin: 0;
    padding: 10px 0;
    background-color:#F75793;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    position: absolute;
    z-index: 999999;
    top: 0px;
    left: 0px;
    box-shadow: 4px 4px 4px rgba(6,6,6,0.3);
        line-height: 1.5;
    font-size: 18px;
}
#efo_required_box.complete {
    background-color: #008000;
}
#efo_required_box strong {
    font-weight: normal;
}



/*==========================================
sp_noscript
===========================================*/


#noscript_box {
    background-color:#FF0000;
    width:100%;
    margin: 0 auto;
    padding:8px 0;
    text-align: center;
}
#noscript_box img {
    width: 90%;
    height: auto;
}

/*==========================================
パスワードエリア
===========================================*/

#OrderExtra1{
width:50%;
height:2em;
}

#input_zip .form_input_box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#input_tel_no .form_input_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}