@charset "UTF-8";
/*=====ログイン=====*/
.loginWrap{margin-top:30px;}
.h1Login{font-size:13px;color:#158abf;text-align:center;font-weight:bold;}
.h1Login + h1{font-size:110px;color:#158abf;text-align:center;line-height:110px;font-weight:bold;letter-spacing:5px;}
.loginCopy{font-size:10px;color:#158abf;text-align:center;margin-top:40px;font-weight:bold;}
.loginWrap form{margin-top:50px;}
/*お知らせ　追加機能*/
.lnotice_wrap{padding: 10px 20px;background:#E6ECF8;position:relative;text-align: center;}
.lnotice_title{font-size:16px;line-height: 28px; color:#158abf;font-weight: bold;margin-bottom: 0!important;}
.lnotice_msg{font-size:16px;color:#4f5559!important;}


/*=====メインページ=====*/
.mainWrap{text-align:center;border-bottom:1px solid #4f5559;padding-top:30px;}
.mainWrap h2{font-size:16px;font-weight:bold;margin-bottom:30px;}
.mainWrap .point{font-size:190px;color:#158abf;line-height:190px;margin-bottom:20px;}
.mainWrap .comp{font-size:34px;color:#158abf;line-height:34px;font-weight:bold;}
.mainWrap .limit{font-size:13px;margin-top:30px;letter-spacing:1px;margin-bottom:30px;}
.mainWrap.second{padding:30px 0;margin-top:0;border-bottom:none;}
.mainWrap.second .point{font-size:100px;line-height:100px;color:#4f5559;}
.mainWrap.second .comp{color:#4f5559;margin-bottom:0;}
.mainWrap.second p{margin-bottom:30px;}
.mainWrap.second .point{margin-bottom:10px;}

/*お知らせ　追加機能*/
.notice_wrap{padding: 10px 20px;background:#E6ECF8;position:relative;}
.notice_title{font-size:16px;line-height: 28px; color:#158abf;font-weight: bold;}
.notice_msg{font-size:16px;color:#4f5559;overflow: hidden;padding: 20px 0 5px;transition: 0.5s;}
.notice_btn{position: absolute;top:10px;right: 10px;background:#158abf;width:28px;height: 28px;border-radius: 50%;transition:0.5s;transform: rotate(135deg);}
.notice_btn::before{content: "";position:absolute;top:6px;left:13px;background:#FFF;width:2px;height:16px;}
.notice_btn::after{content: "";position:absolute;top:13px;left:6px;background:#FFF;width:16px;height:2px;}
#notice_btn{display:none;}
#notice_btn:checked + .notice_msg{height:0;padding: 0;}
#notice_btn:checked + * + label .notice_btn {transform: rotate(0deg);}


/*=====社内ポイント累計=====*/
.fugouWrap{background-color:#f2c6c4;padding:30px 0;margin-bottom:20px;}
.fugouWrap > .wrap90{text-align:center;}
.fugouWrap .point{font-size:145px;line-height:145px;margin-right:20px;}
.pointWrap,.nameWrap{display:inline-block;}
.pointWrap{vertical-align:top;}
.nameWrap{text-align:left;margin-top:20px;}
.nameWrap .comp{font-size:34px;}
.nameWrap .name{font-size:26px;}
.nameWrap .name span{font-size:13px;}
.memberWrap{background-color:#f2f2f2;margin-top:10px;}
.member{font-size:0;}
.member p{font-size:17px;}
.member > div{display:inline-block;vertical-align: middle;}
.member div:first-of-type{text-align:left;font-size:17px;width:70%;}
.member div:last-of-type{text-align:right;font-size:60px;width:30%;}
.member .teko{padding-top:8px;font-size:60px;line-height:60px;}
.memberWrap .msgbox{padding: 5px;background: #FFF;border-radius: 5px;box-sizing: border-box;font-size: 16px;line-height: 28px;margin-top: 5px;}
/*=====ポイントを贈る=====*/
.searchWrap{background-color:#158abf;padding:15px 0;}
.searchWrap .wrap90{font-size:0;}
.searchWrap .wrap90 div{display:inline-block;vertical-align: middle;}
.searchWrap .wrap90 div:first-of-type{width:85%;}
.searchWrap .wrap90 div:last-of-type{width:15%;text-align:center;}
.searchWrap input[type="text"]{width:100%;}
.searchWrap input[type="image"],.sendWrap input[type="image"]{border:none;height:40px;}
.sendPointWrap .memberWrap{padding:10px 0;}
.sendPointWrap .member .choice{width:30px;}
.sendPointWrap .member div:last-of-type{line-height:inherit;font-size:0;}
.sendPointWrap .member .choice{margin-left:auto;}
/*=====ポイントを贈る=====*/
.sendPointConfWrap{padding:30px 0;height:100%;}
.sendPointConfWrap h2{font-size:17px;text-align:center;margin-bottom:30px;line-height:34px;}
.sendPointConfWrap .inputWrap{width:100%;}
.sendWrap a{display:block;padding:10px;}
.sendWrap{background-color:#158abf;width:50%;text-align:center;margin:0 auto;}
.sendWrap img{height:45px;width:auto;}
.sendPointConfWrap textarea{width:100%;height:250px;margin-bottom:30px;border:1px solid #f0f0f0;}
.kamihikoki{margin-top:0;background-color:#158abf;}
.kamihikoki input{background:url(../img/common/go.png) no-repeat center;background-size: 45px;padding:20px 0!important;}
/*=====ポイントを贈る 完了=====*/
.afterSendPointWrap{text-align:center;height:100vh;position:relative;}
.afterSendPointWrap > div{width:100%;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);position:absolute;}
.faceWrap{width:35px;margin:0 auto;margin-bottom:20px;}
.afterSendPointWrap h2{margin-bottom:50px;}

/*=====提案=====*/
.suggestwrap{padding:30px 0;height:100%;}
.suggestwrap h2{font-size:17px;text-align:center;margin-bottom:30px;line-height:34px;}
.suggestwrap .inputWrap{width:100%;}
.suggestwrap textarea{width:100%;height:125px;margin-bottom:30px;border:1px solid #f0f0f0;}

.suggestwrap .memberWrap{padding:10px 0;}
.suggestwrap .member .choice{width:30px;}
.suggestwrap .member div:last-of-type{line-height:inherit;font-size:0;}
.suggestwrap .member .choice{margin-left:auto;}

.suggestwrap .rankwrap{position:relative;}
.suggestwrap .rank{position:absolute;top:10px;right:10px;font-size:13px;line-height:26px;}

.suggestwrap .statictext{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;}
.suggestwrap .statictext >*:nth-child(2n + 1){width:30%;color:#4f5559;}
.suggestwrap .statictext >*:nth-child(2n){width:70%;color:#4f5559;}
.suggestwrap .radioarea{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;}
.suggestwrap .radioarea input{width:30px;margin-bottom:0px;}
.suggestwrap .radioarea >*:nth-child(2n + 1){width:30%;}
.suggestwrap .radioarea >*:nth-child(2n){width:70%;}


/*=====あなたへのありがとう=====*/
.sendPointWrap .date{font-size:13px;}
/*=====あなたへのありがとう コメント=====*/
.commentWrap{background-color:#f2f2f2;padding:20px;}
.commentWrap h2{font-size:17px;margin-bottom:20px;}
.commentWrap > p{position:relative;padding-bottom:20px;}
.commentWrap > p:after{content:"";position:absolute;height:3px;background-color:#158abf;width:30px;left:0;bottom:0px;}
.commentWrap .vertBtnWrap{margin-top:20px;}
.commentWrap .vertBtnWrap div:first-of-type p{width:30px;}
.commentWrap .vertBtnWrap div:first-of-type a{border:1px solid #4f5559;border-radius:100px;display:block;text-align:center;}
.commentWrap .vertBtnWrap div:last-of-type p{width:140px;margin-left:auto;}
.commentWrap .vertBtnWrap div:last-of-type a{color:#fff;font-size:14px;padding:5px 10px;background: url(../img/common/pre.png) no-repeat;background-color:#158abf;background-position: right 10px center;background-size:20px;display:block;}
/*=====MASTER=====*/
/*=====ユーザ管理=====*/
.accListWrap .member > div:first-of-type p{display: inline-block;vertical-align: middle;}
.booBtn{width:45px;margin-right:10px;}
.nowConfWrap{text-align:center;padding:30px 0;}
.nowConfWrap span{font-size:17px;color:#158abf;font-weight:bold;line-height:50px;}
/*=====アカウント発行=====*/
.createAccWrap{padding-top:30px;}


/*=====アカウント発行=====*/
.personalWrap{border-bottom:none;}
.personalWrap h2:last-of-type{margin-top:20px;}

/*=====y-coinについて=====*/
.aboutcoin .sp_only{display: none;}
.aboutcoin .groupwrap{padding: 20px 10px; background: #f2f2f2;margin-bottom: 3px;}
.aboutcoin .title1{font-size: 18px; line-height: 30px; color: #4f5559;padding: 10px 0px 10px 40px;position: relative;}
.aboutcoin .title1::before{content: "";width: 30px; height: 1px; border-bottom: 2px solid #4f5559; position: absolute;top:calc(50% - 1px);left: 0px;}
.aboutcoin .textwrap{padding: 5px 20px;background: #FFFFFF;margin-bottom: 10px;}
.aboutcoin .textwrap > p{font-size: 13px; color: #4f5559;line-height: 20px;}
.aboutcoin .icon{font-size: 40px; text-align: center; color: #7a7b78;transform: scale(1, 0.5);margin: 15px auto;}
.aboutcoin .getcointablewrap{padding: 10px 20px;background: #FFFFFF; margin-bottom: 10px;}
.aboutcoin .getcointablewrap .ttitle{font-size: 13px; color: #4f5559;line-height: 20px;margin-bottom: 10px;}
.aboutcoin .getcointablewrap .tcaption{font-size: 10px; color: #4f5559;line-height: 20px;text-align: right;}
.aboutcoin .getcointable{width: 100%;border-collapse: collapse;}
.aboutcoin .getcointable tr > *{border: solid 1px #000000;padding: 0 5px;}
.aboutcoin .getcointable tr th:nth-child(1){width: 45%;}
.aboutcoin .getcointable tr th:nth-child(2){width: 12%;}
.aboutcoin .getcointable tr th:nth-child(3){width: 43%;}
.aboutcoin .getcointable th{background: #158abf;color: #FFFFFF;font-size: 12px;line-height: 20px;}
.aboutcoin .getcointable td{color: #4f5559;font-size: 12px;line-height: 20px;}
.aboutcoin .getcointable tr td:nth-child(2){font-family: 'Teko', sans-serif;text-align: center;}