@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');
body{background: #F8F8F8;margin: 0 auto;font-family: 'M PLUS Rounded 1c', sans-serif;font-size: 14px;}
.no-scrollbar {overflow: hidden;}
.main{overflow-x: hidden; max-width: 480px;box-shadow: 0 2px 8px rgba(64, 62, 61, .1);margin: 0 auto;background: #fff;}
.logo img{width: 120px;height: auto;}
.logo{padding: 1.5rem 1.5rem 1.5rem 1rem;display: flex;align-items: center;}
.logo span{padding-left: 20px;font-size: 10px;}
.linez-linebtn-modal-flex {display: flex;align-items: center;justify-content: center;flex-direction: row;margin: 1rem;border-bottom: 1px dashed #eee;font-size: 14px;}
.linez-boost-h2-undar-p {display: inline-block;vertical-align: middle;color: #302E2E;line-height: 2;padding: 1rem;}
.line-button-close {height: 40px;width: 40px;color: #302E2E;display: block;text-align: center;font-size: 16px;border-radius: 5px;border: 1px solid #eee;box-shadow: 0px 1px 6px #eee ;}
.linez-linebtn-modal-h2 {background-color: #06C755;text-align: center;padding: 1rem 0rem;color: #fff;line-height: 1;border-radius: 0;}
.hide {display: none;}
#tukin:checked+.line-modal-job1,
#zaitaku:checked+.line-modal-job2 {background-color: #FFFBEA;border: solid 1px #F7B100;font-weight: bold;}
.line-modal {display: flex;justify-content: space-evenly;background-color: #fff;padding: 1rem;color: #302E2E;}
.line-modal-job1,.line-modal-job2 {position: relative;width: 45%;border: solid 1px #eee;border-radius: 10px;padding: 1rem 0rem;text-align: center;}
.line-modal-job-p {margin: 0 auto;text-align: center;display: inline-block;font-size: 16px;}
.line-modal-job1::before{content: '';position: absolute;width: 20px;height: 20px;background-image: url(/assets/images/line_commute.svg);position: absolute;top: 50%;display: block;left: 20%;background-size: contain;background-repeat: no-repeat;transform: translateX(-50%)translateY(-50%);}
.line-modal-job2::before{content: '';position: absolute;width: 20px;height: 20px;background-image: url(/assets/images/line_home2.svg?202406061601);position: absolute;top: 50%;display: block;left: 20%;background-size: contain;background-repeat: no-repeat;transform: translateX(-50%)translateY(-50%);}
.boost-divbox {width: 80%;padding: 1rem 0rem;border: 1px solid #eee;border-radius: 10px;background-color: #fff;}
.input-box {display: none;}
.boost-img-p {position: relative;font-size: 16px;text-align: center;}
.boost-img-p::before{content: '';position: absolute;width: 20px;height: 20px;background-image: url(/assets/images/line_tel.svg);position: absolute;top: 50%;display: block;left: 20%;background-size: contain;background-repeat: no-repeat;transform: translateX(-50%)translateY(-50%);}
.boost-h3 {text-align: left;font-size: 16px;padding: 0.5rem 0rem 0rem 5rem;}
#livechat:checked+.boost-divbox,
#vchat:checked+.boost-divbox,
#tell:checked+.boost-divbox {background-color: #FFFBEA;border: solid 1px #F7B100;font-weight: bold;}
.chb-h3-span {position: relative;}
.chb-h3-span::before {content: "";display: inline-block;position: absolute;width: 16px;height: 16px;top: 50%;left: -30px;background: url(https://pokewaku.jp//assets/images/linez/chb-arrow01.svg) no-repeat;background-size: contain;}
.line-modal-box {display: flex;flex-direction: column;width: 80%;border-radius: 5px;margin: 0 auto;margin-top: 20px;margin-bottom: 30px;position: relative;}
.line-modal-li {border: 1px solid #eee;margin-bottom: 10px;}
.line-modal-li-01.selected {border: 1px solid #F7B100; /* ここで好きな色を設定 */}
.line-modal-li.selected {border: 1px solid #F7B100; /* ここで好きな色を設定 */}
.toggle_title{position: relative;}
.toggle_title::before{content: '';position: absolute;width: 20px;height: 20px;background-image: url(/assets/images/line_area.svg);position: absolute;top: 50%;display: block;left: 20%;background-size: contain;background-repeat: no-repeat;transform: translateX(-50%)translateY(-50%);}
.line-modal-li-01 {border: 1px solid #eee;margin-bottom: 10px;}
.line-modal-li-box {display: flex;flex-wrap: wrap;padding: 0.5rem;justify-content: space-between;background-color: #fff;}
.line-modal-li-box label {border: 1px solid #eee;background-color: #eee;padding: 0.5rem 0rem;width: 32%;margin: 1px;border-radius: 5px;font-size: 13px;font-weight: 400;text-align: center;}
.toggle_title {background-color: #fff;position: relative;cursor: pointer;display: block;text-align: center;font-size: 16px;font-weight: 400;padding: 1rem 0rem;}
.line-modal-dd {display: none;margin-left: 0;}
.chb-line-btn-box {background-color: #fff;margin: 0.5rem auto;text-align: center;width: 70%;}
.chb-p02 {font-size: 14px;padding: 1rem 0rem 2rem 0rem;line-height: 1.5;width: 90%;margin: 0 auto;}
.chb-fin-h3 {text-align: center;font-size: 16px;padding: 0.5rem;}
.line-modal-li-box > label:has(input[type="radio"]:checked ) {background-color: #FFFBEA;border: solid 1px #F7B100;font-weight: bold;}
.line-flex{display: flex;flex-wrap:wrap;justify-content: center;align-items: center;width: 90%;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;}
.line-flex div{width: calc(98%/2);margin: 0 auto;}
.line-flex a{font-size: 13px;text-align: center;display: block;margin: 0 auto;background: #06C755;color: #fff;margin:3px 1px;text-decoration: none;padding: 1rem 0rem;border-radius: 10px;font-weight: 700;position: relative;padding-top: 40px;}
.line-flex a::after{content: '';position: absolute;width: 30px;height: 30px;background-image: url(/assets/images/line_logo.svg);position: absolute;top: 35%;display: block;left: 50%;background-size: contain;background-repeat: no-repeat;transform: translateX(-50%)translateY(-50%);}
.yellow_line {background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff200 0%) repeat scroll 0 0;font-weight: 500;text-shadow: 0px 0px 10px #fff;font-weight: 700;}