﻿/* Page Max Width */
.cls_Content_Area{max-width:600px;margin:30px auto}

/* Left margin */
.cls_Set_Left{padding-left:14px;box-sizing:border-box}

/* DocButtons Area */
.cls_DocButtons{position:fixed;bottom:0;left:0;width:100%;padding:17px 16px 16px 16px;box-sizing:border-box;font-size:0;background:#FFF;display:none;border-top:1px solid #e6ebf5}
.cls_DocButtons_table{display:table;font-size:0;border-collapse:collapse;border:0;width:100%;margin:0 auto}
.cls_DocButtons_td{display:table-cell;font-size:0;height:60px;text-align:left;vertical-align:middle;border:0}

/* CreditTitle */
.cls_CreditTitle{font-size:0;border:0;width:100%;height:32px;background:#daa360;box-sizing:border-box}
.cls_CreditTitle_table{display:table;font-size:0;border-collapse:collapse;border:0;width:100%;margin:0 auto}
.cls_CreditTitle_table div{display:table-cell;border-collapse:collapse;border:0;font-size:0;text-align:left;vertical-align:middle;height:32px}
.cls_CreditTitle_table div.ICON{width:25px;white-space:nowrap;padding-left:14px;padding-right:8px;box-sizing:border-box}
.cls_CreditTitle_table div span{font-size:14px;font-weight:bold;color:#52330d;box-sizing:border-box}

/* Select Style */
.cls_SelectHidden {display:none;visibility:hidden}
.cls_Select {cursor:pointer;position:relative;width:100%;box-sizing:border-box;border-bottom:1px solid #e6ebf5;height:40px;-webkit-overflow-scrolling:touch}
.cls_Select * {-webkit-overflow-scrolling : touch;}
.cls_Select .SubTitle {position:absolute;top:0;left:0px;font-size:14px;color:#9fadc3;padding-left:14px;box-sizing:border-box}
.cls_Select .Default {position:absolute;top:10px;left:0px;font-size:21px;color:#9fadc3;padding-left:14px;box-sizing:border-box}
.cls_SelectValue {left:0px;width:100%;height:30px;background-size:22px 22px;text-align:left;padding-left:14px;box-sizing:border-box;border:none; }
.cls_SelectValue {font-size:21px;color:#182942;height:30px}
.cls_SelectValue:after {width:0;height:0;position:absolute;top:15px;right:10px}

/*交易契約書*/
.sub-iframe-rwd {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    -webkit-overflow-scrolling: touch; /*for ios*/
    overflow-y: scroll; /*for ios*/
}

.sub-iframe-rwd iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ▁▁▁▁▁▁▂▄▆█ RWD Setting █▆▄▂▁▁▁▁▁▁ */

@media screen and (max-width: 460px) {
    .cls_DocButtons_Back{max-width:100%}
}

@media screen and (max-width: 426px) {
    .cls_EMailAssist .cls_Options li{font-size:17px}
}

@media screen and (max-width: 415px) {
    /* First/Last Name */
    .cls_FirstName{width:100%}
    .cls_LastName{width:100%}
}

@media screen and (max-width: 385px) {
    /* RadioBox Left margin */
    .cls_Set_Left{padding-left:5px}
    .cls_CreditTitle_table div.ICON{width:16px;white-space:nowrap;padding-left:5px}
    .cls_SelectValue{padding-left:5px}
}

@media screen and (max-width: 320px) {
    .cls_Notice_R{white-space:initial}
    .cls_EMailAssist .cls_Options li{font-size:15px}
}
