@charset "UTF-8";

/*-------------------------
__member_style
-------------------------*/
/* #member{margin:0 0 80px;} */
#member .block_ttl.green{margin:100px 0 0;}
#member .block_ttl.green span::before{background-color:#5cb563;}
#member .benefits{display:flex;margin:30px 0 0;}
#member .benefits .box{width:calc((100% - 10px)/2);text-align:left;padding:30px 20px;box-sizing:border-box;border:1px solid #c9c9c9;}
#member .benefits .box + .box{margin-left:10px;}
#member .benefits .box .ttl{font-size:2rem;}
#member .benefits .box .ttl span{display:inline-block;margin:0 10px 0 0;padding:0 0 5px;border-bottom:2px solid #5cb563;}
#member .benefits .box .ttl em{display:block;font-size:3rem;line-height:1.2;margin:20px 0 0;}
#member .benefits .box .txt{line-height:1.5;margin:20px 0 0;}
#member .benefits .box .txt ul li{text-indent:-1em;padding:0 0 0 1.5em;}
#member .benefits .box .txt ul li::before{content:"・";margin:0 0.5em 0 0;}

#member .members_only{margin:70px auto 80px;padding:60px 40px;position:relative;}
#member .members_only::before{content:"";width:50%;height:100%;position:absolute;top:0;right:0;bottom:0;background-color:#f8f1e3;}
#member .members_only .members_only_inner{max-width:1200px;margin:auto;}
#member .members_only .members_only_ttl{font-size:6rem;font-weight:700;text-align:center;position:relative;}
#member .members_only .members_only_ttl span{display:block;font-size:30%;font-weight:400;margin:15px 0 0;}
#member .members_only .txt{font-size:2.8rem;font-weight:700;text-align:center;margin:20px 0 0;position:relative;}
#member .members_only .txt span{display:inline-block;}
#member .members_only .txt .count{font-size:200%;line-height:1;margin:0 5px;}

#member .ezup_form_box{margin:60px 0 0;}

/* フォーム個別カスタマイズ */
#member #conditions .form_base .ezup_table_wrap .custom_wrap{display:flex;}
#member #conditions .form_base .ezup_table_wrap .custom{display:inline-block;vertical-align:middle;}
#member #conditions .form_base .ezup_table_wrap .clear{position:absolute;top:0;right:0;}
#member #conditions .form_base .ezup_table_wrap .clear::before,
#member #conditions .form_base .ezup_table_wrap .clear::after{content:"";display:block;width:20px;height:3px;background:#888;position:absolute;top:15px;left:10px;transition:all 0.3s ease;}
#member #conditions .form_base .ezup_table_wrap .clear::before{transform:rotate(-45deg);}
#member #conditions .form_base .ezup_table_wrap .clear::after{transform:rotate(45deg);}
#member #conditions .form_base .ezup_table_wrap .clear .ezup_ipt_btn{margin:auto;padding:8px 8px 8px 30px;border-radius:5px;color:#999;border:1px solid #CCC;position:initial;}
@media all and (-ms-high-contrast: none){
#member #conditions .form_base .ezup_table_wrap .clear::before,
#member #conditions .form_base .ezup_table_wrap .clear::after{content:none;}
#member #conditions .form_base .ezup_table_wrap .clear .ezup_ipt_btn{padding:8px;}
}
#member #conditions .form_base .ezup_table_wrap .ezup_ipt_btn.clear{font-size:1.6rem;}
#member #conditions .form_base .ezup_table_wrap .add.input{width:auto;min-height:3em;margin:0 90px 0 0;padding:10px 100px 10px 12px;background-color:#f5f5f5;border:1px solid #CCC;position:relative;}
#member #conditions .form_base .ezup_table_wrap .add.input span{vertical-align:top;margin:0 10px 0 0;}
#member #conditions .form_base .ezup_table_wrap .add.input > .clear{top:5px;right:5px;}
#member #conditions .form_base .ezup_table_wrap .input_chg{display:block;line-height:41px;height:41px;margin:auto;padding:0 30px;position:absolute;top:0;bottom:0;right:0;}
#member #conditions .form_base #area_item tr td{position:relative;}
#member #conditions .form_base #line_item .line_item_box{width:100%;position:relative;}
#member #conditions .form_base #line_item .line_item_box + .line_item_box{margin-top:15px;}
#member #conditions .form_base #line_item .line_item_box dl{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
#member #conditions .form_base #line_item .line_item_box dl dt{padding:0 10px 0 0;}
#member #conditions .form_base #line_item .line_item_box dl dd{flex:1;}
#member #conditions .form_base #line_item .line_item_box dl dd .station_selectbox{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex:1;margin:0 0 0 10px;}
#member #conditions .form_base #line_item .line_item_box dl dd .station_selectbox span{margin:0 10px;}

