@charset "EUC-JP";
/* CSS Document */
.page-lead{margin-bottom:30px ;}
.info_noti_reg {border: 2px solid #CC0000;padding: 23px 50px;margin-bottom: 40px;}
.info_noti_reg>dl>dt{font-size: 22px;font-weight: 700;color: #CC0000;position: relative;display: flex;align-items: center;justify-content: center;}
.info_noti_reg>dl>dt:before{content: '';display: block;width: 25px;height: 25px;background: url(/club-me/images/icon_ex.svg) left top / cover no-repeat;margin-top: -2px;margin-right: 12px;}
.info_noti_reg dd{margin-top: 5px;}
.info_noti_reg dd+dd{margin-top: 24px;}
.info_noti_reg dd .link_point span{font-size: 20px;}
.info_noti_reg dd .link_text{color: #333;text-decoration: underline;}
.info_noti_reg dd .link_text:hover{text-decoration: none;color: #CC0000}
.content-section .regist-wrap{border-top: 1px solid #dbdbdb;margin-top: 50px;padding-top: 50px;text-align: center;}
.content-section .regist-wrap>a{box-sizing: border-box !important;border: 1px solid #dbdbdb;border-radius: 5px;color: #333;display: flex;justify-content: center;margin: 0 auto;padding: 25px;width: 542px;max-width: 100%;transition: all 0.3s ease;}
.content-section .regist-wrap>a:hover{color: #c00;background-color: #f5f5f5;text-decoration: none;}
.content-section .regist-wrap>a>span{box-sizing: border-box !important;display: block;position: relative;padding: 0 20px 0 40px;}
.content-section .regist-wrap>a>span::before{background: url(/club-me/product/common/img/index/icon-mail.png) center center/auto 100% no-repeat;content: "";position: absolute;left: 0;top: calc(50% - 9px); width: 25px;height: 18px;}
.content-section .regist-wrap>a>span::after{border-right: 2px solid #bf0000;border-bottom: 2px solid #bf0000;content: "";position: absolute;right: 0;top: calc(50% - 4px);width: 7px;height: 7px;transform: rotate(-45deg);}
.content-section .button-wrap{display: flex;align-items: center;justify-content: space-between;margin-top: 50px;border-top: 1px solid #dbdbdb;padding-top: 50px;}
.content-section .button-wrap .noti-wrap,
.content-section .button-wrap .regist-wrap{width: 48.61525%;}
.content-section .button-wrap .noti-wrap{text-align: center;}
.content-section .button-wrap .noti-wrap>a{box-sizing: border-box !important;border: 1px solid #CC0000;border-radius: 5px;color: #CC0000;display: flex;justify-content: center;align-items: center;margin: 0 auto;padding: 25px;transition: all 0.3s ease;width: 100%;height: 100%;}
.content-section .button-wrap .noti-wrap>a:hover{background-color: #f5f5f5;text-decoration: none;}
.content-section .button-wrap .noti-wrap>a>span{box-sizing: border-box !important;display: block;position: relative;padding: 0 20px 0 25px;}
.content-section .button-wrap .noti-wrap>a>span::before{background: url(/club-me/product/common/img/index//icon-noti.png) center center/auto 100% no-repeat;content: "";position: absolute;left: 0;top: calc(50% - 12px); width: 21px;height: 21px;}
.content-section .button-wrap .noti-wrap>a>span::after{border-right: 2px solid #bf0000;border-bottom: 2px solid #bf0000;content: "";position: absolute;right: 0;top: calc(50% - 4px);width: 7px;height: 7px;transform: rotate(-45deg);}
.content-section .button-wrap .regist-wrap{margin: 0;padding: 0;border-top: 0;}
.content-section .button-wrap .regist-wrap>a{width: auto;max-width: 100%;align-items: center;height: 100%;}
.content-section .toggle-wrap{margin-top: 20px;}
.content-section .toggle-contents+.toggle-contents{margin-top: 20px;}
.content-section .toggle-head{box-sizing: border-box !important;border: 1px solid #767676;border-radius: 5px;background-color: #767676;color: #fff;cursor: pointer;display: flex;align-items: center;text-align: center;font-size: calc((24 / 16) * 100%);font-weight: 700;position: relative;padding: 30px 100px 30px 60px;width: 100%;height: 140px;z-index: +2;}
.content-section .toggle-head::before,.content-section .toggle-head::after{background-color: #fff;content: "";position: absolute;top: calc(50% - 1px);right: 50px;width: 30px;height: 2px;}
.content-section .toggle-head::after{transform: rotate(90deg);transition: transform .3s ease;}
.content-section .toggle-head.is-opened{border-radius: 5px 5px 0 0;}
.content-section .toggle-head.is-opened::after{transform: rotate(0deg);}
.content-section .toggle-head>span{box-sizing: border-box !important;display: block;position: relative;padding-left: 90px;width: 100%;}
.content-section .toggle-head>span::before{background: none center center/auto 100% no-repeat;content: "";position: absolute;left: 0;}
.content-section .toggle-head.toggle-head--input>span::before{background-image: url(/club-me/product/common/img/index/icon-input.png);top: calc(50% - 30px); width: 77px;height: 61px;}
.content-section .toggle-head.toggle-head--qr{background-color: #fff;color: #616161;}
.content-section .toggle-head.toggle-head--qr::before,.content-section .toggle-head.toggle-head--qr::after{background-color: #616161;}
.content-section .toggle-head.toggle-head--qr>span::before{background-image: url(/club-me/product/common/img/index/icon-qr.png);top: calc(50% - 42px); width: 77px;height: 84px;}
.content-section .toggle-body{box-sizing: border-box !important;border: 1px solid #767676;border-top:none;border-radius: 0 0 5px 5px;display: none;position: relative;padding: 50px 5.5% 60px 5.5%;z-index: +1;}
.content-section .toggle-body img{width: 100%;vertical-align: top;}
.content-section .toggle-body .inner_head{border-bottom:1px solid #d7d7d7;border-left:5px solid #505050;font-weight: normal;margin-bottom:20px;padding-left:10px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap:wrap;align-items:center;justify-content:space-between;line-height:2.35em;}
.content-section .toggle-body .inner_head:nth-of-type(n+2){margin-top: 39px;}
.content-section .toggle-contents--qr .toggle-body.toggle-body--qr .inner_head{margin-left: 0;}
.content-section .toggle-body.toggle-body--qr .text_bold.text_adj {font-size: 100%;margin-top: 26px;margin-bottom: 24px;}
.content-section .toggle_bg_block + .toggle_bg_block{margin-top: 33px;}
.content-section .toggle-body .toggle_bg_block .bg_inner_head{font-weight: bold;}
.content-section .toggle-body .toggle_bg_block .bg_inner_head{font-weight: bold;}
.content-section .toggle-body .toggle_bg_block .toggle-head{background-color: #999999;padding: 11px 55px 9px 20px;border: none;border-radius: inherit;font-size: 100%;height: auto;color: #fff;}
.content-section .toggle-body .toggle_bg_block .toggle-head::before, .content-section .toggle-body .toggle_bg_block .toggle-head::after{width: 18px;right: 22px;background-color: #fff;}
.content-section .toggle-contents--qr .toggle_bg_block .toggle-body.toggle-body--qr{padding-bottom: 0;padding-top: 29px;}
.content-section .toggle_bg_block .toggle-body{border: none;padding: 0;}
.content-section .toggle-body .inner_text{font-weight:bold;}
.content-section .toggle_bg_block .toggle-body .section_img{margin: 0 auto;}
.content-section .toggle_bg_block .toggle-body .section_img .img_caption{text-align: center;padding-bottom: 10px;}
.content-section .toggle-body .section_img{max-width:606px;margin:30px auto 0;}
.content-section .toggle-body .oac_btn_qr{display:inline;cursor:pointer;border:2px solid #cccccc;color:#cccccc;line-height:1em;padding:4px;}
.content-section .toggle-body .has_2_col{display: flex;flex-wrap: wrap;margin-top: 34px;}
.content-section .toggle-body .has_2_col .col{width:30.8%;}
.content-section .toggle-body .has_2_col .col+.col{margin-left:3.7%;}
.content-section .toggle-body .has_2_col .col .sub_head{background-color:#505050;color:#fff;text-align:center;padding:6px 0;}
.content-section .toggle-body .has_2_col .col .col_text{padding:18px 0 27px;line-height:1.8em;}
.content-section .toggle-body.toggle-body--input .wrapper-prod-select-btn{display:flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between; width: calc(100% - 30px);}
.content-section .toggle-body.toggle-body--input .wrapper-prod-select-btn:last-child{padding-bottom: 0;}
.content-section .toggle-body.toggle-body--input .wrapper-prod-select-btn::after{display:none;}
.content-section .toggle-body.toggle-body--input .prod-select-btn{box-sizing: border-box !important;display:flex;align-items: center;justify-content: space-between;height:auto;min-height:69px;}
.content-section .toggle-body.toggle-body--input .prod-select-btn.btn-left,
.content-section .toggle-body.toggle-body--input .prod-select-btn.btn-right {float: none;}
.content-section .toggle-body.toggle-body--input .prod-select-btn::after{display:none;}
.content-section .toggle-body.toggle-body--input .prod-select-btn-arrow{height:auto;min-height:69px;}
.content-section .toggle-body.toggle-body--input .prod-select-btn-arrow a, .content-section .toggle-body.toggle-body--input .prod-select-btn-arrow span{box-sizing: border-box !important;padding-top:5px;padding-bottom:5px;}
.content-section .toggle-body.toggle-body--input .prod-select-btn>a{width:100% !important;height:100% !important;}
.content-section .toggle-body.toggle-body--qr .height_line_text{min-height:75px;}
.content-section .toggle-body.toggle-body--qr .text_bold{color: #d82f1f;margin-bottom: 30px;}

@media only screen and (max-width: 767px){
.page-lead{margin-bottom:20px ;}
.info_noti_reg {padding: 20px;margin: 20px;}
.info_noti_reg>dl>dt{font-size: 5.33333vw;padding-left: 35px;}
.info_noti_reg>dl>dt:before{margin-top: 0;position: absolute;left: 0;}
.info_noti_reg dd{font-size: 3.73333vw;margin-top: 10px;}
.info_noti_reg dd+dd{margin-top: 15px;}
.info_noti_reg dd .link_point{margin-bottom: 4px;}
.info_noti_reg dd .link_point span{font-size: 3.73333vw;}
.content-section .regist-wrap{margin-top: 30px;padding-top: 30px;}
.content-section .regist-wrap>a{border-radius: 3px;font-size: calc((15 / 14) * 100%); padding: 20px 15px;width: 100%;}
.content-section .regist-wrap>a>span{padding: 0 15px 0 28px;}
.content-section .regist-wrap>a>span::before{top: calc(50% - 7px); width: 19px;height: 14px;}
.content-section .regist-wrap>a>span::after{border-right: 1px solid #bf0000;border-bottom: 1px solid #bf0000;top: calc(50% - 3px);width: 5px;height: 5px;}
.content-section .button-wrap{display: block;margin-top: 30px;padding-top: 30px;}
.content-section .button-wrap .noti-wrap,
.content-section .button-wrap .regist-wrap{width: 100%;}
.content-section .button-wrap .noti-wrap>a{border-radius: 3px;padding: 20px 15px;width: 100%;height: auto;font-size: calc((15 / 14) * 100%);}
.content-section .button-wrap .noti-wrap>a>span{padding: 0 15px 0 18px;}
.content-section .button-wrap .noti-wrap>a>span::before{top: calc(50% - 7px); width: 14px;height: 14px;}
.content-section .button-wrap .noti-wrap>a>span::after{border-right: 1px solid #bf0000;border-bottom: 1px solid #bf0000;top: calc(50% - 3px);width: 5px;height: 5px;}
.content-section .button-wrap .regist-wrap{margin-top: 15px;}
.content-section .button-wrap .regist-wrap>a{height: auto;}
.content-section .toggle-wrap{margin-top: 15px;}
.content-section .toggle-contents+.toggle-contents{margin-top: 30px;}
.content-section .toggle-head{border-radius: 3px;font-size: calc((15 / 14) * 100%);padding: 11px 40px 12px 15px;height: auto;min-height: 70px;}
.content-section .toggle-head::before,.content-section .toggle-head::after{top: 50%;right: 15px;width: 15px;height: 1px;}
.content-section .toggle-head.is-opened{border-radius: 3px 3px 0 0;}
.content-section .toggle-head>span{text-align: left;padding-left: 50px;}
.content-section .toggle-head.toggle-head--input>span::before{top: calc(50% - 15px); width: 39px;height: 31px;}
.content-section .toggle-head.toggle-head--qr>span::before{top: calc(50% - 25px); width: 39px;height: 51px;}
.content-section .toggle-body{border-radius: 0 0 3px 3px;padding: 20px 19px 25px 19px;}
.content-section .toggle-body .inner_head{border-radius: 0;border: none;border-left:3px solid #505050;border-bottom: 1px solid #d7d7d7;margin-bottom:12px;padding: 5px 0 5px 10px;line-height: 1.5em;margin: 0 0 12px 0;}
.content-section .toggle-body .inner_head:nth-of-type(n+2){margin-top: 31px;}
.content-section .toggle-body .toggle_bg_block .toggle-head{min-height: inherit;text-align: left;padding: 11px 55px 9px 15px;}
.content-section .toggle-body .toggle_bg_block .toggle-head::before, .content-section .toggle-body .toggle_bg_block .toggle-head::after{width: 15px;right: 15px}
.content-section .toggle-body .section_img{margin:15px auto 0;}
.content-section .toggle-body .has_2_col{margin-top: 20px;}
.content-section .toggle-body .has_2_col .col{width:47.5%;}
.content-section .toggle-body .has_2_col .col+.col{margin-left:5%;}
.content-section .toggle-body .has_2_col .col:nth-of-type(3) {width: 100%;margin-left: 0;margin-top: 30px;}
.content-section .toggle-body .has_2_col .col .sub_head{padding:5px 0;}
.content-section .toggle-body .has_2_col .col .col_text{padding: 12px 0 10px;line-height: 1.5em;}
.content-section .toggle-body.toggle-body--input .wrapper-prod-select-btn{width: 100%;}
.content-section .toggle-body.toggle-body--qr .height_line_text{min-height:auto;}
.content-section .toggle-body.toggle-body--qr .text_bold{font-size: 100%;margin-bottom: 20px;}
.content-section .toggle-body.toggle-body--qr .head_text{border:none;padding:0;font-size:100%;font-weight: normal;}
.content-section .toggle-body.toggle-body--qr .col_image{max-width: 225px;width: 100%;margin: 0 auto;}
}
#cmeFooter{padding: 0!important;border: none !important;}
#cmeFooter .cmeFooterInner{display: none !important;}
@media only screen and (max-width: 767px){
#footer_button_area .back_button{margin-bottom: 50px;}
}