@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM COCOLO  [REQUEST , PRESENT]*/
/*----------------------------------------------*/
/*Created: 2015.10.01*/
/*Last Update:	2015.10.01*/
/*----------------------------------------------*/




/*INDEX*/

/*[REQUEST , PRESENT]*/
/*[Main Frame Customize]*/
/*[Page Header]*/

/*[REQUEST PAGE (INPUT)]*/
/*-- [RADIPASS] --*/
/*-- [Privacy Policy] --*/


/*[REQUEST PAGE (CONFIRM)]*/


/*[REQUEST PAGE (COMPLATE)]*/











/*----------------------------------------------*/
/*[REQUEST , PRESENT]*/
/*----------------------------------------------*/

/*[Main Frame Customize]*/
.main-container.one-column .main-frame > .inner-frame {
width:auto;
margin:0 auto;
}


@media screen and (min-width:641px) and (max-width:959px) {
.main-container.one-column .main-frame > .p-request.inner-frame {
width:81.67539%;
margin:0 auto;
}


}


@media screen and (min-width:961px) and (max-width:1199px) {
.main-container.one-column .main-frame > .p-request.inner-frame {
width:81.67539%;
margin:0 auto;
}


}


@media screen and (min-width:1200px) {
.main-container.one-column .main-frame > .p-request.inner-frame {
width:780px;
margin:0 auto;
}


}
/*----------------------------------------------*/





/*[Page Header]*/

/*(transtion)*/
.rq-transition {
width:auto;
height:auto;
margin:0 0 3em;
padding:0;
text-align:center;
}


/*(Page Title Set)*/
.rq-page-ttl {
width:auto;
height:auto;
margin:0 0 2.4em;
padding:0;
}
/*[Page No]*/
.rq-page-ttl .rpt-no {
width:38px;
height:auto;
margin:0;
padding:0;
float:left;
}
/*[Page Title]*/
.rq-page-ttl .rpt-ttl,
.rq-page-ttl .rpt-txt {
width:auto;
height:auto;
margin:0 0 0 48px;
padding:.6em 0 0;
}
.rq-page-ttl .rpt-ttl .h-sm {
margin:0;
padding:0;
color:#0080a7;
}
.rq-page-ttl .rpt-ttl .h-sm small {
font-size:.8em;
padding-left:1em;
}
/*[Page Text]*/
.rq-page-ttl .rpt-txt {
font-size:1em;
}

/*[Text Middle]*/
.rq-ttl-mid {
font-size:1.2em;
line-height:1.5em;
margin-bottom:1.2em;
}


@media screen and (max-width:1100px) {
.rq-page-ttl .rpt-ttl .h-sm small {
 display:block;
 padding:.5em 0 0 0;
}

}


@media screen and (max-width:640px) {
.rq-transition {
margin:0 0 2em;
}

/*[Page No]*/
.rq-page-ttl .rpt-no {
width:32px;
}
/*[Page Title]*/
.rq-page-ttl .rpt-ttl,
.rq-page-ttl .rpt-txt {
margin:0 0 0 40px;
padding:.5em 0 0;
}

/*[Text Middle]*/
.rq-ttl-mid {
font-size:1.1em;
margin-bottom:1em;
}

}










/*
[REQUEST PAGE (INPUT)]
*/

/*[Form]*/
.rq-1st-form,
.rq-2nd-form {
width:auto;
height:auto;
text-align:left;
}
.rq-1st-form {
margin-bottom:5em;
}

/*(Form Heading)*/
.form-head {
padding-top:.5em;
font-size:.9em;
color:#0080a7;
}
/*(Form Heading Inline)*/
.form-head.inline-label {
float:left;
width:220px;
}
.float-set {
margin-left:220px;
}
/*(Form Heading Help Text)*/
.form-head .help-text {
font-size:.9em;
font-weight:normal;
padding-left:1em;
color:#666;
}

/*(Check Text)*/
.check-text {
font-size:.9em;
}



