@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
top_sec
================================================== */
.top_sec_ttl h2 {
    padding: 45px 0 0;
    background-size: auto 40px;
}
#tmp_top_sec_news .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_news_sp.png");
}
#tmp_top_sec_event .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_event_sp.png");
}
#tmp_top_sec_team .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_team_sp.png");
    padding-top: 45px;
    margin-bottom: 10px;
}
#tmp_top_sec_facility .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_facility_sp.png");
    background-size: auto 98px;
    padding-top: 110px;
    margin-bottom: 20px;
}
#tmp_top_sec_volunteer .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_volunteer_sp.png");
}
#tmp_top_sec_about .top_sec_ttl h2 {
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_about_sp.png");
    padding-top: 55px;
    margin-bottom: 20px;
}

/* more_btn
================================================== */
.more_btn a {
    min-height: 50px;
    border-radius: 30px;
    max-width: none;
}
#tmp_top_sec_news .more_btn_s,
#tmp_top_sec_event .more_btn_s {
    text-align: center;
}

/* ==================================================
visual
================================================== */
#tmp_top_sec_visual {
    padding-top: 9px;
}
#tmp_visual_slide::before,
#tmp_visual_slide::after,
#tmp_top_sec_visual .container::before,
#tmp_top_sec_visual .container::after {
    display: none;
}
#tmp_top_sec_visual .container {
    width: 100%;
}
#tmp_top_sec_visual .wrap_visual_catch .visual_ttl {
    margin-top: -40px;
}
#tmp_top_sec_visual .wrap_visual_catch .visual_ttl img {
    width: 164px;
    height: auto;
}
#tmp_top_sec_visual .wrap_visual_catch .visual_catch {
    position: static;
    transform: none;
    width: 330px;
    margin: 8px auto 0;
}
#tmp_visual_slide .splide__track {
    padding: 12.7% 0 9%;
}
#tmp_visual_slide .splide__track::after {
    width: 100%;
    height: 0;
    top: 0;
    bottom: 0;
    background-image: url("/shared/templates/sportslink_top/images/visual_mask_sp.png");
    background-size: 100% auto;
    padding-top: 80%;
}
#tmp_top_sec_visual .splide__slide {
	width: 105% !important;
}
#tmp_visual_slide .splide__controls {
    right: 15px;
    bottom: 0;
}
#tmp_visual_slide .splide__pagination__page.is-active,
#tmp_visual_slide .splide__pagination__page:hover {
    border-width: 2px;
}


/* ==================================================
news
================================================== */
#tmp_top_sec_news {
    padding: 60px 0 30px;
}

/* news_card
================================================== */
.news_card {
    margin: 0;
    display: block;
}
.news_card li {
    width: 100%;
    margin: 0 0 40px;
}

/* ==================================================
event
================================================== */
#tmp_top_sec_event .top_sec {
    padding: 0 0 20px;
}
#tmp_top_sec_event .event_cal {
    margin: 0 auto 40px;
}
/* event_card */
.event_card li a {
    padding: 19px 26px 27px 0;
}
.event_card li a::after {
    right: 11px;
    width: 12px;
    height: 14px;
    margin-top: -7px;
    background: url("/shared/site_sportslink/images/icon/navi_icon12.png") no-repeat 0 0;
}
.event_card li span.event_card_date {
    margin: 0 0 10px;
    flex-wrap:wrap;
}
.event_card li span.event_card_date .cate_tag_label {
    margin: 0 0 9px;
    width: 100%;
}
.event_card li span.event_card_ttl {
    font-size: 125%;
    margin: 0 0 10px;
}
.event_card li span.event_card_area {
    line-height: 1.6;
}

/* sns_bnr
================================================== */
#tmp_top_sec_event .sns_bnr {
    margin: 44px 0 15px;
}

/* sns_bnr_list
================================================== */
#tmp_top_sec_event .sns_bnr_list {
    display: block;
    text-align: center;
}
#tmp_top_sec_event .sns_bnr_list li {
    width: 100%;
    max-width: 250px;
    margin: 0 auto 10px;
}

/* ==================================================
movie
================================================== */
#tmp_top_sec_movie .top_sec {
    padding: 50px 0 32px;
    overflow: hidden;
}
#tmp_top_sec_movie .top_sec_ttl .container::before {
    top: -50px;
    left: -35px;
    width: 134px;
    height: 149px;
    background-image: url("/shared/templates/sportslink_top/images/movie_bg_lft_sp.png");
    background-size: 100% auto;
}
#tmp_top_sec_movie .top_sec_ttl h2 {
    width: 224px;
    height: 55px;
    background-image: url("/shared/templates/sportslink_top/images/ttl_en_movie_sp.png");
    background-size: 100% auto;
}
#tmp_top_sec_movie .top_sec_cnt {
    margin-top: -14px;
}
#tmp_top_sec_movie .top_sec_cnt::before {
    top: 82px;
    left: auto;
    right: -31px;
    width: 170px;
    height: 136px;
    background-image: url("/shared/templates/sportslink_top/images/movie_bg_rgt_sp.png");
    background-size: 100% auto;
}

