@charset "utf-8";

/* ==================================================
top_sec
================================================== */
.top_sec_ttl {
    text-align: center;
}
.top_sec_ttl h2 {
    font-size: 125%;
    font-weight: normal;
    text-align: center;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 85px 0 0;
    margin: 0 0 26px;
}
#tmp_top_sec_news .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_news.png");
}
#tmp_top_sec_event .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_event.png");
    margin-bottom: 44px;
}
#tmp_top_sec_team .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_team.png");
    padding-top: 145px;
}
#tmp_top_sec_facility .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_facility.png");
    margin-bottom: 16px;
}
#tmp_top_sec_volunteer .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_volunteer.png");
}
#tmp_top_sec_about .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_about.png");
    margin-bottom: 33px;
}
#tmp_top_sec_sns .top_sec_ttl h2 {
    padding-top: 0 !important;
    font-size: 100%;
    margin-bottom: 14px;
}
#tmp_top_sec_facility .top_sec_cnt h3,
#tmp_top_sec_volunteer .top_sec_cnt h3 {
    text-align: center;
    color: #111111;
    background: url("/shared/templates/sportslink_free/images/volunteer_h3_bg.png") no-repeat bottom center;
    padding: 0 0 28px;
    margin: 0 0 32px;
    font-size: 175%;
}

/* more_btn
================================================== */
.more_btn {
    text-align: center;
}
.more_btn a {
	display:flex;
	justify-content: center;
	align-items: center;
	flex-grow:1;
	padding:8px 10px;
	text-decoration:none;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-grow:1;
	text-align:center;
    min-height: 70px;
    max-width: 450px;
    color:#ffffff;
	background-color:#002193;
	background: -moz-linear-gradient(90deg, #00671D, #002193); 
	background: -webkit-linear-gradient(90deg, #00671D, #002193); 
	background: linear-gradient(90deg, #00671D, #002193);
    border-radius: 35px;
    margin: 0 auto;
}
.more_btn a:hover {
    text-decoration: underline;
}
/* more_btn_s */
.more_btn_s a {
    display: inline-block;
    color: #111111;
    text-decoration: none;
    background: url("/shared/site_sportslink/images/icon/arrow_icon.png") no-repeat right center;
    min-height: 26px;
    padding-right: 30px;
}
.more_btn_s a:hover {
    text-decoration: underline;
}

/* ==================================================
visual
================================================== */
#tmp_top_sec_visual {
    overflow: hidden;
}
#tmp_top_sec_visual .container {
    padding: 0;
    width:1250px;
    position: relative;
    z-index: 0;
}
#tmp_top_sec_visual .container::before,
#tmp_top_sec_visual .container::after {
    content: "";
    position: absolute;
    background: url("/shared/templates/sportslink_top/images/visual_bg_lr.png") no-repeat 0 0;
    width: 340px;
    height: 94px;
    z-index: -1;
}
#tmp_top_sec_visual .container::before {
    left: -250px;
    bottom: 82px;
}
#tmp_top_sec_visual .container::after {
    top: 171px;
    right: -128px;
}
#tmp_top_sec_visual .wrap_visual_catch .visual_ttl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -34px;
}
#tmp_top_sec_visual .wrap_visual_catch .visual_catch {
    position: absolute;
    left: -69px;
    bottom: 25px;
}
#tmp_visual_slide {
    position: relative;
}
#tmp_visual_slide::before {
    content: "";
    position: absolute;
    top: 47px;
    left: -332px;
    width: 549px;
    height: 138px;
    background: url("/shared/templates/sportslink_top/images/visual_bg_lt.png") no-repeat 0 0;
    z-index: 1;
}
#tmp_visual_slide::after {
    content: "";
    position: absolute;
    right: -234px;
    bottom: 2px;
    width: 633px;
    height: 161px;
    background: url("/shared/templates/sportslink_top/images/visual_bg_rb.png") no-repeat 0 0;
}
#tmp_visual_slide .splide__track {
    position: relative;
}
#tmp_visual_slide .splide__track::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1250px;
    height: 692px;
    background: url("/shared/templates/sportslink_top/images/visual_mask.png") no-repeat 0 0;
}
#tmp_visual_slide .splide__controls {
    position: absolute;
    right: 95px;
    bottom: 80px;
    z-index: 1;
}
#tmp_visual_slide .splide__controls .splide__pagination {
    order: 1;
}
#tmp_visual_slide .splide__controls .splide__toggle {
    order: 2;
}
#tmp_visual_slide .splide__pagination__page {
    background-color: #ffffff;
    border-color: #00671E;
}
#tmp_visual_slide .splide__pagination__page.is-active,
#tmp_visual_slide .splide__pagination__page:hover {
    border-width: 4px;
    border-color: #ffffff;
    background-image: none;
    background-color: #00671E;
    box-shadow: 0 0 0 1px #00671E;
}

