/* BASIC css start */
html { scroll-behavior: smooth; }

.bos_banner { width: 1903px;position: relative; position: relative;
    width: 100%;
    min-width: 1024px;
    height: 616px;
    overflow: hidden;}
.bos_banner>div { 

     margin-left: -952px;
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    width: 1903px;
    height: 616px;}    
.bos_banner img { width:100%; }
.bos_content { padding: 80px 0 100px; text-align:center; }
.bos_content h1 {font-size: 28px;color: #1c1b1b; letter-spacing:0.075em; font-family: 'Permanent Marker'; padding-bottom: 50px;}
.bos_content h1 span { display:block; font-size:40px }
.bos_content p {font-size: 13px;color: #1c1b1b;font-weight: 500;line-height: 2;letter-spacing: -0.045em;}

.rider_list { text-align:center; padding: 70px 0; width: 100%;position: relative; /* height:1325px; */ box-sizing:border-box; background: url(/design/surflo/pc/bos_rider_new_back.jpg); background-repeat:no-repeat; background-size: auto 100%; background-position: top center;  min-width: 1024px;}
.rider_list>h1 { font-size:40px; color:#fff; font-weight:400; letter-spacing: 3px; }
.rider_list>h1 p { font-size: 12px; letter-spacing: -1px; color: #fff; font-weight: 500; padding-bottom:5px; }
.rider_list .rider_list_inner { margin-top: 40px; text-align:center; }
.rider_list .rider_list_inner>div {margin: 0 auto; width: 82vw; display:inline-block; min-width: 1024px; }
.rider_list .rider_list_inner .rider_div { width:11.1%; margin-right: 1.6%; text-align:left; cursor:pointer; margin-bottom: 24px; float:left;}
.rider_list .rider_list_inner div.rider_div:nth-of-type(8n) { margin-right:0; }
.rider_list .rider_list_inner .rider_div:hover img {border:2px solid #00beca; box-shadow: 8px 7px 7px rgba(0,0,0,.2);}
.rider_list .rider_list_inner .rider_div img { width:100%;  box-sizing:border-box;-webkit-box-sizing:border-box; }
.rider_list .rider_list_inner .rider_div h1 { font-size:16px; color:#fff; font-weight:500; margin-bottom:5px;  text-shadow: 2px 2px 6px rgb(0 73 93 / 40%);margin-top: 14px;text-align: center;}
.rider_list .rider_list_inner .rider_div h1 font { font-size: 13px; display: block;margin-top: 3px; font-weight:400; }
.rider_list .rider_list_inner .rider_div p { font-size:11px; color:#fff; font-weight:500; letter-spacing:0.075em; text-shadow: 2px 2px 6px rgb(0 73 93 / 40%);}
.rider_info {padding: 90px 0 160px;}
.rider_info .rider_profile {margin: 0 auto;  width: 82vw; min-width:1024px;}
.rider_info .rider_profile .profile_left {width: 50%;float: left;}
.rider_info .rider_profile .profile_right {width: 50%;float: right;}
.rider_info .rider_profile .profile_right .profile_right_in {width: 74%;margin-left: 12%;}
.rider_info .rider_profile .profile_left img {width: 90%;}
.profile_right h1.profile_right_in_title { display:block; font-size: 64px; letter-spacing: 5px; color: #1b1c1c; font-weight: 400; }
.profile_right h1.profile_right_in_title img { width:285px; }
.profile_right h1.profile_right_in_title>span { font-size:40px; display:block; padding-left:150px }

.surfer_info {padding-top: 50px;}
.surfer_info .surfer_name {font-size: 32px;color: #1c1b1b;font-weight: 500;letter-spacing: 2px;}
.surfer_info .surfer_name font {font-size: 24px; letter-spacing:1px; font-weight:400;}
.surfer_info .surfer_engname {font-size: 13px;color: #1c1b1b;font-weight: 500;letter-spacing: 1px;}
.rider_sns_box a {float: left;margin-right: 30px;}
.rider_sns_box {padding: 30px 0 40px;}
.rider_content {font-size: 13px;color: #1c1b1b;font-weight: 500;letter-spacing: -0.025em;line-height: 2;height: 100px;}
.rider_active {margin-top: 20px;}
.rider_active>h1 {font-size: 24px;color: #1c1b1b;font-weight: 700;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 2px solid #1c1b1b;}
.rider_active .active_list li {line-height: 1.7;font-size: 13px;color: #1c1b1b;font-weight: 500;letter-spacing: -1px;}
.rider_active .active_list li span {font-size: 16px;color: #1c1b1b;font-weight: 600;padding-left: 5px;width: 80px;box-sizing: border-box;-webkit-box-sizing: border-box;display: inline-block;}

.player_top { display: block;font-size: 20px;color: #1c1b1b;font-weight: 500;text-align: left;padding-bottom: 13px;margin-bottom: 20px;border-bottom: 1px solid #1c1b1b;width: 100%;}
.player_top span {font-size: 18px;font-weight: 400;}

.rider_top_go {width: 160px;height: 40px;border: 1px solid #1c1b1b;box-sizing: border-box;-webkit-box-sizing: border-box;margin-top: 60px;}

.rider_top_go a {display: block;width: 100%;height: 100%;line-height: 40px;text-align: center;font-size: 12px;color: #1c1b1b;font-weight: 500;}
.rider_top_go a img { vertical-align:middle; margin-top: -4px; margin-right:5px }
/* BASIC css end */