/* ==================================================
team
================================================== */
#tmp_top_sec_team {
	background: -moz-linear-gradient(135deg, #002193, #111111 30% 100%); 
	background: -webkit-linear-gradient(135deg, #002193, #111111 30% 100%); 
	background: linear-gradient(135deg, #002193, #111111 30% 100%);
    padding: 40px 0 38px;
}
#tmp_top_sec_team .top_sec_ttl p {
    text-align: left;
}
/* team_card */
.team_card {
    margin: 26px 0;
    display: block;
}
.team_card li {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto 10px;
}

/* ==================================================
facility
================================================== */
#tmp_top_sec_facility {
    margin: 0;
    padding: 40px 0 40px;
}
#tmp_top_sec_facility .top_sec_ttl {
    margin: 0 0 19px;
}
#tmp_top_sec_facility .top_sec_ttl p {
    text-align: left;
    line-height: 1.8;
}
#tmp_top_sec_facility .top_sec_cnt h3 {
    font-size: 137.5%;
    padding-bottom: 19px;
    margin-bottom: 15px;
}
#tmp_top_sec_facility .facility_col2 {
    display: block;
}
#tmp_top_sec_facility .facility_col2L,
#tmp_top_sec_facility .facility_col2R {
    width: 100%;
}
#tmp_top_sec_facility .facility_area_list {
    gap: 0 6px;
    margin-top: 28px;
}
#tmp_top_sec_facility .facility_area_list li {
    width: calc(50% - 3px);
    margin: 0 0 10px;
}
#tmp_top_sec_facility .facility_area_list li a {
    min-height: 42px;
    border-radius: 22px;
}

/* ==================================================
volunteer
================================================== */
#tmp_top_sec_volunteer {
    padding: 45px 0 0;
    margin-bottom: 23px;
}
#tmp_top_sec_volunteer .top_sec_ttl p {
    text-align: left;
}
#tmp_top_sec_volunteer .top_sec_cnt {
    margin: 0;
    padding: 38px 0 43px;
}
#tmp_top_sec_volunteer .top_sec_cnt h3 {
    padding: 0 0 20px;
    margin: 0 0 12px;
    font-size: 137.5%;
}

/* volunteer_card */
.volunteer_card {
    margin: 0;
    gap: 0 6px;
}
.volunteer_card li {
    width: calc(50% - 3px);
    margin: 0 0 20px;
}
.volunteer_card li span.volunteer_card_img {
    min-height: 97px;
}
.volunteer_card li span.volunteer_card_ttl {
    font-size: 100%;
    margin: 0 0 12px;
    -webkit-line-clamp: 3;
}
.volunteer_card li span.volunteer_card_date {
    font-size: 75%;
}

/* ==================================================
about
================================================== */
#tmp_top_sec_about {
    padding: 107px 0;
    min-height: auto;
	overflow: hidden;
}
#tmp_top_sec_about::before,
#tmp_top_sec_about::after {
    height: 114px;
    background-size: auto 114px;
}
@keyframes slide {
	from { background-position: 0 0; }
	to { background-position: -670px 0; }
}
@-moz-keyframes slide {
	from { background-position: 0 0; }
	to { background-position: -670px 0; }
}
@-webkit-keyframes slide {
	from { background-position: 0 0; }
	to { background-position: -670px 0; }
}
@keyframes slide_r {
	from { background-position: 0 0; }
	to { background-position: 670px 0; }
}
@-moz-keyframes slide_r {
	from { background-position: 0 0; }
	to { background-position: 670px 0; }
}
@-webkit-keyframes slide_r {
	from { background-position: 0 0; }
	to { background-position: 2680px 0; }
}

#tmp_top_sec_about .top_sec {
    width: 100%;
    padding: 32px 18px 36px;
}
#tmp_top_sec_about .top_sec_ttl::after {
    top: -79px;
    left: -55px;
    width: 132px;
    height: 146px;
    background-image: url("/shared/templates/sportslink_top/images/about_bg_lft_sp.png");
    background-size: 100% auto;
}
#tmp_top_sec_about .top_sec_cnt::after {
    right: -51px;
    bottom: -62px;
    width: 111px;
    height: 94px;
    background-image: url("/shared/templates/sportslink_top/images/about_bg_rgt_sp.png");
    background-size: 100% auto;
}
#tmp_top_sec_about .top_sec_cnt p:not(.more_btn):not(.animation_stop) {
    font-size: 100%;
    margin: 0 0 10px;
    line-height: 1.75;
}
#tmp_top_sec_about .animation_stop {
    right: 20px;
    bottom: 20px;
}

/* ==================================================
publicity
================================================== */
#tmp_top_sec_publicity {
    padding: 29px 0 23px;
}
#tmp_top_sec_publicity ul {
    gap: 0 6px;
    max-width: 326px;
    margin: 0 auto;
}
#tmp_top_sec_publicity ul li {
    max-width: 160px;
    width: calc(50% - 3px) !important;
    margin: 0 0 6px;
}

/* ==================================================
SNS
================================================== */
#tmp_top_sec_sns {
    padding: 24px 0 36px;
}
#tmp_top_sec_sns ul {
    gap: 0 17px;
}
#tmp_top_sec_sns ul li {
    width: 34px;
}


/* ==================================================
splide
================================================== */
#tmp_movie_youtube {
    padding: 0 24px;
}
.no_javascript #tmp_movie_youtube .splide .splide__list,
#tmp_movie_youtube .splide.no-splide .splide__list {
    display: block;
}
.no_javascript #tmp_movie_youtube .splide .splide__slide,
#tmp_movie_youtube .splide.no-splide .splide__slide {
    width: 100% ;
    margin-bottom: 10px;
}

.no_javascript #tmp_visual_slide .splide__track {
    height: 240px;
}

}