/* ==================================================
news
================================================== */
#tmp_top_sec_news {
    padding: 70px 0 35px;
}
#tmp_top_sec_news .more_btn_s {
    text-align: right;
}

/* news_card
================================================== */
.news_card {
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap:wrap;
    gap: 0 40px;
}
.news_card li {
    width: calc(33.333333% - 27px);
    margin: 0 0 50px;
}
.news_card li a {
    display: block;
    text-decoration: none;
    color: #111111;
    background-color: transparent;
}
.news_card li span.news_card_img,
.news_card li span.news_card_main,
.news_card li span.news_card_date,
.news_card li span.news_card_ttl,
.news_card li span.news_card_tag {
    display: block;
}
.news_card li span.news_card_cate,
.news_card li span.news_card_date > span {
    display: inline-block;
}
.news_card li span.news_card_main {
    padding: 0 7px;
}
.news_card li span.news_card_img {
    margin: 0 0 17px;
}
.news_card li span.news_card_date {
    margin: 0 0 12px;
}
.news_card li span.news_card_date > span {
    border: 1px solid #111111;
    padding: 1px 3px;
    margin-right: 10px;
}
.news_card li span.news_card_cate {
    margin: 0 0 10px;
}
.news_card li span.news_card_ttl {
    font-size: 125%;
    margin: 0 0 10px;
}
.news_card li span.news_card_tag {
    color: #6A6A6A;
}
.news_card li span.news_card_cate span {
    padding: 2px;
    min-width: 142px;
    min-height: 26px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.news_card li span.news_card_cate.type1 span {
    background-color: #B93200;
    color: #ffffff;
}
.news_card li span.news_card_cate.type2 span {
    background-color: #002193;
    color: #ffffff;
}
.news_card li span.news_card_cate.type3 span {
    background-color: #00671E;
    color: #ffffff;
}

/* ==================================================
event
================================================== */
#tmp_top_sec_event .top_sec {
    padding: 0 0 50px;
}
#tmp_top_sec_event .top_sec_cnt h3 {
    text-align: center;
    margin: 0 0 40px;
    font-size: 150%;
}
#tmp_top_sec_event .event_cal {
    text-align: center;
    margin: 0 auto 80px;
}

/* event_card
================================================== */
.event_card {
    list-style: none;
    margin: 0 0 30px;
    border-top: 1px solid #111111;
}
.event_card li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #111111;
}
.event_card li a {
    display: block;
    text-decoration: none;
    color: #111111;;
    background-color: transparent;
    padding: 34px 40px 28px 15px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.event_card li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url("/shared/site_sportslink/images/icon/navi_icon18.png") no-repeat 0 0;
}
.event_card li span {
    display: block;
}
.event_card li span.event_card_date {
    display: flex;
    align-items: center;
    margin: 0 0 13px;
}
.event_card li span.event_card_date .cate_tag_label {
    margin-right: 19px;
}
.event_card li span.event_card_date .cate_tag_label span {
    padding: 2px;
    width: 142px;
    min-height: 26px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.event_card li span.event_card_date .cate_tag_label.type1 span {
    background-color: #00671E;
    color: #ffffff;
}
.event_card li span.event_card_date .cate_tag_label.type2 span {
    background-color: #002193;
    color: #ffffff;
}
.event_card li span.event_card_date .date_ttl {
    border: 1px solid #111111;
    padding: 2px 4px;
    margin-right: 12px;
    line-height: 1.2;
}
.event_card li span.event_card_ttl {
    font-size: 150%;
    margin: 0 0 10px;
}
/* more_btn_s */
#tmp_top_sec_event .more_btn_s {
    text-align: right;
}

/* sns_bnr
================================================== */
#tmp_top_sec_event .sns_bnr {
    text-align: center;
    margin: 80px 0 30px;
}
#tmp_top_sec_event .sns_bnr h3 {
    display: inline-block;
    font-size: 125%;
    font-weight: normal;
    padding: 0 16px 0 13px;
    position: relative;
    margin-bottom: 20px;
}
#tmp_top_sec_event .sns_bnr h3::before,
#tmp_top_sec_event .sns_bnr h3::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1px;
    height: 30px;
    margin-top: -14px;
    background-color: #111111;
}
#tmp_top_sec_event .sns_bnr h3::before {
    left: 0;
    transform: rotate(-20deg);
}
#tmp_top_sec_event .sns_bnr h3::after {
    right: 0;
    transform: rotate(17deg);
}