#member #conditions .form_base .ezup_tab_box #tab_01:checked ~ #content01,
#member #conditions .form_base .ezup_tab_box #tab_02:checked ~ #content02,
#member #conditions .form_base .ezup_tab_box #tab_03:checked ~ #content03,
#member #conditions .form_base .ezup_tab_box #tab_04:checked ~ #content04{display:block;}
#member #conditions .form_base .ezup_tab_box .ezup_tab_btn{width:calc(25% - 10px);vertical-align:top;margin:0 5px;}
#member #conditions .form_base .ezup_tab_box .ezup_tab_content{display:none;margin:25px 5px 0;padding:30px 30px 20px;clear:both;overflow:hidden;background-color:#F8F1E3;border:1px solid #5d330d;}
#member #conditions .form_base .ezup_tab_box .cond_table fieldset.bus{display:inline-block;vertical-align:middle;margin:0 20px 0 0;}

@media screen and (max-width:767px) {
#member{margin:0 0 40px;}
#member .block_ttl.green{margin:40px 0 0;}
#member .benefits{display:block;}
#member .benefits .box{width:100%;padding:20px 15px;}
#member .benefits .box + .box{margin:20px 0 0;}
#member .benefits .box .ttl{font-size:6vw;}
#member .benefits .box .ttl em{font-size:6.5vw;}
#member .benefits .box .txt{margin:10px 0 0;}

#member .members_only{margin:35px auto 45px;padding:60px 20px;}
#member .members_only::before{width:100%;left:0;}
#member .members_only .members_only_ttl{font-size:9.33vw;}
#member .members_only .members_only_ttl span{font-size:5.33vw;}
#member .members_only .txt{font-size:5.33vw;}

/* フォーム個別カスタマイズ */
#member #conditions .form_base .ezup_table_wrap .custom_wrap{display:block;}
#member #conditions .form_base .ezup_table_wrap .clear::before,
#member #conditions .form_base .ezup_table_wrap .clear::after{width:15px;}
#member #conditions .form_base .ezup_table_wrap .clear .ezup_ipt_btn{margin:0;padding:8px 8px 8px 25px;top:0;}
#member #conditions .form_base .ezup_table_wrap .ezup_ipt_btn.clear{font-size:1.4rem;}
#member #conditions .form_base .ezup_table_wrap .add.input{margin:0;padding:10px 80px 10px 12px;}
#member #conditions .form_base .ezup_table_wrap .add.input > .clear{height:3rem;margin:auto;top:0;right:5px;bottom:0;}
#member #conditions .form_base .ezup_table_wrap .hope_set_area_btn{display:block;margin:5px auto;}
#member #conditions .form_base .ezup_table_wrap .input_chg{margin:10px auto 0;position:inherit;}
#member #conditions .form_base #line_item .line_item_box .custom{width:100%;}
#member #conditions .form_base #line_item .line_item_box dl{display:block;}
#member #conditions .form_base #line_item .line_item_box dl dt{font-weight:400;padding:10px 40px 10px 0;}
#member #conditions .form_base #line_item .line_item_box dl dd .station_selectbox{margin:0;}
#member #conditions .form_base #line_item .line_item_box dl dd .station_selectbox .custom{width:50%;}
#member #conditions .form_base .ezup_tab_box .ezup_tab_btn{width:calc(50% - 10px); margin:10px 5px 0;}
#member #conditions .form_base .ezup_tab_box .ezup_tab_btn:last-of-type{margin-bottom:0;}
#member #conditions .form_base .ezup_tab_box .ezup_tab_content{padding:10px;}
#member #conditions .form_base .ezup_tab_box .cond_table fieldset.bus{display:block;}
}

@media screen and (max-width: 767px) {
  .p-main--inside {
    margin-bottom: 10vw;
  }
}

@media screen and (min-width: 768px) {
  .nav_area {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .nav_area {
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px) {
  .select_box_wrap{
    display:inline-block;
    margin-right: 1em;
  }
}