/*[For Present Form]*/
.rq-present-form .inner-frame {
width:auto;
height:auto;
margin:0 0 1em;
padding:2em 1.6em 1em;
border:1px solid #f14950;
background:#FFF url(../images/bg_dot_red.png) repeat 0 0;
}
/*[Text Attention]*/
.rq-present-form .rq-attention {
font-size:1.1em;
line-height:1.5em;
font-weight:bold;
margin:0 0 1.8em;
padding:0;
text-align:center;
color:#f14950;
}



/*(Send Form)*/
.send-form {
width:auto;
height:auto;
margin:0;
padding:2em 0;
}


@media screen and (max-width:1024px) {
/*(Form Heading Inline)*/
.form-head.inline-label {
float:none;
width:auto;
}
.float-set {
margin-left:0;
}

/*[Text Attention]*/
.rq-present-form .rq-attention .br {
 display:block;
}


}




@media screen and (max-width:767px) {
.form-set .form-head {
width:27.77777%;
}


.form-set .float-set {
margin-left:27.77777%;
}
}


@media screen and (max-width:640px) {
.form-set .form-head {
width:auto;
padding:0;
display:block;
}
.form-set .form-head.continue {
float:none;
}

.form-set .float-set {
margin-left:0;
}

.search-add {
margin-top:.5em;
}

/*[For Present Form]*/
.rq-present-form .inner-frame {
padding:1.4em 1.2em .8em;
}

/*[Text Attention]*/
.rq-present-form .rq-attention {
font-size:1em;
margin:0 0 1.2em;
}

}


@media screen and (max-width:480px) {
/*(Form Heading Help Text)*/
.form-head .help-text {
display:block;
padding:.5em 0 0 0;
}

}





/*-- [RADIPASS] --*/

/*(Frame)*/
#radipass-form > .inner-frame {
width:auto;
height:auto;
margin:0 0 3em;
padding:10px;
background:#dfc7a2;
}

/*(Each RADIPASS Title)*/
.rfm-ttl {
margin:0;
padding:0;
}



/*-- [RADIPASS (Member)] --*/
#radipass-form .rf-member {
background:#f8f6ef;
}
/*(Heading)*/
.rf-member .rfm-heading {
width:62%;
height:auto;
margin:0;
padding:1em 2em 1em 2em;
float:left;
}
/*[Title]*/
.rf-member .rfm-heading .rfm-ttl {
margin-bottom:.6em;
}
/*[Text]*/
.rf-member .rfm-heading .txt-sm {
line-height:1.5em;
margin-bottom:1em;
}

/*(Entry Form)*/
.rf-member .rp-form {
width:36%;
height:auto;
margin:0;
padding:1.2em 3em 1em 0;
float:right;
} 
/*(Each Form)*/
.rf-member .rp-form .form-group {
margin-bottom:.6em;
}
/*(Each Input Labal)*/
.rf-member .rp-form .form-group label {
font-size:.85em;
font-weight:normal;
}
/*[Text Logged]*/
.rf-member .rp-form .txt-logged {
font-size:.9em;
text-align:center;
color:#666;
padding:.4em;
border:1px solid #CCC;
}
/*[Text Error Message]*/
.rf-member .rp-form .error_message {
font-size:.85em;
text-align:center;
padding:.5em 0;
}



/*-- [RADIPASS (Non Member)] --*/
#radipass-form .rf-non-member {
padding:1em 0;
background:#FFF;
}
#radipass-form .rf-non-member .new-entry {
width: 88.15789%;
height:auto;
margin:0 auto;
padding:0;
}
#radipass-form .rf-non-member .new-entry dt,
#radipass-form .rf-non-member .new-entry dd {
height:auto;
padding:0;
text-align:center;
}
#radipass-form .rf-non-member .new-entry dt {
width:37.31343%;
padding-top:.2em;
float:left;
}
#radipass-form .rf-non-member .new-entry dd {
width:59.70149%;
margin-left:40.29850%;
}
#radipass-form .rf-non-member .new-entry dd a {
display:block;
border:1px solid #b3b3b3;
background:#fcee21;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}