/* sns_bnr_list
================================================== */
#tmp_top_sec_event .sns_bnr_list {
    list-style: none;
    display: flex;
    flex-wrap:wrap;
	justify-content: center;
	align-items: center;
    gap: 0 40px;
}
#tmp_top_sec_event .sns_bnr_list li {
    width: calc(33.333333% - 27px);
}
#tmp_top_sec_event .sns_bnr_list li a {
    display: block;
}

/* ==================================================
movie
================================================== */
#tmp_top_sec_movie .top_sec {
    padding: 0 0 121px;
}
#tmp_top_sec_movie .top_sec_ttl .container {
    position: relative;
}
#tmp_top_sec_movie .top_sec_ttl .container::before {
    content: "";
    position: absolute;
    top: 177px;
    left: 10px;
    width: 279px;
    height: 309px;
    background: url("/shared/templates/sportslink_top/images/movie_bg_lft.png") no-repeat 0 0;
}
#tmp_top_sec_movie .top_sec_ttl h2 {
	display:inline-block;
	position: relative;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	text-align:left;
    width: 479px;
    height: 200px;
    padding: 0;
    margin-bottom: 0;
    background: url("/shared/templates/sportslink_top/images/ttl_en_movie.png") no-repeat 0 0;
}
#tmp_top_sec_movie .top_sec_cnt {
    margin-top: -54px;
    position: relative;
    z-index: 1;
}
#tmp_top_sec_movie .top_sec_cnt::before {
    content: "";
    position: absolute;
    top: 197px;
    left: calc(50% + 204px);
    width: 353px;
    height: 283px;
    background: url("/shared/templates/sportslink_top/images/movie_bg_rgt.png") no-repeat 0 0;
}

/* movie_youtube
================================================== */
#tmp_movie_youtube .splide {
    display: flex;
    flex-flow: column-reverse;
}
#tmp_movie_youtube .splide__controls {
    padding-top: 32px;
}
#tmp_movie_youtube .splide__toggle {
    display: none;
}

/* ==================================================
team
================================================== */
#tmp_top_sec_team {
    color: #ffffff;
    background-color:#002193;
	background: -moz-linear-gradient(135deg, #002193, #111111 60% 100%); 
	background: -webkit-linear-gradient(135deg, #002193, #111111 60% 100%); 
	background: linear-gradient(135deg, #002193, #111111 60% 100%);
    padding: 88px 0 38px;
}

/* team_card
================================================== */
.team_card,
.team_card li,
.team_card li a {
    display: flex;
}
.team_card {
    list-style: none;
    margin: 37px 0 80px;
    flex-wrap:wrap;
    justify-content: center;
    gap: 0 13px;
}
.team_card li {
    width: calc(25% - 10px);
    margin: 0 0 13px;
}
.team_card li a {
    border: 2px solid #ffffff;
    background-color: #ffffff;
    color: #111111;
    text-decoration: none;
    flex-flow: column;
    flex-grow:1;
    padding: 18px 28px 23px;
    min-height: 320px;
    transition: all 0.3s ease-in-out;
}
.team_card li a:hover {
    border-color: #002193;
}
.team_card li span {
    display: flex;
    justify-content: center;
    text-align: center;
}
.team_card li span.team_card_emblem {
    margin-bottom: auto;
}
.team_card li span.team_card_name {
    margin: 20px -18px;
}
.team_card li span.team_card_type {
    border: 2px solid #002193;
    background-color: #002193;
    color: #ffffff;
    min-height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

/* ==================================================
facility
================================================== */
#tmp_top_sec_facility {
    margin: 20px;
    padding: 90px 0 90px;
    background: url("/shared/site_sportslink/images/main/bg_gray.jpg") repeat 0 0;
}
#tmp_top_sec_facility .top_sec_ttl {
    margin: 0 0 52px;
}
#tmp_top_sec_facility .top_sec_cnt h3 {
    margin-bottom: 38px;
}
#tmp_top_sec_facility .facility_col2 {
    display: flex;
    gap: 0 40px;
}
#tmp_top_sec_facility .facility_col2L,
#tmp_top_sec_facility .facility_col2R {
    width: calc(50% - 20px);
}

