@charset "UTF-8";

#main.history .content_wrap .content_inner #terms,
#main.history .content_wrap .content_inner #record{margin-top: -50px;padding-top: 50px;}
#main.history .content_wrap .content_inner #terms .sub_title span::before{background-image: url("/images/my_page/history/title_icon01_w@2x.png");}
#main.history .content_wrap .content_inner #record .sub_title span::before{background-image: url("/images/my_page/history/title_icon02_w@2x.png");}
#main.history .content_wrap .content_inner .sub_title{background-color: #54ba62;}

#main.history .content_wrap .content_inner .inpage_btn{padding: 20px;background-color: #eee;display: flex;justify-content: space-between;}
#main.history .content_wrap .content_inner .inpage_btn li{width: calc((100% - 20px) / 2);background-color: #fff;border-radius: 2px;box-shadow: 1px 1px 2px 0 rgba(0,0,0,.4);transition: all .3s;}
#main.history .content_wrap .content_inner .inpage_btn li:hover{transform: translate(1px,2px);box-shadow: 1px 1px 2px 0 rgba(0,0,0,0);}
#main.history .content_wrap .content_inner .inpage_btn li a{font-size: 20px;line-height: 1em;font-weight: 700;color: #000;text-align: center;text-decoration: none;display: block;}
#main.history .content_wrap .content_inner .inpage_btn li a span{margin: 20px auto 18px;padding-left: 52px;display: inline-block;position: relative;}
#main.history .content_wrap .content_inner .inpage_btn li a span::before{content: "";width: 40px;height: 40px;-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;margin-top: -20px;position: absolute;top: 50%;left: 0;}
#main.history .content_wrap .content_inner .inpage_btn li.terms a span::before{background-image: url("/images/my_page/history/title_icon01_g@2x.png");}
#main.history .content_wrap .content_inner .inpage_btn li.record a span::before{background-image: url("/images/my_page/history/title_icon02_g@2x.png");}

#main.history .content_wrap .content_inner .submit_btn{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-between;}
#main.history .content_wrap .content_inner .submit_btn .num{width:100%;}
#main.history .content_wrap .content_inner .submit_btn a{font-weight: 700;color: #fff;line-height: 34px;text-align: center;text-decoration: none;border-radius: 5px;padding: 13px 0 11px;transition: all .3s;display: block;}
#main.history .content_wrap .content_inner .submit_btn a:hover{opacity: .5;}
#main.history .content_wrap .content_inner .submit_btn a.search{width: 527px;font-size: 18px;background-color: #f5502b;}
#main.history .content_wrap .content_inner .submit_btn a.search.hide{visibility:hidden;pointer-events:none;}
#main.history .content_wrap .content_inner .submit_btn a.save{width: 273px;font-size: 21px;background-color: #004d9e;}
#main.history .content_wrap .content_inner .submit_btn a span.btn_inner{margin: 0 auto;padding-left: 44px;display: inline-block;position: relative;}
#main.history .content_wrap .content_inner .submit_btn a.search span.btn_inner::before,
#main.history .content_wrap .content_inner .submit_btn a.save span.btn_inner::before{content: "";-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;transform: translateY(-50%);position: absolute;left: 0;top: 50%;}
#main.history .content_wrap .content_inner .submit_btn a.search span.btn_inner::before{width: 34px;height: 34px;background-image: url("/images/my_page/btn_icon01@2x.png");}
#main.history .content_wrap .content_inner .submit_btn a.save span.btn_inner::before{width: 30px;height: 30px;background-image: url("/images/my_page/btn_icon02@2x.png");}
#main.history .content_wrap .content_inner .submit_btn a span.btn_inner span {padding: 0 0.25em;}
#main.history .content_wrap .content_inner .submit_btn a span.btn_inner span.search_value {font-size: 34px;color: #ffff00;}
#main.history .content_wrap .content_inner>.submit_btn {margin: 0 20px 20px;}

#main.history .content_wrap .content_inner .term_data{background-color: #eee;padding: 20px;}
#main.history .content_wrap .content_inner .term_data .last_time{margin-bottom: 13px;display: flex;justify-content: space-between;align-items: center;}
#main.history .content_wrap .content_inner .term_data .last_time dt{border-right: solid 1px #fff;}
#main.history .content_wrap .content_inner .term_data .last_time dd{text-align: right;}
#main.history .content_wrap .content_inner .term_data table{margin-bottom: 15px;}