@media screen and (max-width:640px) {
#radipass-form > .inner-frame {
margin:0 0 2em;
padding:7px;
}


/*-- [RADIPASS (Member)] --*/
/*(Heading)*/
.rf-member .rfm-heading {
width:auto;
padding:.7em 1em 0;
float:none;
}
/*[Title]*/
.rf-member .rfm-heading .rfm-ttl {
width:80%;
margin:0 auto .3em;
text-align:center;
}

/*(Entry Form)*/
.rf-member .rp-form {
width:auto;
padding:1em;
float:none;
} 



/*-- [RADIPASS (Non Member)] --*/
#radipass-form .rf-non-member {
padding:.5em 0 1em;
}

#radipass-form .rf-non-member .new-entry dt {
width:90%;
padding-top:0;
text-align:center;
margin:0 auto;
float:none;
}
#radipass-form .rf-non-member .new-entry dd {
width:auto;
text-align:center;
margin-left:0;
}

}





/*-- [Privacy Policy] --*/
.privacy-policy {
width:auto;
height:auto;
margin:0;
padding:1.2em 0;
}
/*[Heading]*/
.privacy-policy .pp-ttl {
font-size:1em;
color:#FF0000;
margin-bottom:.3em;
}
/*[Text]*/
.privacy-policy .pp-txt {
font-size:.9em;
margin-bottom:.3em;
}
/*[Link]*/
.privacy-policy .pp-link {
padding:.5em 0;
text-align:right;
}










/*
[REQUEST PAGE (INPUT)]
*/

/*(Frame)*/
.check-form-list > .inner-frame {
width:auto;
height:auto;
margin:0;
padding:0;
}

/*(Confirm List)*/
.check-form-list .check-list {
width:auto;
height:auto;
margin:0;
padding:0;
border-top:1px solid #CCC;
}
/*[Heading]*/
.check-form-list .check-list .cl-heading {
width:220px;
font-size:.9em;
line-height:1.6em;
margin:0;
padding:1.2em 0;
float:left;
color:#0080a7;
}
.check-form-list .check-list .cl-txt {
font-size:.9em;
line-height:1.6em;
margin:0;
padding:1.2em 0 1.2em 220px;
border-bottom:1px solid #CCC;
}


@media screen and (max-width:640px) {
/*[Heading]*/
.check-form-list .check-list .cl-heading {
width:auto;
padding:1em 0 0;
float:none;
}
.check-form-list .check-list .cl-txt {
font-size:1em;
padding:.5em 0 1em;
}

}


/*------------------------------------------------------------------------------
  error by fs
------------------------------------------------------------------------------*/
#errorFrame {
    background-color: #FDECEE;
    border: 2px solid #EE505C;
    text-align: left;
    color: #EE505C;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    line-height: 5px;
    margin: 0 0 30px 30px;
    padding: 15px 0 15px 15px;
    width: 85%;
}


/*
[REQUEST PAGE (COMPLATE)]
*/

/*[Thanks Message]*/
.rq-thanks {
width:auto;
height:auto;
margin:0 0 1.2em;
padding:0;
text-align:center;
}



/*[New Entry RADIPASS]*/
/*(All Images)*/
.rq-radipass img {
 width:100%;
}

/*(Frame)*/
.rq-radipass > .inner-frame {
width:auto;
height:auto;
}
/*(Inner Frame)*/
.rq-radipass > .inner-frame {
 width:540px;
margin:0 auto 1em;
padding:5px;
background:#dfc7a2;
}
/*(Inner Box)*/
.rq-radipass > .inner-frame > .inner-box {
margin:0;
padding:10px 1.5em 10px;
background:#f8f6ef;
}