/* facility_area_list
================================================== */
#tmp_top_sec_facility .facility_area_list {
    list-style: none;
    display: flex;
    flex-wrap:wrap;
    gap: 0 4px;
}
#tmp_top_sec_facility .facility_area_list li {
    width: calc(33.333333% - 3px);
    margin: 0 0 18px;
}
#tmp_top_sec_facility .facility_area_list li a {
    background-color: #002193;
    color: #ffffff;
	display:flex;
	justify-content: center;
	align-items: center;
    text-decoration: none;
    min-height: 50px;
    border-radius: 25px;
    transition: all 0.3s ease-in-out;
}
#tmp_top_sec_facility .facility_area_list li a:hover {
    background-color: #00671E;
}

/* area_map
================================================== */
.area_map_main .map_img {
	position: relative;
	text-align: center;
}
.area_map_main .img {
	position: relative;
	z-index: 1
}
.area_map_main .img.hover {
	opacity: 0;
}
.area_map_main .img_hv {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
}
.area_map_main .img.hover + .img_hv {
	opacity: 1;
}
.area_map_main img {
	animation: none;
}
#tmp_contents .area_map{
	position: relative;
}
.area_map area{
	outline: none;
}


/* ==================================================
volunteer
================================================== */
#tmp_top_sec_volunteer {
    padding: 62px 0 0;
}
#tmp_top_sec_volunteer .top_sec_ttl {
    margin: 0 0 40px;
}
#tmp_top_sec_volunteer .top_sec_cnt {
    margin: 20px;
    padding: 78px 0 85px;
    background: url("/shared/site_sportslink/images/main/bg_gray.jpg") repeat 0 0;
}

/* volunteer_card
================================================== */
.volunteer_card {
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap:wrap;
    gap: 0 40px;
}
.volunteer_card li {
    width: calc(25% - 30px);
    margin: 0 0 62px;
    display: flex;
}
.volunteer_card li a {
    display: flex;
    flex-flow: column;
    text-decoration: none;
    color: #111111;
}
.volunteer_card li span {
    display: block;
}
.volunteer_card li span.volunteer_card_img {
	display:flex;
	justify-content: center;
	align-items: center;
    border: 1px solid #EDEDED;
    background-color: #ffffff;
    padding: 10px 14px;
    min-height: 159px;
    margin: 0 0 8px;
}
.volunteer_card li span.volunteer_card_ttl {
    font-size: 125%;
    margin: 0 0 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.volunteer_card li span.volunteer_card_date {
    margin-top: auto;
}

/* more_btn_s */
#tmp_top_sec_volunteer .more_btn_s {
    text-align: center;
    margin: 0 0 30px;
}

/* ==================================================
about
================================================== */
#tmp_top_sec_about {
    position: relative;
    z-index: 2;
    padding: 150px 0 50px;
    min-height: 932px;
}
#tmp_top_sec_about::before,
#tmp_top_sec_about::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 456px;
    z-index: -1;
}
#tmp_top_sec_about::before {
    top: 0;
    background: url("/shared/templates/sportslink_top/images/about_img1.png") repeat-x center center;
    -webkit-animation: slide 40s linear infinite;
	animation: slide 40s linear infinite;
	-moz-animation: slide 40s linear infinite;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	will-change: background-position;
}
#tmp_top_sec_about::after {
    bottom: 0;
    background: url("/shared/templates/sportslink_top/images/about_img2.png") repeat-x center center;
    -webkit-animation: slide_r 40s linear infinite;
	animation: slide_r 40s linear infinite;
	-moz-animation: slide_r 40s linear infinite;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	will-change: background-position;
}
@keyframes slide {
	from { background-position: 0 0; }
	to { background-position: -2680px 0; }
}
@-moz-keyframes slide {
	from { background-position: 0 0; }
	to { background-position: -2680px 0; }
}
@-webkit-keyframes slide {
	from { background-position: 0 0; }
	to { background-position: -2680px 0; }
}
@keyframes slide_r {
	from { background-position: 0 0; }
	to { background-position: 2680px 0; }
}
@-moz-keyframes slide_r {
	from { background-position: 0 0; }
	to { background-position: 2680px 0; }
}
@-webkit-keyframes slide_r {
	from { background-position: 0 0; }
	to { background-position: 2680px 0; }
}
.effcts_off #tmp_top_sec_about:before,
.effcts_off #tmp_top_sec_about:after {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

