/* BASIC css start */
.bos_banner {  position: relative; width: 100%; overflow: hidden;}
.bos_banner>div { }    
.bos_banner img { width:100%; }
.bos_content { padding: 40px 15px 60px; text-align: left; }
.bos_content h1 {font-size: 23px;color: #1c1b1b; letter-spacing:0.075em; font-family: 'Permanent Marker'; padding-bottom: 35px;text-align: center;}
.bos_content h1 img { width: 130px;}
.bos_content h1 span { display:block; font-size: 35px;}
.bos_content p {font-size: 11px;color: #1c1b1b;font-weight: 400;line-height: 2;letter-spacing: -0.045em;text-align: center;}

.rider_list { text-align:center; padding: 50px 15px; width: 100%;position: relative;  box-sizing:border-box; background: url(/design/surflo/mb/new_mb_bos_banner.jpg); background-repeat:no-repeat; background-size: auto 100%; background-position: top center; }
.rider_list>h1 { font-size: 35px; color:#fff; font-weight:400; letter-spacing: 3px; }
.rider_list>h1 p { font-size: 13px; letter-spacing: -1px; color: #fff; font-weight: 500; padding-bottom:5px; }
.rider_list .rider_list_inner { margin-top: 30px; text-align:center; }
.rider_list .rider_list_inner>div {    overflow: hidden;}
.rider_list .rider_list_inner .rider_div { width: 19%; margin-right: 1.25%; text-align: center; cursor:pointer; /* margin-bottom: 53px; */ float:left;}
.rider_list .rider_list_inner div.rider_div:nth-of-type(5n) { margin-right:0; }
.rider_list .rider_list_inner .rider_div img { width:100%; }
.rider_list .rider_list_inner .rider_div h1 { font-size: 11px; color:#fff; font-weight:500; margin-bottom:5px;  text-shadow: 2px 2px 6px rgb(0 73 93 / 40%);margin-top: 7px;letter-spacing: -0.045em;height: 59px;}
.rider_list .rider_list_inner .rider_div h1 font { font-size: 9px; font-weight: 400;display: block;}
.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: 40px 15px 80px;}
.rider_info .rider_profile {margin: 0 auto;  width: 100%; overflow: hidden;}
.rider_info .rider_profile .profile_left {width: 100%;}
.rider_info .rider_profile .profile_right {width: 100%;}
.rider_info .rider_profile .profile_right .profile_right_in {}
.rider_info .rider_profile .profile_left img {width: 100%;}


.surfer_info {margin-top: 30px;position: relative;}
.surfer_info .surfer_name {font-size: 23px;color: #1c1b1b;font-weight: 500;letter-spacing: 2px;margin-bottom: 20px;}
.surfer_info .surfer_name font {font-size: 17px;letter-spacing: 1px;font-weight: 400;}
.surfer_info .surfer_engname {font-size: 14px;color: #1c1b1b;font-weight: 500;letter-spacing: 1px;}
.rider_sns_box a {float: left;margin-right: 24px;}
.rider_sns_box {overflow: hidden;/* position: absolute; *//* top: 5px; *//* right: 0; */}
.rider_content {font-size: 13px;color: #1c1b1b;font-weight: 400;letter-spacing: -0.025em;line-height: 2;padding-top: 15px;height: 70px;}
.rider_active {margin-top: 30px;}
.rider_active>h1 {font-size: 19px;color: #1c1b1b;font-weight: 700;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 2px solid #1c1b1b;}
.rider_active .active_list li {line-height: 2;font-size: 13px;color: #1c1b1b;font-weight: 500;letter-spacing: -1px;}
.rider_active .active_list li span {font-size: 12px;color: #1c1b1b;font-weight: 700;width: 80px;box-sizing: border-box;-webkit-box-sizing: border-box;display: inline-block;font-style: italic;}


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

.rider_top_go {width: 100%;height: 45px;border: 1px solid #1c1b1b;box-sizing: border-box;-webkit-box-sizing: border-box;margin-top: 30px;}

.rider_top_go a {display: block;width: 100%;height: 100%;line-height: 45px;text-align: center;font-size: 13px;color: #1c1b1b;font-weight: 500;}
.rider_top_go a img { vertical-align:middle; margin-top: -5px; margin-right:5px }

h1.profile_right_in_title {text-align: center;padding-bottom: 25px;}

h1.profile_right_in_title img {width: 260px;}
/* BASIC css end */