/*[Title]*/
.rq-radipass .rq-rp-ttl {
 width:auto;
 height:auto;
 margin:0;
 padding:0;
 text-align:center;
}


/*(Info)*/
.rq-radipass .rq-rp-info {
 width:auto;
 height:auto;
 margin:0 0 1em;
 padding:0;
}
/*[Catch]*/
.rq-radipass .rq-rp-info .rpi-catch {
 margin:0;
 padding:0;
 float:left;
}
/*[Catch]*/
.rq-radipass .rq-rp-info .rpi-txt {
 font-size:.9em;
 margin:0 0 0 80px;
 padding:.2em 0 0;
}


/*[Entry Buttons]*/
.rq-radipass .btn-box li {
 text-align:center;
 margin:0 auto .5em;
 padding:0;
}


/*[Kiyaku]*/
.rq-radipass .rq-rp-read {
 width:280px;
 text-align:center;
 margin:0 auto;
 padding:0;
}


/*[Site]*/
.rq-radipass .rq-rp-site {
 width:auto;
 height:auto;
 margin:1.5em 0;
 padding:1.4em 0 0;
 border-top:2px solid #dfc7a2;
}



@media screen and (min-width:641px) and (max-width:768px) {
/*(Inner Frame)*/
.rq-radipass > .inner-frame {
 width:94.91525%;
padding:5px;
}

/*[Catch]*/
.rq-radipass .rq-rp-info .rpi-catch {
 width:12.20338%;
}
/*[Catch]*/
.rq-radipass .rq-rp-info .rpi-txt {
 font-size:.9em;
 margin:0 0 0 13.55932%;
}



}


@media screen and (min-width:480px) and (max-width:640px) {
/*(Inner Frame)*/
.rq-radipass > .inner-frame {
 width:84.375%;
padding:5px;
}

/*(Inner Box)*/
.rq-radipass > .inner-frame > .inner-box {
padding:10px 1.2em 10px;
}


/*[Title]*/
.rq-radipass .rq-rp-ttl {
 width:59.25925%;
 margin:.5em auto 1em;
 text-align:center;
}

/*[Catch]*/
.rq-radipass .rq-rp-info .rpi-catch {
 width:37.03703%;
 margin:0 auto .5em;
 text-align:center;
 float:none;
}
/*[Catch]*/
.rq-radipass .rq-rp-info .rpi-txt {
 margin:0 0 .5em;
}

/*[Entry Buttons]*/
.rq-radipass .btn-box li {
 width:auto;
 margin:0 auto 1em;
}

/*[Kiyaku]*/
.rq-radipass .rq-rp-read {
 width:51.85185%;
}

/*[Site]*/
.rq-radipass .rq-rp-site {
 margin:1.2em 0;
 padding:1em 0 0;
}


}


@media screen and (min-width:320px) and (max-width:479px) {
/*(Inner Frame)*/
.rq-radipass > .inner-frame {
 width:88.88888%;
padding:5px;
}

/*(Inner Box)*/
.rq-radipass > .inner-frame > .inner-box {
padding:10px 1em 10px;
}


/*[Title]*/
.rq-radipass .rq-rp-ttl {
 width:87.5%;
 margin:.2em auto 1em;
 text-align:center;
}

/*[Catch]*/
.rq-radipass .rq-rp-info .rpi-catch {
 width:50%;
 margin:0 auto .5em;
 text-align:center;
 float:none;
}
/*[Catch]*/
.rq-radipass .rq-rp-info .rpi-txt {
 margin:0 0 .5em;
}

/*[Entry Buttons]*/
.rq-radipass .btn-box li {
 width:auto;
 margin:0 auto 1em;
}


/*[Kiyaku]*/
.rq-radipass .rq-rp-read {
 width:70%;
}

/*[Site]*/
.rq-radipass .rq-rp-site {
 margin:1em 0;
 padding:.9em 0 0;
}


}




@media screen and (max-width:480px) {
/*[Thanks Message]*/
.rq-thanks {
padding:0;
}

}