#tmp_top_sec_about .top_sec {
    width: 750px;
    margin: 0 auto;
    background-color: #ffffff;
    color: inherit;
    padding: 60px 65px 62px;
    position: relative;
    z-index: 5;
}
#tmp_top_sec_about .top_sec::before {
    content: "";
    position: absolute;
    top: 10px;
    right: -10px;
    bottom: -10px;
    left: 10px;
    z-index: -1;
    border-bottom: 10px solid #002193;
    border-right: 10px solid #002193;
}
#tmp_top_sec_about .top_sec_ttl,
#tmp_top_sec_about .top_sec_cnt {
    position: relative;
}
#tmp_top_sec_about .top_sec_ttl::after {
    content: "";
    position: absolute;
    top: -86px;
    left: -135px;
    width: 233px;
    height: 257px;
    background: url("/shared/templates/sportslink_top/images/about_bg_lft.png") no-repeat 0 0;
    z-index: 1;
}
#tmp_top_sec_about .top_sec_cnt::after {
    content: "";
    position: absolute;
    right: -100px;
    bottom: -95px;
    width: 166px;
    height: 141px;
    background: url("/shared/templates/sportslink_top/images/about_bg_rgt.png") no-repeat 0 0;
    z-index: 1;
}
#tmp_top_sec_about .top_sec_cnt p:not(.more_btn):not(.animation_stop) {
    line-height: 2.75;
    font-size: 112.5%;
    margin: 0 0 30px;
}
#tmp_top_sec_about .animation_stop {
    position: absolute;
    right: 35px;
    bottom: 31px;
    display: inline-block;
}
.no_javascript #tmp_top_sec_about .animation_stop {
    display: none;
}
.no_javascript #tmp_top_sec_about::before,
.no_javascript #tmp_top_sec_about::after {
     -webkit-animation: none;
	animation: none;
	-moz-animation: none;
}

#tmp_top_sec_about .more_btn a {
    max-width: 390px;
}

/* splide */
#tmp_about_slide_top {
    margin: 0 0 20px;
}
#tmp_about_slide_top .splide__toggle {
	position: absolute;
    right: 55px;
    top: 30px;
}
#tmp_about_slide_btm .splide__toggle {
	position: absolute;
    right: 55px;
    bottom: 30px;
}

/* ==================================================
publicity
================================================== */
#tmp_top_sec_publicity {
    padding: 80px 0 66px;
}
#tmp_top_sec_publicity ul {
    list-style: none;
    display: flex;
    flex-wrap:wrap;
    gap: 0 13px;
}
#tmp_top_sec_publicity ul li {
    width: 280px;
    margin: 0 0 14px;
}
#tmp_top_sec_publicity ul li a {
    display: block;
}

/* ==================================================
SNS
================================================== */
#tmp_top_sec_sns {
    padding: 42px 0 50px;
    background: url("/shared/site_sportslink/images/main/bg_gray.jpg") repeat 0 0;
}
#tmp_top_sec_sns ul {
    list-style: none;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    gap: 0 26px;
}
#tmp_top_sec_sns ul li {
    width: 52px;
}
#tmp_top_sec_sns ul li a {
    display: block;
}

/* ==================================================
splide
================================================== */
.no_javascript #tmp_visual_slide .splide,
#tmp_visual_slide .splide.no-splide,
.no_javascript #tmp_movie_youtube .splide,
#tmp_movie_youtube .splide.no-splide {
    width: 100%;
    visibility:visible;
}
.no_javascript #tmp_visual_slide .splide__track {
    height: 700px;
    overflow-y: auto;
}
.no_javascript #tmp_visual_slide .splide__list {
    display: block;
}
.no_javascript #tmp_visual_slide .splide .splide__slide,
#tmp_visual_slide .splide.no-splide .splide__slide {
    display: block;
    margin: 0 0 20px !important;
}
.no_javascript #tmp_movie_youtube .splide .splide__list,
#tmp_movie_youtube .splide.no-splide .splide__list {
    gap: 0 40px;
    justify-content: center;
    max-width: 1160px;
    flex-wrap:wrap;
    margin: 0 auto !important;
}
.no_javascript #tmp_movie_youtube .splide .splide__slide,
#tmp_movie_youtube .splide.no-splide .splide__slide {
    width: calc(50% - 20px);
    margin-bottom: 40px;
}
.no_javascript #tmp_movie_youtube .splide .splide__slide p,
#tmp_movie_youtube .splide.no-splide .splide__slide p {
	position:relative;
	display:block;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	min-width:200px;
}
.no_javascript #tmp_movie_youtube .splide .splide__slide iframe,
#tmp_movie_youtube .splide.no-splide .splide__slide iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* ==================================================
print
================================================== */
@media print {
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}