#content #main .bukken_list .change{top: 54px;}

#main.history .content_wrap .content_inner p.num{font-size: 18px;font-weight: 700;line-height: 30px;text-align: center;padding-bottom: 10px;}
#main.history .content_wrap .content_inner p.num span.num_value,
#main.history .content_wrap .content_inner p.num span.num_value2{font-size: 30px;color: #d70000;}

#main.history .content_wrap .content_inner .recent{font-size: 15px;line-height: 24px;text-align: left;margin: 0 20px;padding-top: 20px;}
#main.history .content_wrap .content_inner .recent .latest{font-size: 18px;font-weight: 700;}
#main.history .content_wrap .content_inner .recent .latest .recent_value{font-size: 24px;padding: 0 6px;color: #d70000;}
#main.history .content_wrap .content_inner .recent .max{font-size:15px;}
#main.history .content_wrap .content_inner .recent .max span{font-size:18px;}

#main.history .content_wrap .content_inner .refine_btn{margin: 0 20px;display: flex;justify-content: space-between;}
#main.history .content_wrap .content_inner .refine_btn .refine_title{width: 70px;font-size: 14px;line-height: 18px;font-weight: 700;padding: 3px 0 3px 47px;display: inline-block;position: relative;}
#main.history .content_wrap .content_inner .refine_btn .refine_title::before{content: "";width: 42px;height: 42px;background-image: url("/images/my_page/adjust_icon@2x.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;margin-top: -21px;position: absolute;left: 0;top: 50%;}
#main.history .content_wrap .content_inner .refine_btn ul{width: calc(100% - 117px);display: flex;justify-content: space-between;}
#main.history .content_wrap .content_inner .refine_btn ul li{width: calc((100% - 45px) / 4);}
#main.history .content_wrap .content_inner .refine_btn ul li label>span{font-size: 13px;font-weight: 700;color: #000;text-align: center;text-decoration: none;border-radius: 2px;padding: 15px 0 14px;box-shadow: 1px 1px 2px 1px rgba(0,0,0,.4);border: solid 2px transparent;transition: all .3s;display: block;}
#main.history .content_wrap .content_inner .refine_btn ul li label>span:hover{transform: translate(1px,2px);background-color:#EEE;box-shadow: 1px 1px 2px 1px rgba(0,0,0,0);cursor: pointer;}
#main.history .content_wrap .content_inner .refine_btn ul li label input[type="checkbox"]{display: none;}
#main.history .content_wrap .content_inner .refine_btn ul li:not(.not_active) label input[type="checkbox"]:checked + span{border: solid 2px #004da0;}
#main.history .content_wrap .content_inner .refine_btn ul li.not_active label>span{color: #aaa;pointer-events: none;box-shadow: 1px 1px 2px 1px rgba(0,0,0,.2);}

#main.history .content_wrap .content_inner .record_bottom {display: flex;justify-content: center;align-items: center;padding-bottom: 20px;}
#main.history .content_wrap .content_inner .record_bottom .num{padding-bottom: 0;}
#main.history .content_wrap .content_inner .record_bottom #more{width: 350px;font-size: 21px;font-weight: 700;color: #fff;text-align: center;text-decoration: none;background-color: #f5502b;border-radius: 5px;transition: all .3s;margin-left: 30px;padding: 20px 0 17px;display: block;}
#main.history .content_wrap .content_inner .record_bottom #more:hover{opacity: .5;}
#main.history .content_wrap .content_inner .record_bottom #more.loading{background-color:inherit;}
#main.history .content_wrap .content_inner .record_bottom #more a{margin: 0 auto;padding-left: 44px;display: inline-block;text-decoration:none;color:#FFF;position: relative;}
#main.history .content_wrap .content_inner .record_bottom #more a::before{content: "";width: 34px;height: 34px;background-image: url("/images/my_page/more_icon@2x.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;margin-top: -19px;position: absolute;left: 0;top: 50%;}