html{scroll-behavior: smooth; scroll-padding-top:120px;}
@media screen and (max-width:900px){
html{scroll-padding-top:65px;}
}
/*スクロールバーをコンパクトに*/
*{scrollbar-color: #333 rgba(220,220,220,0.5); scrollbar-width: thin;}/*firefox*/
html::-webkit-scrollbar {width: 8px; height: 8px;}
html::-webkit-scrollbar-thumb {background: #333;}
html::-webkit-scrollbar-track {background: rgba(220,220,220,0.5);}
body { font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background:#FFF; }
img { max-width:100%; vertical-align:bottom; transition: .6s;}
a { text-decoration:none;}
strong { font-weight:bold;}
/*table th,table td { padding:15px 20px; }
table th{vertical-align:top;white-space: nowrap}*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700;900&display=swap');
.fontMR { font-family: 'Noto Serif JP', serif; font-weight:400}
.fontMBo { font-family: 'Noto Serif JP', serif;font-weight:700}
.fontMBl { font-family: 'Noto Serif JP', serif;font-weight:900}
.right { text-align:right}
.flex_rev { flex-direction:row-reverse}
.clear { clear:both;}
.center { text-align:center;}
.sphead { display:none;}
.pcnone{display: none;}
.spnone {}
.co_Or{ color:#FF8000;}
.co_Gr {color:#339900;}
.co_Re {color:#EF0003;}
.co_Bl {color:#0080FF;}
.co_Ye{ color: #FFCC00;}
.back-G { background-color:#9FD500;}
.back-O { background-color:#FF9D3E;}
.back-B { background-color:#68B4FF;}
.back-P { background-color:#FF9FB8;}
.back-W { background-color:#FFFFFF; text-align:center;}
.back-black { background:#000000; text-align:center;}
@media screen and (max-width:960px) {
.pcnone {display: block}
.spnone {display: none;}
}
/*基本ボタン*/
a.btn01 { display:block; border:#DDDDDD solid 1px; border-radius:10px; text-align:center; background:#FFFFFF; font-size:15px; font-family: 'Noto Serif JP', serif; font-weight:400; color:#333; text-decoration:none; position:relative;}
a.btn01:before{
position: absolute;
font-family:"Font Awesome 5 Free";
content: "\f105";
top: 1px;/*上からの距離*/
right: 10px;/*左からの距離*/
color:#DDD;
font-size: 1.5em;
font-weight: 900;
}
a.btn02 { display:block; border:#FFF solid 2px; border-radius:5px; text-align:center; font-size:15px; color:#FFF; text-decoration:none; position:relative;}
a.btn02:before{
position: absolute;
font-family:"Font Awesome 5 Free";
content: "\f105";
top: 1px;/*上からの距離*/
right: 10px;/*左からの距離*/
color:#FFF;
font-size: 1.5em;
font-weight: 900;
}
a.btn03 { display:block; border:#2693FF solid 2px; text-align:center; background:#FFFFFF; font-size:15px; color:#2693FF; text-decoration:none; position:relative;}
a.btn03:before{
position: absolute;
font-family:"Font Awesome 5 Free";
content: "\f105";
top: 1px;/*上からの距離*/
right: 10px;/*左からの距離*/
color:#2693FF;
font-size: 1.5em;
font-weight: 900;
}
a.btn03:hover {background:#2693FF; color: #FFFFFF; font-weight: bold;}
a.btn03:hover:before { color:#FFF8BB; }
a.btn01_large { display: inline-block; border:#DDD solid 1px; border-radius:10px; background:linear-gradient(#FFF 50%, #EEE); font-size:16px; text-decoration:none; position:relative; padding:20px;}
a.btn01_large:before{
font-family:"Font Awesome 5 Free";
content: "\f105";
color:#DDD;
font-size: 2em;
font-weight: 900;
margin-right:10px;
}
a.btn_pdf {width:285px; text-align:center; display:block; background:#2693FF; border-radius: 8px; line-height:60px; margin:50px 20px; color:#FFF; border-radius:8px; position:relative;}
a.btn_pdf:before{
font-family:"Font Awesome 5 Free";
content: "\f1c1";
margin-right: 10px;
color:#F8FF01;
font-size:1.5em;
font-weight: 400;
}
@media screen and (max-width:960px) {
a.btn_pdf {width: auto; margin:15px 20px;}
}
/*@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}*/
/*ヘッダ、ナビは（headnav.css）を見る*/
/*==============================================================================================
トップページindex.html
==============================================================================================*/
#indexvega { height:100vh; position:relative; background:#2693FF; width: 100%; margin: 0 auto 100px; transition: .6s; border-bottom: #FFFFFF solid 1px;}
.vegatitle {position: absolute; top: 50%; left: 0; font-size: 50px; font-weight: bold; background: rgba(255,255,255,0.9);padding: 15px 20px 5px 50px;line-height: 1.5em; }
.vegatitle span {font-size: 26px; font-weight: bold;}
.vegaQR {position: absolute; top: 150px; right: 50px; width: 170px; background: #FFFFFF; text-align: center; font-size: 0.9em; color: #37AAE8; padding-bottom: 10px; border-radius: 8px;}
/*セクション gap: 0px 60px; 余白 T Y */
.ind_sec00 {max-width: 1280px; margin: auto; margin-bottom: 70px; display: flex; gap: 0 60px; padding: 0 40px; }/*2カラム*/
.ind_sec01 {max-width: 1280px; margin: auto; margin-bottom: 70px; padding: 0 40px;}/*主に階層ページ全幅1カラム*/
.sec_m {max-width: 1280px; margin: 0 auto 80px; padding: 0 40px;}/*indexの下部バナー*//*新ロゴ対応indexの下部バナー*/
/*コンテンツ幅*/
.ind_main00 {width: 900px; }/*index*/
.ind_side00 {width:320px; }/*index*/
/*全共通段落のスタイル*/
.ind_sec00 p, .ind_sec01 p, .sec_m p{margin-bottom: 0.9em; line-height: 1.8em;}
/*index、pageサイドバナー*/
.ind_side00 .sidelist {margin-top:100px; margin-bottom: 30px; }
.sidelist li {margin-bottom:16px; }
.sidelist li h2 {background: #2693FF; color: #FFFFFF; font-weight: bold; font-size:1.1em; padding: 20px 10px; }
.sidelist li h2 i {color:#FFDF11; margin-right: 5px; }
.sidelist li h3 { font-weight: bold; font-size:1.1em; padding: 5px 10px 0px; border-bottom: #999 solid 1px; border-left:#FF9326 solid 10px;}
/*index新着情報*/
.newsback { margin-bottom: 60px;}
.newsback h2 { margin-bottom:30px; font-size:36px; text-align: center; line-height: 1.4em; font-weight: bold;}
.newsback h2 span {display: block; color:#2693FF; font-size: 14px; line-height: 1.4em; font-family: "Arial Black", Gadget, "sans-serif"; }
.news { width:100%; margin:auto; text-align:left; margin-bottom:40px; border-top:#CCCCCC solid 1px; }
.news dt { width:110px; padding:20px 0 12px; color:#666; font-size: 14px;}
.news dd { margin-top:-55px; border-bottom:#CCCCCC solid 1px;}
.news dd a {padding:22px 20px 15px 110px; display:block; transition: .4s; font-weight: bold; color: #333; font-size:16px; line-height: 1.3em; position: relative;}
.news dd a:after{
position: absolute;
font-family:"Font Awesome 5 Free";
content: "\f105";
top: 20px;/*上からの距離*/
right: 0px;/*左からの距離*/
color:#CCC;
font-size: 1.4em;
font-weight: 900;
}
.news dd a:hover { background: rgba(209,232,255,0.70); text-decoration:underline;}
.news dd a:visited{color: #666}
.news dd a.current, .news dd a.parentsLink {background: rgba(255,239,132,0.25); color:#DD0000; font-weight:normal;}/*-----------カレント設定--------------------------*/
.newsback .btn03 { width:240px; line-height:50px; margin:auto;}
.newicon {vertical-align: middle; margin-left: 10px;}
/*indexLinkバナー
.bannerbox {display: flex; gap:0 60px;}*/
.bannerbox {display: flex; gap:0 60px; padding: 80px 0 20px;}
.mainback_w { background-color:#FFFFFF; position:relative;}
.footer { padding:40px 20px; text-align:center; background: #2693FF; line-height: 2em; color: #FFFFFF;}
.footlogo {width:70px; margin-bottom: 15px; }
.copy { background:#00376D; text-align:center; padding:20px 20px; color:rgba(255,255,255,0.45); font-size:12px; position: relative; z-index: -1 }
.countbox {font-size: 12px; vertical-align: middle; margin-top: -30px; margin-left: 10px; z-index:10; color: #999;}
@media screen and (max-width: 960px) { /*-------------------------------------------------------------------------------------------------------------------------------------sp*/
body {padding-top: 40px;}
#indexvega { height:50vh; margin: 0 auto 30px;}
.vegatitle { top:auto; bottom: 0px; left: 0; right: 0; text-align: center; font-size: 20px; background: rgba(255,255,255,0.8);padding: 10px 20px; }
.vegatitle span {font-size: 16px; }
.vegaQR { top: 40px; right: 10px; width: 60px; padding: 0;}
/*セクション gap: 0px 60px; 余白 T Y ---------------------------sp*/
.ind_sec00 { margin-bottom: 30px; padding: 0 20px; flex-direction: column; }
.ind_sec01 { margin-bottom: 30px; padding: 0 20px;}/*主に階層ページ全幅1カラム_sp*/
.sec_m { margin: 0 auto 30px; padding: 0 20px;}
/*コンテンツ---------------------------sp*/
.ind_main00 {width:auto; font-size: 0.9em; }
.ind_side00 {width:auto; }
/*indexサイドバナー---------------------------sp*/
.ind_side00 .sidelist {margin-top:30px; margin-bottom: 30px; }
.sidelist li {margin-bottom:6px; text-align: center;}
.sidelist li h2 { font-size:1em; padding: 10px; }
.sidelist li h2 i {}
/*index新着情報---------------------------sp*/
.newsback { margin-bottom: 30px;}
.newsback h2 { margin-bottom:10px; font-size:1.3em; }
.newsback h2 span {font-size: 14px;}
.news { margin-bottom:15px; }
.news dt { width:auto; padding:10px 0 0px; font-size: 14px;}
.news dd { margin-top:0px;}
.news dd a {padding:5px 10px 13px 0; font-weight:normal; font-size:14px; line-height: 1.4em;color: #000; }
.news dd a:after{
top: 3px;/*上からの距離*/
}
.news dd a:hover {}
.newsback .btn03 { width:240px;}
.newicon {}
/*indexLinkバナー*/
.bannerbox {gap:0 30px; flex-direction: column;}
.bannerbox li {max-width:360px; margin: 0 auto 10px;}
.mainback_w { }
/*共通フッタ*/
.footer { padding:20px 20px; line-height: 1.6em; color: #FFFFFF; font-size: 0.9em}
.footlogo {width:50px; margin-bottom: 15px; }
.copy { background:#00376D; text-align:center; padding:20px 20px; color:rgba(255,255,255,0.45); font-size:12px; position: relative; z-index: -1 }
.countbox {font-size: 12px; vertical-align: middle; margin-top: -30px; margin-left: 10px; z-index:10; color: #999;}
}
figure { overflow:hidden;}
/*figure img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
opacity:1;
}
figure:hover img {
-webkit-transform: scale(1.08);
transform: scale(1.0.8);
opacity:0.4;
}
figure:hover img.opacity100 { opacity:1;}*/
a[href^="tel:"] {
pointer-events: none;
}
.rotate-anime {
animation: rotate-anime 1s linear infinite;
}
@keyframes rotate-anime {
0% {transform: rotate(0);}
100% {transform: rotate(360deg);}
}
@media screen and (max-width:960px) {
img { max-width:100%;}
a[href^="tel:"] {
pointer-events:auto ;
}
}
/*=============================================================================================================================================
階層ページ共通
=============================================================================================================================================*/
/*ページh1タイトル－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－PC*/
.h1kihon {height: 130px; padding-top: 180px; margin-bottom: 60px;}
.h1back01 {background:#81C0FF url("../img/h1back01.jpg") center; background-size: cover; }/*協会概要_pc*/
.h1back02 {background:#81C0FF url("../img/h1back02.jpg") center; background-size: cover; }/*新着情報_pc*/
.h1back03 {background:#81C0FF url("../img/h1back03.jpg") center; background-size: cover; }/*スポーツ施設情報_pc*/
.h1back04 {}/*KUROBEスポーツファミリー_pc*/
.h1back05 {background:#81C0FF url("../img/h1back05.jpg") center; background-size: cover; }/*スポーツ少年団_pc*/
.h1back06 {background:#81C0FF url("../img/h1back06.jpg") center; background-size: cover; }/*書 庫_pc*/
.h1back07 {background:#81C0FF url("../img/h1back07.jpg") center; background-size: cover; }/*大会・イベント情報_pc*/
.h1back08 {background:#DEF0F6}/*体協だより_pc*/
.h1back09 {background:#81C0FF url("../img/h1back09.jpg") center; background-size: cover; }/*Googleカレンダー_pc*/
h1.h1white { font-weight: bold; font-size:2.4em; color:#FFF; text-align: center; text-shadow: 1px 1px 2px black;}/*h1白文字_pc*/
h1.h1black { font-weight: bold; font-size:2.4em; color:#111; text-align: center; text-shadow: -1px -1px 2px white;}/*h1黒文字_pc*/
h1.h1white span {display: block; font-size:16px; font-weight: bold; color:#FFEFBA; } /*英単語見出し_pc*/
h1.h1black span {display: block; font-size:16px; font-weight: bold; color:#2693FF; } /*英単語見出し_pc*/
/*ページコンテンツ枠幅*/
.ind_main01 {width: 960px; }/*page*/
.ind_side01 {width:260px; }/*page*/
.ind_main02 {width: 1000px; }/*page*/
.ind_side02 {width:220px; }/*page*/
.ind_main_auto {width:100%; }/*page*/
/*ページh2title*/
.ind_main01 h2, h2.h2list { font-size: 1.6em; padding: 0.9em 0 0.6em; border-bottom: #CCC 3px dotted; border-top: #999 3px double; text-align: left; margin-bottom: 30px; font-weight: bold;}
.ind_main01 h2:before, h2.h2list:before {
font-family:"Font Awesome 5 Free";
content: "\f061";
font-weight:bold;
color:#FF9326;
padding-right: 10px;
}
@media screen and (max-width:960px) {/*==================================================================sp*/
/*ページh1タイトル------------------------------------------------------------------------------sp*/
.h1kihon {height:auto; padding-top: 30px; padding-bottom: 10px; margin-bottom: 30px;}
h1.h1white { font-size:1.4em; }/*h1白文字_sp*/
h1.h1black {; font-size:1.4em;}/*h1黒文字_sp*/
h1.h1white span {font-size:14px; } /*英単語見出し_sp*/
h1.h1black span {font-size:14px;} /*英単語見出し_sp*/
/*ページコンテンツ枠幅------------------------------------------------------------------------------sp*/
.ind_main01 {width:auto; font-size: 0.9em; }/*page_sp*/
.ind_side01 {width:auto; }/*page_sp*/
.ind_main02 {width:auto; font-size: 0.9em; }/*page_sp*/
.ind_side02 {width:auto; }/*page_sp*/
.ind_main_auto {width:auto; font-size: 0.9em; }/*page*/
/*ページh2title*/
.ind_main01 h2, h2.h2list { font-size: 1.1em; padding: 0.9em 0 0.6em; margin-bottom: 20px;}
}/*==================================================================sp*/
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
新着情報
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－PC*/
h2.h2NewsTitle {font-family: 'Noto Serif JP', serif; font-weight:400; font-size: 2.2em; line-height: 1.6em; padding: 0px 0 20px; border-bottom: #AAA solid 1px; margin-bottom: 50px; position: relative;}
h2.h2NewsTitle:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #FF9326;
bottom: 0px;
width: 20%;
}
.newsBox {display: flex; margin-bottom: 100px; gap: 0 60px;}
.newsBox > div {width: 61%; font-size: 1em; line-height: 2em; margin-bottom: 30px; font-size: 1.2em;}
.newsBox > div p a {text-decoration: underline;}
.newsBox > figure {width: 36%; background: #FFF;}
.newsBox > figure a {display: block; margin-bottom: 10px;}
.newsBox > figure div {display:flex; gap:0px 10px;}/* gap: 0px 60px; 余白 T Y*/
.newsBox > figure a > img {width: 100%; height: 260px; object-fit: cover;}
.newsBox > figure div a > img {width: 100%; height: 180px; object-fit: cover;}
.newsdate {color: #666; margin-bottom: 5px!important; }
.newsbacklink, .newsbacklink a{ font-size: 0.9em; text-align: right; text-decoration: underline;}
.newsbacklink a:hover {color: #EC0003;}
@media screen and (max-width:960px) {/*==================================================================sp*/
h2.h2NewsTitle { font-size: 1.2em; line-height: 1.6em; padding: 0px 0 20px; margin-bottom: 30px; font-weight: 700;}
.newsBox { margin-bottom: 30px; gap:0; flex-direction: column;}
.newsBox > div {width:auto; line-height: 1.6em; margin-bottom: 15px; font-size: 1em;}
.newsBox > figure {width:auto;}
.newsBox > figure div { flex-direction: column;}/* gap: 0px 60px; 余白 T Y*/
.newsBox > figure a> img { height:auto;}
.newsBox > figure div a > img { height: auto;}
.newsdate {margin-bottom: 2px; font-size: 0.9em; }
.newsback .news dd a {font-size: 14px;}
}/*==================================================================sp*/
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
協会概要
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－PC*/
.outline ol.gaiyou {list-style:decimal; padding-left: 1.5em;}
.outline ol.gaiyou > li {margin-bottom: 2em;}
.outline ol.gaiyou h3 {font-weight: bold; color:#0080FF; margin-bottom: 1em; font-size: 1.1em; }
.outline ol.gaiyou h4 {font-weight:bold; margin-bottom: 1em; text-decoration: underline;}
.outline ol.gaiyou .koumoku p {padding-left: 1.5em; margin-bottom: 1.5em;}
.outline .btn03, .disclo .btn03 { width:240px; line-height:50px; margin:auto;}
.disclo .list_a {background: url("../img/pdf_icon_s.png") left center no-repeat; background-size: 30px auto; padding-left: 40px; line-height: 2.5em; font-size: 1.2em; font-weight: bold;}
.disclo .list_a a {font-weight: bold;}
.disclo .list_b {padding-left: 2em; line-height: 2em; font-size: 1em;}
.disclo .list_b br {display: none;}
.disclo a {text-decoration: underline;}
.disclo a:hover {text-decoration: none;}
@media screen and (max-width:960px) {/*==================================================================sp*/
.outline ol.gaiyou {padding-left: 1em;}
.outline ol.gaiyou h3 { font-size: 1.05em; }
.outline ol.gaiyou h4 {font-size: 0.95em;}
.outline ol.gaiyou .koumoku p {padding-left: 0em;}
.disclo .list_a {background-size: 20px auto; padding-left: 30px; line-height: 2em; font-size: 1em;}
.disclo .list_b {padding-left: 2em; line-height: 2em; font-size: 1em;}
.disclo .list_b br {display:block;}
}
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
スポーツ施設情報
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－PC*/
.facility.fa_scroll {}
.facility table {border: #999 solid 1px; width: 100%; margin-bottom: 60px; font-size: 0.9em; }
.facility table th {background:#4797FA; color: #FFFFFF; border-bottom: #CCC solid 1px; padding: 5px 20px; border-right: #FFF dotted 1px; text-align: center;}
.facility table td {border-bottom: #999 solid 1px; border-right: #999 dotted 1px; vertical-align: middle; line-height: 2em;white-space: nowrap; }
.facility table td.yohaku {padding-left: 10px;}
.facility table td a {display: block; padding: 10px 20px;}
.facility table td a i {margin-right: 6px;}
.facility table td a:hover { text-decoration: underline; background: rgba(255,245,0,0.6); font-weight: bold; color: #000000;}
h2.h2facilityTitle {font-family: 'Noto Serif JP', serif; font-weight:400; font-size: 2.2em; line-height: 1.6em; padding: 0px 0 20px; border-bottom: #AAA solid 1px; margin-bottom: 5px; position: relative;}
h2.h2facilityTitle:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #2693FF;
bottom: 0px;
width: 20%;
}
h2.h2facilityTitle i {margin-right: 10px; color: orange;}
h2.h2facilityTitle span {float: right;}
h2.h2facilityTitle span a {font-size: 16px; background:#2693FF; color: #FFF; padding: 7px 10px; border-radius: 8px; transition: 0.4s;}
h2.h2facilityTitle span a:hover {opacity: 0.7;}
.facility_dtl {display: flex; gap: 6px 2px; /*T×Yの余白 */ margin-bottom: 30px; }
.facility_dtl >div {width: 50%;}
.facility_dtl >div dl { display: flex; flex-wrap: wrap; border: #999 solid 1px; border-bottom: none;}
.facility_dtl >div dt {width: 25%; background: rgba(223,240,255,1.00); text-align: center; padding: 10px 0; border-bottom: #999 solid 1px; font-weight: bold;}
.facility_dtl >div dd {width: 71%; padding:10px 2%; line-height: 1.6em; border-bottom: #999 solid 1px; }
.facility_dtl >div figure {padding: 20px; text-align: center;}
.facility_dtl >div figure img {width: 100%; height: 250px; object-fit: cover;}
h3.maptitle { font-size: 2em; border-bottom:#D1E8FF solid 5px; margin-bottom: 10px;background:linear-gradient(#FFF, #F5F2EB); }
h3.maptitle i {margin-right: 10px; color: orange;}
@media screen and (max-width:960px) {/*==================================================================sp*/
.facility.fa_scroll {overflow-x: auto; margin-bottom: 20px; }
.facility table {margin-bottom: 0px; width:auto; }
.facility table th { padding: 3px; }
.facility table td { padding: 3px;}
h2.h2facilityTitle { font-size: 1.1em; line-height: 1.4em; padding: 0px 0 10px; margin-bottom: 5px; font-weight: bold;}
h2.h2facilityTitle span {float:none; display: block; text-align: right; padding: 0px 0;}
h2.h2facilityTitle span a {font-size:0.9em; padding: 2px 10px; border-radius: 5px; }
.facility_dtl { margin-bottom: 20px; flex-direction: column; }
.facility_dtl >div {width:auto;}
.facility_dtl >div dl {border:none; border-bottom: none; flex-direction: column;}
.facility_dtl >div dt {width:auto; text-align:left; padding: 5px 10px; border-bottom:none; font-weight: bold; font-size: 0.9em; border-top: #CCC solid 1px;}
.facility_dtl >div dd {width:auto; padding:10px; font-size: 0.95em; border-bottom: none; margin-bottom: 10px;}
.facility_dtl >div figure {padding: 0px; text-align: center;}
.facility_dtl >div figure img {width: 100%; height: 200px; object-fit: cover;}
h3.maptitle { font-size: 1em; border-bottom:#D1E8FF solid 5px; margin-bottom: 10px;background:linear-gradient(#FFF, #F5F2EB); }
h3.maptitle i {margin-right: 10px; color: orange;}
}/*==================================================================sp*/
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
スポーツ少年団
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－PC*/
.junior_top {display: flex; flex-wrap: wrap; }/* gap: 0px 60px; 余白 T Y*/
.junior_top> div {width: 31%; padding: 10px 1%; background: #EEEEEE; margin: 0 2px 2px 0;}
.junior_top> div h3 {font-size: 1.2em; font-weight: bold; text-align: center; background:#2693FF; color: #FFF; padding: 5px;}
.junior_top> div ul {background: #FFFFFF; padding: 10px 10px 10px 20px;}
.junior_top> div ul li {list-style: disc; border-bottom: #999 dotted 1px;}
.junior_top> div ul li a {padding: 5px 0; display: block; font-size: 0.95em;}
.junior_top> div ul li a:hover {color: #FF0004; text-decoration: underline;}
.junior_list h3 {font-size: 1.26em; background: #2693FF; padding: 12px; border-left: rgba(255,237,0,1.00) solid 8px; margin-bottom: 0px; font-weight: bold; color: #FFFFFF;}
.junior_list table {width: 100%; border:#4695F4 solid 1px; margin-bottom: 20px; font-size: 0.9em; }
.junior_list table th {background:#D1E6FE; text-align: center; padding: 5px;white-space: nowrap;border:#4695F4 solid 1px; }
.junior_list table tr:hover { }
.junior_list table td {text-align: center; padding:5px 10px;white-space: nowrap;border:#4695F4 solid 1px; vertical-align:middle; }
.junior_list table td.clubname {white-space: normal; padding: 0px; text-align: left; width:320px; }
.junior_list table td.clubname a {display: block; padding:15px; font-size: 1.05em; font-weight: bold; text-decoration: underline;}
.junior_list table td.clubname a:hover { background: rgba(255,245,0,0.6); font-weight: normal; color: #000000;}
.junior_dtl span.ju_dtl_cat {background: #000; font-weight: bold; font-size: 0.9em; color: rgba(253,255,205,1.00); padding: 3px 15px; border-radius: 15px;}
.junior_dtl h2.h2ju_dtl {font-family: 'Noto Serif JP', serif; font-weight:400; font-size: 2.2em; line-height: 1.4em; padding: 0px 0 20px; margin-bottom: 3px; position: relative; border-bottom: #4695F4 solid 1px;}
.junior_dtl h2.h2ju_dtl:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 5px rgba(113,224,0,1.00);
bottom: 0px;
width: 20%;
}
.junior_dtl dl { display: flex; flex-wrap: wrap; border-right: #4695F4 solid 1px; line-height: 1.8em; margin-bottom: 30px; }
.junior_dtl dl dt { width: 10.7%; border-bottom:#4695F4 solid 1px; padding: 16px 1%;background: rgba(223,240,255,1.00); font-weight: bold; border-left:#4695F4 solid 1px; }
.junior_dtl dl dd { width: 35%;border-bottom:#4695F4 solid 1px; padding: 16px 1%;}
.junior_dtl dl dd:last-child{width: auto; flex-grow: 1;}
.junior_dtl .btn03 {width: 200px; line-height: 3em; margin: 0 auto 30px;}
@media screen and (max-width:960px) {/*==================================================================sp*/
.junior_top {display: flex; flex-wrap: wrap; margin-bottom: 20px;}/* gap: 0px 60px; 余白 T Y*/
.junior_top> div {width:100%; padding:0; background:none;}
.junior_top> div h3 {font-size: 1em; padding: 3px;}
.junior_top> div ul { padding: 0px 0px 0px 20px; }
.junior_top> div ul li {}
.junior_top> div ul li a {}
.junior_top> div ul li a:hover {}
.junior_scroll {overflow-x: auto; margin-bottom: 10px; }
.junior_list h3 {font-size: 1em; padding: 8px;}
.junior_list table {width:auto; font-size: 0.85em; margin-bottom: 3px;}
.junior_list table th { padding: 3px;}
.junior_list table tr:hover { }
.junior_list table td {text-align: center; padding:3px 5px;}
.junior_list table td.clubname { white-space:nowrap; width: auto;}
.junior_list table td.clubname a { padding:5px; font-size: 0.92em; }
.junior_list table td.clubname a:hover { }
.junior_dtl h2.h2ju_dtl { font-size: 1.2em; line-height: 1.4em; padding: 0px 0 10px; margin-bottom: 3px; border-bottom:#CCC solid 1px;}
.junior_dtl dl { border-right: none; line-height: 1.6em; flex-direction: column; }
.junior_dtl dl dt { width:auto; border-top:#4695F4 solid 1px; border-bottom: none; padding:7px 10px; border-left:none; }
.junior_dtl dl dd { width:auto;border-bottom:none; padding:10px ; margin-bottom: 10px;}
.junior_dtl dl dd:last-child{}
}/*==================================================================sp*/
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
書庫
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－PC*/
#tableSyoko .ind_main01 .syoko table {border: #999 solid 1px; width: 100%; margin-bottom: 60px; }
#tableSyoko .ind_main01 .syoko table th {background:#4797FA; color: #FFFFFF; border-bottom: #CCC solid 1px; padding: 5px 20px; border-right: #FFF dotted 1px; text-align: center;}
#tableSyoko .ind_main01 .syoko table td {border-bottom: #999 solid 1px; padding:15px 20px; border-right: #999 dotted 1px; vertical-align: middle; line-height: 2em}
#tableSyoko .ind_main01 .syoko table td a:hover { text-decoration: underline;}
@media screen and (max-width:960px) {/*==================================================================sp*/
.ind_main01 .syoko div.ev_scroll {overflow-x: auto; margin-bottom: 35px; }
#tableSyoko .ind_main01 .syoko table {margin-bottom: 5px; line-height: 1.3em; font-size: 0.85em; min-width: 640px;}
#tableSyoko .ind_main01 .syoko table th { padding: 3px; }
#tableSyoko .ind_main01 .syoko table td { padding: 6px;}
}/*==================================================================sp*/
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
大会・イベント情報
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－PC*/
.ind_main01 .event h3 { font-size: 1em; border-bottom:#D1E8FF solid 5px; margin-bottom: 10px;background:linear-gradient(#FFF, #F5F2EB); }
.ind_main01 .event h3 strong {font-size: 2.5em; line-height: 1em}
.ind_main01 .event h3:before{
font-family:"Font Awesome 5 Free";
content: "\f103";
font-weight:bold;
color:#81C0FF;
padding-right: 5px;
font-size: 2.4em;
}
.ind_main01 .event table {margin-bottom: 20px; line-height: 1.4em; font-size: 0.95em; width: 100%; text-align: center;white-space: nowrap; border: #AAA solid 1px; }
.ind_main01 .event table th { border-bottom: #AAA solid 1px; padding: 10px; text-align: center; font-weight: bold; width: 12%;}
.ind_main01 .event table td { padding: 10px; border-bottom: #AAA solid 1px;border-left: #999 dotted 1px;}
.ind_main01 .event table td.ev_title {text-align: left; width: 54%;white-space:normal; font-weight: bold;}
.ind_main01 .event table td.ev_hall {font-size: 0.85em; width: 22%;}
.ind_main01 .event table tr:nth-child(2n+1) {background: rgba(255,251,237,1.00);}
@media screen and (max-width:960px) {/*==================================================================sp*/
.ind_main01 .event h3 { font-size: 1em; border-bottom:#D1E8FF solid 5px; margin-bottom: 6px;}
.ind_main01 .event h3 strong {font-size: 1.5em; line-height: 1em}
.ind_main01 .event h3:before{
font-size: 1.5em;
}
.ind_main01 .event div.ev_scroll {overflow-x: auto; margin-bottom: 20px; }
.ind_main01 .event table {margin-bottom: 5px; line-height: 1.3em; font-size: 0.85em; min-width: 640px;}
.ind_main01 .event table th { padding: 3px; }
.ind_main01 .event table td { padding: 6px;}
.ind_main01 .event table td.ev_title { font-weight:normal;}
.ind_main01 .event table td.ev_hall {font-size: 0.82em;}
}/*==================================================================sp*/
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
体協だより
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－PC*/
.magazineback ul li {border-bottom: rgba(208,208,208,1.00) solid 1px; padding-left: 30px; background:#FFF url("../img/pdf_icon_s.png") center left no-repeat; background-size: 28px auto; transition: 0.4s;}
.magazineback ul li:hover { background:#DEF0F6 url("../img/pdf_icon_s.png") center left no-repeat; background-size: 32px auto;}
.magazineback ul li a {display: block; padding: 12px;}
.magazineback ul li a:hover {text-decoration: underline;}
@media screen and (max-width:960px) {/*==================================================================sp*/
.magazineback {margin-bottom: 30px;}
.magazineback ul li a {display: block; padding: 10px;}
}/*==================================================================sp*/
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
お問い合わせ
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－PC*/
.mustmark { color:#FF0000;}
.contact, .privacy {max-width: 1000px; margin: auto;}
.contact p a {text-decoration: underline;}
.contact table.mailstyle { width:100%; border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; margin-bottom:30px;}
.contact table.mailstyle th { background:#DEF0F6; border-bottom:#FFF solid 1px; padding: 10px; vertical-align: middle; }
.contact table.mailstyle td { border-bottom:#DDD solid 1px; padding: 15px; }
.contact table.mailstyle td input { width:97%; padding:10px 1%; font-size:1.1em; background:rgba(255,251,237,1.00); border: #DDD solid 1px;}
.contact table.mailstyle td textarea { width:97%; padding:10px 1%; font-size:1.1em; background:rgba(255,251,237,1.00);border: #DDD solid 1px;}
.contact .formbtn { font-size:1em; padding:8px 20px; text-align:center; margin:0 auto 40px;}
/*プライバシーポリシー*/
.privacy > ol { list-style:decimal; margin-left:25px; font-size:1em; margin-bottom:30px;}
.privacy > ol li { margin-bottom:5px;}
.privacy > ol li ol {list-style-type: lower-latin; margin-top: 10px; margin-left: 1em; margin-bottom: 20px;}
.privacy > ol li >p {margin-bottom: 25px;}
.privacy .btn03 {width: 260px; line-height: 3em; margin: auto;}
@media screen and (max-width:960px) {/*==================================================================sp*/
.contact p {font-size: 14px;}
.contact table.mailstyle {display: block; }
.contact table.mailstyle tr {display: block; width: 100%; padding: 0;}
.contact table.mailstyle th { width: auto; display: block; padding: 5px; font-size: 0.9em;}
.contact table.mailstyle td { width:auto; display: block; padding: 5px 0 10px; font-size: 0.9em; }
.contact table.mailstyle td input {padding:10px 0; font-size:0.9em; width: 99%; }
/*プライバシーポリシー*/
.privacy > p {font-size: 0.95em;}
}/*==================================================================sp*/
/*浮き上がって影が出る*/
.hover3 {
box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.25);
transition: all 0.6s ease 0.1s;
}
.hover3:hover {
box-shadow: 0 20px 10px -10px rgba(0, 0, 0, 0.30);
transform: scale(1) translateY(-10px);
}
/*浮き上がって影が出ない*/
.hover4 {
/* box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.25);*/
transition: all 0.6s ease 0.1s;
}
.hover4:hover {
/* box-shadow: 0 20px 5px -10px rgba(0, 0, 0, 0.30);*/
transform: scale(1) translateY(-10px);
}
.container_en {
overflow:hidden;
}
.target_en {
transition: .5s ;
transform: rotateZ( 0deg ) ;
}
.container_en:hover .target_en {
transform: rotateZ( 360deg ) ;
}
/*PegeTop-------------------------------------*/
/*ページトップCSS*/
/*ページトップ*/
#page-top {
position: fixed;
bottom: 10px;
right: 10px;
margin-right: 0px;
z-index:7;
}
#page-top a {
text-align: center;
display: block;
font-size: 10px;
color: #FFF;
}
#page-top a:focus {
outline: none;
}
#page-top a:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-webkit-transition: all .6s;
transition: all .6s;
}
/* ====================================================
btn04
==================================================== */
.btn04 {
margin: 0 auto;
color: #fff;
text-decoration: none;
text-align: center;
position: relative;
z-index: 10;
display: block;
width: 80px;
height: 80px;
line-height: 80px;
}
.btn04::before {
content: '';
background-color: #999;
display: block;
position: absolute;
width: 80px;
height: 80px;
z-index: -1;
border-radius: 50%;
box-shadow: 0 0 0 1px #999, 0 0 0 0 #999;
transition: all .2s ease;
-webkit-transition: all .2s ease;
}
.btn04:hover::before {
transform: scale(0.8);
-webkit-transform: scale(0.8);
box-shadow: 0 0 0 25px #fff, 0 0 0 27px #999;
}
@media screen and (max-width:960px) {/*==================================================================sp*/
.copy { padding:20px 20px 60px;}
#page-top {
bottom: -32px;
right:50%;
margin-right: -41px;
z-index:7;
}
}/*==================================================================sp*/
/*googlemap レスポンシブ対応－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.google-maps {
position: relative;
padding-bottom: 560px;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}