@charset "utf-8";

.noPC{display:none;}
.noSP{display:block;}

a{color: #eb5505;text-decoration: none;font-weight:bold;}
a:visited{color: #eb5505;text-decoration: none;}
a:hover{color: #eb5505;text-decoration:underline;transition:all 0.4s;}

a.tLink{display:block;color: #eb5505;text-decoration: none;font-weight:normal;background:url(../img/icon_arrow_or.png) no-repeat left center;padding-left:15px;}
a.tLink:visited{color: #eb5505;text-decoration: none;}
a.tLink:hover{color: #eb5505;text-decoration:underline;transition:all 0.4s;}

.linkright{margin:3px 0 0 3px;}
.mailattend{display:block;line-height:1.4 !important;margin-top:5px;}
h1{border-left:4px solid #EB5505;font-size:2.6rem;margin:30px 0 25px 0;padding-left:15px;}
.ErrorArea{background:#ffebec;padding:20px 30px;margin-bottom:30px;}
.ErrorAreaUd{background:#ffebec;padding:20px 30px;margin:30px 0;}
.fcOra{color:#eb5505;}
.fcGra{color:#999;}
.fcWhite{color:#fff;}
.bgWhi{background:#fff !important;}
.lh12{line-height:1.2;}
.lh14{line-height:1.5 !important;}
.lh16{line-height:1.6;}
.lh20{line-height:2;}
.validation{color:#c90303;margin:10px 0 0 0;font-size:1.4rem;display:none;font-weight:bold;}
.mt0{margin-top:0;}
.posr{position:relative;}

#tbditemall{visibility:hidden;position:absolute;top: 0;}

.w10{width:10% !important;}
.w15{width:15%;}
.w16{width:16% !important;}
.w16sp{width:16%;}
.w17{width:17% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w30{width:30%;}
.w40sp{width:40%;}
.w40{width:40% !important;}
.w50{width:40% !important;}
.w60{width:60% !important;}
.w60sp{width:60% !important;}
.w60spB{width:60% !important;}
.w70{width:70% !important;}
.w80{width:80% !important;}
.w90{width:90% !important;}
.wordbreak{word-break:break-all;}
.active{display:block !important;}
.curdef{cursor:default !important;}

#wrapper{position:relative;width:100%;margin:0 auto;padding:0;background:#fff;min-height: 100vh;padding-bottom:77px;box-sizing: border-box;}
#wrapperB{position:relative;width:100%;margin:0 auto;padding:0;background:#efefef;min-height: 100vh;padding-bottom:0;box-sizing: border-box;}
#header{border-bottom:1px solid #dbdbdb;background:#fff;}
#header .headerInner{position:relative;width:980px;margin:0 auto;padding:0;}
#header .headerInner .logoArea{width:180px;padding:10px 0;}
#header .headerInner .close{position:absolute;top:15px;right:0;width:18px;}
.wel_btnArea{position:fixed;bottom:0;width:100%;background:#333;padding:20px 0;z-index:999;}
/*-.wel_btnArea{position:relative;bottom:0;width:100%;background:#333;padding:20px 0;z-index:999;}-*/
.welBtn{display: block;color:#fff !important;font-size:2.0rem;padding:15px 0;line-height:1.0;border-radius:4px;width: 480px;margin:0 auto;text-align: center;background:url(../img/icon_arrow2.png) no-repeat 96% center #eb5505;text-decoration: none;border: 1px solid #eb5505;position: relative;overflow: hidden;z-index: 1;}
.welBtn:hover{background:url(../img/icon_arrow2.png) no-repeat 96% center #fd772f;text-decoration: none;border: 1px solid #fd772f;transition: all .3s ease-in-out;}

#maincontArea{width:100%;margin:0 auto;}
#maincontArea .mainInner{width:980px;margin:0 auto;}
#iframeArea{width:100%;margin:0 auto;}
.mainauidTxt{line-height:2.0;margin-bottom:40px;letter-spacing:0.1em;}
.steps{width:460px;margin:0 auto;margin-top:30px;}
/*-0507 fix-*/
.described{font-weight:bold;font-size:1.8rem !important;}
/*-0507 fix-*/
.describedB{font-weight:bold;font-size:1.2rem !important;}
/*-0526 fix-*/
.describedC{font-weight:normal;font-size:1.3rem !important;}
/*-0526 fix-*/
/*-0217 fix-*/
.describedD{font-weight:bold;font-size:2.4rem !important;}
/*-0217 fix-*/
.kiyakuconfirm{line-height:50px;}
.cantget{display:none;}

/*-03-*/
.contselBox{display:flex;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;margin-bottom:30px;}
.contselBox .box{border:1px solid #dbdbdb;width:48%;margin-right:4%;}
.contselBox .box:last-child{margin-right:0;}
.contselBox .box div{padding:30px;}
.contselBox .box .title{color:#ec5305;font-weight:bold;font-size:1.8rem;text-align:left;margin-bottom:10px;}
.contselBox .box .attend{font-size:1.2rem;text-align:left;margin-bottom:20px;}
.radioBox{position:relative;width:100% !important;border:1px solid #dbdbdb;margin-bottom:20px;border-radius:4px;line-height:1.2;cursor:pointer;padding:15px;font-size:1.8rem;}
.radioBox:last-child{margin-bottom:0;}
.radioBox:hover{border:1px solid #eb5505;}
.radioBox.active{border:1px solid #eb5505;background:#eb5505;color:#fff;}
.radioBox label{display:block;padding-left:25px;cursor:pointer;}
.radioBox input{position: absolute;top: 50%;left: 10px;transform: translateY(-50%);-webkit- transform: translateY(-50%);}

/*-04-*/
.formL{float:left;width:48%;}
.formR{float:right;width:48%;}
.formTxtBox{background:#f3f3f3;border-radius:5px;padding:20px;font-size:1.4rem;margin-bottom:20px;}
.entBtnMg{position:relative;margin:50px 0 30px 0;}

.kiyakutable li{float:left;width:45%;}
.kiyakutable li.cnt{float:left;width:10%;text-align:center;}
.kiyakuLink{padding:0 0 10px 30px;background:url(../img/icon_pdfimg.png) no-repeat 10px top;background-size:16px;font-size:1.4rem;font-weight:normal;}
.kiyakuLink:hover{font-size:1.4rem;font-weight:normal;}
.kiyakumar{margin-top:10px;}
.pdl30{padding-left:30px !important;}
#dl_agree_1 .validation{margin-top:-10px;margin-bottom:10px;}
#dl_agree_3 .radioBox,#dl_agree_2 .radioBox{margin-bottom:0;}


/*インラインフレームst*/
#overlay_frame_1{width:100%;height:55px;background-color:#87cefa; position:relative;}
#overlay_frame_2{width:100%;height:auto;padding:0;margin:0;border:none;}
/*-#overlay_frame_2 iframe{width:100%;height:68vh;}-*/
#overlay_frame_2 iframe{width:100%;height:calc(100vh - 155px);}

#overlay_frame  {width:100%;height:510px;}
#overlay_button_img{max-width:100%;height:auto;cursor:pointer;z-index:10001;position:absolute;top:2px; right:2px;}
#overlay_button_img:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
/*インラインフレームed*/

.logoimgdata{max-width: 100%;height: auto;}
.formBox{background:#fff;border-radius:5px;width:980px;margin:30px auto;border:1px solid #dbdbdb;}
.formBoxIn{padding:30px;}
.formBoxNo{background:#fff;border-radius:5px;width:980px;margin:30px auto;border:1px solid #dbdbdb;}
.formBoxInNo{padding:30px;}
.formBoxInfin{padding:60px;line-height:1.8;}

.formtable{width:100%;}

/*-0507 fix-*/
.formtable th{padding:0;border:1px solid #dbdbdb;vertical-align:top;width:25%;text-align:left;background:#f3f3f3;font-weight:bold;font-size:1.7rem;}
.formtable th div{padding:25px 20px;border-top:1px solid #fff;}
.formtable td{padding:25px 25px 0 25px;border:1px solid #dbdbdb;vertical-align:middle;width:75%;line-height:1.6;word-break:break-all;}
.formtable td div{padding-bottom:20px;}
/*-0507 fix-*/

.formtable td div.selbox{padding:15px 15px 15px 15px;}
.formtable td ul{width:100%;}
.confth{font-size:1.6rem !important;}
.formtable .confth div{padding:15px 10px !important;}
.formtable .conftd{padding:15px 10px;}
.formtable .conftd div{padding-bottom:0px;font-size:1.6rem !important;font-weight:normal;}


.txtBox{padding:10px;border-radius:4px;border:1px solid #dbdbdb;background:#faefe8;cursor:pointer;font-size:1.8rem;width:100%;}
.txtBox:focus{background:#fff;border:1px solid #333;}
.txtBoxfull{width:98%;}
::-webkit-input-placeholder {color:#aaa;}

select{padding:10px;border-radius:4px;border:1px solid #dbdbdb;background:#faefe8;cursor:pointer;font-size:1.6rem}
.planEx{display:none;}
.locate{display:none; background-color:#fff9f4;}
.visiting_location{display:none; background-color:#f4fff4;}
.credit_card{display:none;}
.matomete_claim{display:none;}
.matomete_claim_au{display:none;}
.matomete_claim_myline{display:none;}
.matomete_claim_auonenet{display:none;}
.cash_payment{display:none;}
.pdfdlLink{background:url(../img/icon_pdfdl.gif) no-repeat left 50%;padding-left:12px;padding-right:50px;}

#maincontArea .ChoiceL{position:relative;float:left;border:1px solid #e5e5e5;border-top:2px solid #494949;border-bottom:3px solid #d1d1d1;width:48%;background:#fff;}
#maincontArea .ChoiceR{position:relative;float:right;border:1px solid #e5e5e5;border-top:2px solid #494949;border-bottom:3px solid #d1d1d1;width:48%;background:#fff;}
#maincontArea .btnfix{position:absolute;bottom:20px;left:0;}

#maincontArea .txtArea{border:1px solid #e5e5e5;backgroud:#000;}
#maincontArea .txtAreaB li.LeftCon{float:left;width:65%;}
#maincontArea .txtAreaB li.RightCon{float:right;width:35%;}
#maincontArea .formIn{width:100%;margin-top:40px;}
#maincontArea .formIn th{width:25%;border:1px solid #e5e5e5;text-align:left;background:#f3f3f3;}
#maincontArea .formIn td{width:75%;border:1px solid #e5e5e5;text-align:left;}

.nodisp{display:none;}
.selected{display:block;}
.addArea{background:#f5f4f1;padding:15px;border-radius:5px;}


input[type="radio"]{filter: alpha(opacity=0); -moz-opacity:0; opacity:0;position: absolute;}
.form-radio{background:url(../img/bg_checkbox_off.png) no-repeat 0 50%;cursor: pointer;overflow: hidden;}
.form-radio-on{background:url(../img/bg_checkbox_on.png) no-repeat 0 50%;cursor: pointer;overflow: hidden;}

input[type="checkbox"]{filter: alpha(opacity=0); -moz-opacity:0; opacity:0;position: absolute;}
.form-select{background:url(../img/bg_selbox_off.png) no-repeat 0 50%;cursor: pointer;overflow: hidden;}
.form-select-on{background:url(../img/bg_selbox_on.png) no-repeat 0 50% !important;}

.form-selBox{border:2px solid #ddd;border-radius:5px;}
.form-selBox:hover{border:2px solid #164c97;}
.form-selectB{display:block;background:url(../img/bg_selbox_off.png) no-repeat 10px 50%;padding:10px 10px 10px 35px;cursor: pointer;overflow: hidden;}
.selLine{border:2px solid #164c97;}
.visitex{display:none;}
#visitex_visiting_location_select{display:none;}

.btnLeft{position:absolute;left:0;top:0;width:13%;}
.btnRightA{width:42%;margin:0 auto;}
.btnRightB{width:42%;margin:0 auto;}
.nextButton{display:block;background:url(../img/icon_arrow.png) no-repeat 95% 50% #eb5505;border-radius:4px;color:#fff !important;margin:0 auto;width:100%;padding:10px 0;text-align:center;font-size:1.9rem;}
.nextButton:hover{color:#fff !important;text-decoration:none;background:url(../img/icon_arrow.png) no-repeat 97% 50% #fb5505;}

.backButton{display:block;background:url(../img/icon_arrow_r2.png) no-repeat 10% 50% #aaa;border-radius:4px;color:#fff !important;margin:0 auto;width:100%;padding:10px 0;text-align:center;font-size:1.9rem;}
.backButton:hover{color:#fff !important;text-decoration:none;background:url(../img/icon_arrow_r2.png) no-repeat 8% 50% #bbb;}

.closeButton{display:block;background:url(../img/btn_close.png) no-repeat 96% 50% #999;border-radius:7px;color:#fff !important;margin:0 auto;width:100%;padding:10px 0;text-align:center;}
.closeButton:hover{color:#fff !important;text-decoration:none;background:url(../img/btn_close.png) no-repeat 96% 50% #aaa;}

.NonextButton{display:block;background:url(../img/icon_arrow.png) no-repeat 95% 50% #b2b2b2;border-radius:4px;color:#fff !important;margin:0 auto;padding:10px 0;text-align:center;font-size:1.9rem;}

#footer{background:#f3f3f3;position: absolute;bottom: 0;width:100%;}
#footerB{background:#f3f3f3;border-top:1px solid #dbdbdb;position:relative;width:100%;}
.footerInner{position:relative;width:980px;margin:0 auto;padding:0;}
.footerInner .footerInfoLink{float:center;text-align:center;padding:20px 0 0px 0;font-size: 1.3rem;}
.footerInner .logoArea{float:left;width:70px;padding:5px 0;}
.footerInner .footerCopyright{float:left;font-size:1.0rem;padding:32px 0 0 20px;color:#777;}

.footerInner a{display:block;color: #000000;text-decoration: none;font-weight:normal;padding-left:15px;}
.footerInner a:visited{color: #000000;text-decoration: none;}
.footerInner a:hover{color: #000000;text-decoration:underline;transition:all 0.4s;}


.pagetop{position:absolute;right:20px;bottom:15px;background: none repeat scroll 0 0 #fff;border: 1px solid #ccc;border-radius: 100% 100% 100% 100%;display: inline-block;position: fixed;width: 50px;z-index: 9999;}
.pagetop span{background:url(../img/icon_arrow_top.png) no-repeat center 48%;left: -7px;}
.pagetop > * {color: transparent;display: block;font-size: 0;height: 50px;line-height: 0;position: relative;}
.pagetop:hover{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

/*-0526 fix-*/
.arrowNext { text-align: center; margin: 20px 0px; }
/*-0526 fix-*/

/*-1811-*/
.mainauid{padding:5% 10%;}
.mainauid li{float:left;width:48%;}
.mainauid li.liCnt{float:left;width:4%;}
.mainauid li .auidBtn{position: relative;display:block;border:1px solid #eb5505;border-radius:5px;background:url(../img/auid_arrow.png) no-repeat 95% center #eb5505;color:#fff;padding:20px;text-align:center;height:120px;font-size:20px;}
.mainauid li .auidBtn:hover{background:url(../img/auid_arrow.png) no-repeat 96% center #fd772f;text-decoration:none;}
.mainauid li .noauidBtn{position: relative;display:block;border:1px solid #eb5505;border-radius:5px;background:url(../img/auid_arrowB.png) no-repeat 95% center #fff;color:#333;padding:20px;text-align:center;height:120px;font-size:20px;}
.mainauid li .noauidBtn:hover{background:url(../img/auid_arrowB.png) no-repeat 96% center #f2f2f2;text-decoration:none;}
.auidmt10{position: absolute;width:100%;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.auidmt15{margin-top:15px;}
.auidmt20{margin-top:20px;}
.auidmt30{margin-top:30px;}
.auidmt45{margin-top:45px;}

.mainauid2{padding:1% 26%;}
.mainauid2 li{float:left;width:100%;}
.mainauid2 li .auidBtn{position: relative;display:block;border:1px solid #eb5505;border-radius:5px;background:url(../img/auid_arrow.png) no-repeat 95% center #eb5505;color:#fff;padding:20px;text-align:center;height:120px;font-size:20px;}
.mainauid2 li .auidBtn:hover{background:url(../img/auid_arrow.png) no-repeat 96% center #fd772f;text-decoration:none;}
.mainauid2 li .noauidBtn{position: relative;display:block;border:1px solid #eb5505;border-radius:5px;background:url(../img/auid_arrowB.png) no-repeat 95% center #fff;color:#333;padding:20px;text-align:center;height:120px;font-size:20px;}
.mainauid2 li .noauidBtn:hover{background:url(../img/auid_arrowB.png) no-repeat 96% center #f2f2f2;text-decoration:none;}
.mainauid2 li .upauidBtn{position: relative;display:block;border:1px solid #eb5505;border-radius:5px;background:url(../img/auid_arrowB.png) no-repeat 95% center #fff;color:#333;padding:20px;text-align:center;height:60px;font-size:20px;}
.mainauid2 li .upauidBtn:hover{background:url(../img/auid_arrowB.png) no-repeat 96% center #f2f2f2;text-decoration:none;}

/*-2107-*/
.deliveryerrortext {padding:10px;border-radius:5px;border:1px solid #dbdbdb;background:#fff;font-size:1.4rem;width:100%; margin-bottom:20px;}

/*-------
TAB/SP--------------------------------------------------------*/
@media screen and (max-width:768px) {

}

/*-------
SP-------------------------------------------------------------*/
@media screen and (max-width:767px) {

body{background:#f1f2f6;}
.noPC{display:block;}
.noSP{display:none;}
.fs20{font-size:113%;}
h1{border-left:4px solid #EB5505;font-size:22px;margin:20px 0;padding-left:10px;}
.w50{width:50% !important;}
.w40sp{width:70%;}
.w60sp{width:90% !important;}
.w60spB{width:100% !important;}
.w16sp{width:35%;}
.mb30SP{margin-bottom:40px;}
#wrapper{min-width:320px;padding-bottom:100px;}

#header .headerInner{width:100%;}
#header .headerInner .logoArea{margin:0 auto;text-align:center;}
#header .headerInner .close{right:12px;width:18px;}


.welBtn{width:60%;}

#maincontArea{width:100%;margin:0 auto;padding-bottom:20px;}
#maincontArea .mainInner{width:90%;margin:0 auto;}
.mainauidTxt{line-height:1.8;margin-bottom:20px;letter-spacing:0;}
.steps{width:100%;margin:0 auto;margin-top:20px;}

/*-03-*/
.contselBox{display:block;margin-bottom:30px;}
.contselBox .box{border:none;border-bottom:1px solid #dbdbdb;width:100%;margin-right:0;padding-bottom:30px;}
.contselBox .box:last-child{padding-top:30px;border-bottom:none;padding-bottom:0;}
.contselBox .box div{padding:0;padding-bottom:10px;}

.entBtnMg{position:relative;margin:30px 0 20px 0;}

/*ようこそ画面のインラインフレームst*/
#overlay_frame_1{height:35px;}
#overlay_button_img{height:30px;}
#overlay_frame_2{width:100%;height:auto;padding:0;margin:0;border:none;overflow:auto;-webkit-overflow-scrolling:touch;}
#overlay_frame_2 iframe{width:100%;height:68vh;}
/*-#overlay_frame_2 iframe{width:100%;height:100%;}-*/
/*ようこそ画面のインラインフレームed*/

.formBox{width:100%;margin:20px auto;}
.formBoxIn{padding:25px;}
.formBoxNo{width:100%;margin:10px auto;border:none;}
.formBoxInNo{padding:0;}
.formBoxInfin{padding:30px;line-height:1.6;}

.formtable th{display:block;border-bottom:none;vertical-align:middle;width:100%;font-size:1.7rem;}
.formtable th div{padding:15px 20px;}
/*-0507 fix-*/
.described{font-weight:bold;font-size:1.7rem !important;}
.formtable td{display:block;width:100%;border-top:none;border-bottom:none;padding:15px 20px 0 20px;}
.formtable td div{padding-bottom:15px;}
/*-0507 fix-*/
/*-0217 fix-*/
.describedD{font-weight:bold;font-size:2.4rem !important;}
/*-0217 fix-*/

.formtable tr:last-child{border-bottom:1px solid #dbdbdb;}

.confth{font-size:1.3rem !important;}
.formtable .confth div{padding:5px 10px !important;}
.formtable .conftd{padding:5px 10px;}
.formtable .conftd div{padding-bottom:0px;font-size:1.3rem !important;}

.kiyakuLink{padding:0 0 0 30px;background-size:13px;font-size:1.4rem;}
.kiyakuLink:hover{font-size:1.4rem;}
.kiyakumar{margin-top:8px;}
.pdl30{padding-left:20px !important;font-size:1.4rem;}

.nextButton{font-size:1.7rem;}
.backButton{font-size:1.7rem;}

.selecttable{width:100%;}
.selecttable td{display:block;width:100%;text-align:center;}
.selecttable td div{padding:15px 10px;}

.btnLeft{position:relative;float:left;width:35%;}
.btnRightA{width:100%;}
.btnRightB{position:relative;float:right;width:60%;}

#maincontArea .ChoiceL{float:none;width:100%;margin-bottom:20px;}
#maincontArea .ChoiceR{float:none;width:100%;}
#maincontArea .txtAreaB li.LeftCon{float:none;width:100%;}
#maincontArea .txtAreaB li.RightCon{float:none;width:80%;margin:0 auto;padding:10px 0;}
#maincontArea .formIn{margin-top:20px;}
#maincontArea .formIn th{display:block;width:100%;}
#maincontArea .formIn td{display:block;width:100%;border-top:none;}
.heightLine-group1{height:auto !important;}
.spbd{border-bottom:1px dotted #e5e5e5;padding-bottom:5px;}

.footerInner{width:100%;}
.footerInner .footerInfoLink{float:none;text-align:center;padding:20px 0 0px 0;font-size: 1.3rem;}
.footerInner .logoArea{float:none;width:80px;padding:10px 0 0 0;margin:0 auto;}
.footerInner .footerCopyright{float:none;text-align:center;padding:10px 0 20px 0;}
.footerInner a.tLink{display:block;color: #000000;text-decoration: none;font-weight:normal;padding-left:15px;}
.footerInner a.tLink:visited{color: #000000;text-decoration: none;}
.footerInner a.tLink:hover{color: #000000;text-decoration:underline;transition:all 0.4s;}

.pagetop{right:10px;bottom:35px;}

/*-1807-*/

/*-detail-*/
.itemBtnArea{position:relative;width:100%;margin:0 auto;padding-bottom:60px;}

.btnAdd{position:absolute;top:0;right:2%;width:60px;}
.btnAdd:hover{position:absolute;top:2px;right:2%;width:60px;}

.btnClose{top:20px;right:20px;width:30px;height:30px;}
.costfs{font-weight:normal !important;font-size:11px !important;}
.newcom{top:-20px;left:0;width:40px;height:40px;z-index:1;}

/*-1811-*/
.mainauid{padding:5% 2%;}
.mainauid li{float:none;width:100%;}
.mainauid li.liCnt{float:none;width:auto;}
.mainauid li .auidBtn{padding:10px;height:90px;font-size:1.8rem;}
.mainauid li .noauidBtn{padding:10px;height:90px;font-size:1.8rem;}
.auidmt20{margin-top:0px !important;}
.auidmt30{margin-top:10px !important;}
.auidmt45{margin-top:25px !important;}

.mainauid2{padding:1% 2%;}
.mainauid2 li{float:none;width:100%;}
.mainauid2 li.liCnt{float:none;width:auto;}
.mainauid2 li .auidBtn{padding:10px;height:90px;font-size:1.8rem;}
.mainauid2 li .noauidBtn{padding:10px;height:90px;font-size:1.8rem;}
.mainauid2 li .upauidBtn{padding:10px;height:50px;font-size:1.8rem;}
}

/*/////////////////////////////
入力画面
////////////////////////////*/

.identification_services{
	background-color: #f3f3f3;
	padding: 10px 10px;
	margin: 10px 0 0 0;
}