body {
	padding:0;
	margin:0;
	font-size:12pt;
	font-family:Shin Maru Go Regular;
	background-image:url('https://ayase-jade.com/jade2/member_gallery/back2023.jpg');
	background-size:cover;
}

/*　リンク表示　*/


A:LINK {
  text-decoration:none;
  color:#333333;
  font-weight: bold;
}
A:VISITED {
  text-decoration:none;
  color:#333333;
  font-weight: bold;
}
A:ACTIVE {text-decoration:none;}
A:HOVER {text-decoration:underline;}

.resizeimage img{width:100%;}

.sub-title {
	position:relative;
	font-size:12pt;
	color:#00329c;
	font-family:GSanSerif-B;
	margin-top:10px;
	margin-bottom:16px;
}

.sub-title:after {
	position:absolute;
	content: "";
	bottom: -4px;
	left:0;
	width:90%;
	border-bottom:1px #00329c solid;
}


/*　文字　*/
.kage {text-shadow: 3px 4px 3px rgba(0,0,0,0.5);}

.mojifuchi_WH {
	text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
	-2px 2px 0 #FFF, 2px -2px 0 #FFF,
	0px 2px 0 #FFF,  0-2px 0 #FFF,
	-2px 0 0 #FFF, 2px 0 0 #FFF;
}

/* 画像のbox-shadow */
.gazo-kage {
	filter: drop-shadow(5px 5px 5px #333);
}



/* 斜めストライプ */
.marker_BL  {	
	position:relative;
	padding:4px 0px;
	margin-bottom:2px;
	color:#fff;
	background-color:#00ac56;
	text-align:center;
	border-radius:50px 6px 50px 6px;
	font-family: GSanSerif-B;
	font-size : 10pt;
}


.marker_PI  {
	position:relative;
	color:#222;
	margin-top:1px;
	margin-bottom:4px;
	padding:2px 6px 2px 22px;;
	border-radius:2px;
	background-color: #ffeaf0;
}


.marker_GN {
	position:relative;
	padding:4px 0px;
	margin-bottom:2px;
	color:#fff;
	background-color:#0033cc;
	text-align:center;
	border-radius:50px 6px 50px 6px;
	font-family: GSanSerif-B;
	font-size : 10pt;}




.title_DBL {
	position:relative;
	padding-top:4px;
	padding-bottom:8px;
	padding-left:10px;
	margin-bottom:2px;
	color:#fff;
	background: radial-gradient(rgb(40,95,255), rgb(0,56,233));
	background-color:#0033cc;
	border-radius:4px;
	font-family: GSanSerif-B;
	font-size : 10pt;
}


.title_DBL_moji,.title_GRN_moji  {position:relative;margin-top:20px;;padding:4px 6px 4px 18px;background-color:rgba(255,255,255,0.9);border-radius:4px;}

.title_DBL_moji{color:#0033cc;}
.title_GRN_moji {color:#006633;}

.title_DBL_moji::before,.title_GRN_moji::before {
	position:absolute;
	top:3px;
	left:2px;
	content: url('');
	display: block;
	width:14px;
	height:14px;
	background-image: url('logo_map2025.png');
	background-position: center;
	background-size: contain
}

.title_GRN_menu { background-image: linear-gradient(150deg, rgba(152, 242, 173, 1) 10%, rgba(211, 240, 214, 1) 90%);}

.title_GRN {
	position:relative;
	padding-top:4px;
	padding-bottom:8px;
	padding-left:10px;
	margin-bottom:2px;
	color:#fff;
	background: radial-gradient(rgb(0,149,49), rgb(0,108,35));
	border-radius:4px;
	font-family: GSanSerif-B;
	font-size : 10pt;
}


.title_yoko {
	position:absolute;
	bottom:6px;
	right:10px;
	width:23px;
	height:23px;
	content:"";
	background-image:url(https://ayase-jade.com/jade2/DL/icon_PDF.png);
	background-size:cover;
	background-position:center;	
	padding:4px 0px 4px 4px;;
	background-color:rgba(255,255,255,0.9);
	border-radius:4px;
}


}




.wrapper_contents{
	width: 100%;
	max-width:1200px;
	margin: 0 auto;
	display: flex;
	justify-content:start;
	flex-wrap: wrap;
}
 
.block2{width: calc(100% / 2);}
.block3{width: calc(100% / 3);}
.block52{width: calc(100% / 5);}
.mobile_on{display:none;}
.titlegazo img {
    object-fit: cover;
    height: 30vw;
    width: 100%;
}

.topcs_container {
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	overflow: auto;
	scroll-snap-type: x mandatory;
}

.topics_neta {
	min-width: 500px;;
	flex: none;
}


/* --------------------------------------　モバイルサイズ 　 --------------------------------------*/
@media(max-width:800px){

.block2,.block3 {width: 100%;}
.block52 {width:50%;}


.pc_only {display:none;}
.mobile_on{display:block;}
.titlegazo img {
    object-fit: cover;
    height: 120vw;
    width: 100%;
}

.titlegazo2 img {
    object-fit: cover;
    height: 120vw;
    width: 100%;
}

.topcs_container {
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	overflow: auto;
	scroll-snap-type: x mandatory;
}

.topics_neta {
	scroll-snap-align: start;
	width: 90%;
	min-width: 10px;;
	flex: none;
}
}

}

/* --------------------------------------　details 　 --------------------------------------*/
/* アコーディオン　▲を+に　  */

details {
  ;
}
details:not(:last-child) {
  margin-bottom: 0px;
}

/**
 * list-style: none; ←デフォルト三角削除（Chrome非対応）
 * cursor: pointer; ←カーソルをポインターに
**/
details summary {
  list-style: none;
  cursor: pointer;
}
/**
 * Chrome用のデフォルト三角削除
**/
details summary::-webkit-details-marker {
  display: none;
}

details p {
  margin: 0;
  padding: 20px;
}

summary { 
	outline: none;
}



/* --------------------------------------　JADEアワード 　 --------------------------------------*/

.award {
    position: relative;
    width:90%;
    height:270px;
    margin:30px auto;
    max-width:640px;
    background-color:rgba(255,255,255,0.95);
    border: solid 6px #00329c;
    border-radius:10px 10px 10px 10px;
}

.award:before{
	position: absolute;
	top:-180px;	
	right:-170px;
	content:url(https://ayase-jade.com/jade2/ja2_gallery/JADE_ribbon2.png);
	transform: scale(0.3) rotate(30deg) translate(100px, 100px);
	font-size:80pt;
	z-index:99;
}

.award:after{
	position: absolute;
	bottom:-35px;	
	right:-30px;
	content:'💖';
	font-size:36pt;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}

.aw-ribbon {
	position: absolute;
	bottom:-35px;	
	
}

.award .award-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 6px 20px;
    font-size: 18px;
    background: #00329c;
    color: #fff;
    font-weight: bold;
    font-family:GSanSerif-B;
}

.award-inner {
	width:90%;
	margin:50px auto;
	font-size:10pt;
	color:#333;
}

.awarad_01 {
	color:#4b211b;
	font-size:12pt;
	font-family:GSanSerif-B;
	margin-top:10px;
}

.awarad_more {
	position:absolute;
	bottom:-18px;
	left:0px;
	right:0;
	margin:auto;
	width:30%;
	padding:4px 0px;
	border:2px #00329c solid;
	background-color:white;
	color:#00329c;
	border-radius:4px;
	text-align:center;
}

video {
  object-fit: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.awarad_02 {
	font-size:12pt;
	font-family:GSanSerif-B;
}

.awarad_josyo {
	background-color:#00329c;
	color:white;
	padding:4px 10px;
	border-radius:4px;
}





/* --------------------------------------　女子サッカーリーグ 　 --------------------------------------*/

.FY2023-wrap {
	width:80%;
	margin:0 auto;
	padding:10px 20px;
	background-color:rgba(255,255,255,0.95);
	border-bottom:1px #ccc solid;
}

.FY2023-date,.FY2023-dateKO {
	display:inline-block;
	margin-right:6px;
}

.FY2023-dateKO:before {
	content:'キックオフ';
	color:#999;
	font-size:6pt;
	margin-right:4px;
}

.FY2023-match {
	font-size:12pt;
}

.FY2023-matchVS {
	display:inline-block;
	font-family:GSanSerif-B;
	font-size:14pt;
}

.FY2023-loca {
	color:#999;
	font-size:10pt;
}

.cate_button {
	width:60px;
	margin-bottom:5px;
	padding:2px 0px 0px 0px;
	color:white;
	border-radius:4px;
	font-size:7pt;
	font-family:GSanSerif-B;
	text-align:center;
}

/* --------------------------------------　月間スケジュール　 --------------------------------------*/



.CATE-ALL,
.CATE-U15,
.CATE-U13,
.CATE-U12,
.CATE-U11,
.CATE-U10,
.CATE-U8,
.CATE-KIDS,
.CATE-TR
 {
	position:relative;
}

.CATE-TR{
position:relative;margin-bottom:2px;padding-left:42px;
font-size:12pt;
color: #000;
border-radius:4px;
text-shadow: 0 0 5px white;
background: -webkit-repeating-linear-gradient(-45deg, #ffdfef, #ffdfef 7px,#ffeaf4 3px, #ffeaf4 12px);
background: repeating-linear-gradient(-45deg, #ffdfef, #ffdfef 7px,#ffeaf4 3px, #ffeaf4 12px);
}
.CATE-TR::before {
	position:absolute;
	top:3px;
	left:-16px;
	width:54px;
	padding-bottom:1px;
	background-color: #009900;
	color:white;
	content:"トレーニング";
	border-radius:2px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}

.CATE-TR::after {
	position:absolute;
	bottom:2px;
	right:4px;
	content:"🩷";
	font-size:6pt;
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}





.CATE-ALL:before {
	position:absolute;
	top:-2px;
	left:-20px;
	width:36px;
	background-color:#ff0066;
	color:white;
	content:'ALL';
	border-radius:4px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}

.CATE-U15:before {
	position:absolute;
	top:-2px;
	left:-20px;
	width:36px;
	background-color:#00329c;
	color:white;
	content:'U15';
	border-radius:4px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}

.CATE-U13:before {
	position:absolute;
	top:-2px;
	left:-20px;
	width:36px;
	background-color:#0099ff;
	color:white;
	content:'U13';
	border-radius:4px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}

.CATE-U12:before {
	position:absolute;
	top:-2px;
	left:-20px;
	width:36px;
	background-color:#339900;
	color:white;
	content:'U12';
	border-radius:4px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}

.CATE-U11:before {
	position:absolute;
	top:-2px;
	left:-20px;
	width:36px;
	background-color:#9acd00;
	color:white;
	content:'U11';
	border-radius:4px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}

.CATE-U10:before {
	position:absolute;
	top:-2px;
	left:-20px;
	width:36px;
	background-color:#ff9900;
	color:white;
	content:'U10';
	border-radius:4px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}

.CATE-U8:before {
	position:absolute;
	top:-2px;
	left:-20px;
	width:36px;
	background-color:#ffcc00;
	color:white;
	content:'U8';
	border-radius:4px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}

.CATE-KIDS:before {
	position:absolute;
	top:-2px;
	left:-20px;
	width:36px;
	background-color:#ffa928;
	color:white;
	content:'Kids';
	border-radius:4px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}


.CATE-STAFF{position:relative;margin-bottom:1px;padding-left:30px;}
.CATE-STAFF:before {
	position:absolute;
	top:3px;
	left:-14px;
	width:40px;
	padding-bottom:1px;
	background-color:#47236B;
	color:white;
	content:'スタッフ';
	border-radius:2px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}

.CATE-KTC{position:relative;padding-left:30px;}
.CATE-KTC:before {
	position:absolute;
	top:3px;
	left:-14px;
	width:40px;
	background-color:#ff5197;
	color:white;
	content:'県TC';	
	border-radius:2px;
	font-size:6pt;
	font-family:GSanSerif-B;
	text-align:center;
	box-shadow: 1px 1px 0px 0px white;
}




/* --------------------------------------　背景パターン　 --------------------------------------*/

/**
 *ジェネレーター
 * https://www.magicpattern.design/tools/css-backgrounds
**/


.pattern-GN {
background-color: #1a7c43;
opacity: 1;
background-size: 20px 20px;
background-image:  repeating-linear-gradient(to right, #0c600e, #0c600e 1px, #1a7c43 1px, #1a7c43);
}


.pattern-BL { 
background-color: #00329c;
opacity: 1;
background-size: 16px 16px;
background-image:  repeating-linear-gradient(0deg, #00324e, #00324e 0.8px, #00329c 0.8px, #00329c);
}

.pattern-PN { 
  background-image: radial-gradient(rgba(241, 133, 168, 1) 10%, rgba(239, 107, 150, 1) 45%);
}

/* --------------------------------------　背景ななめ　 --------------------------------------*/

.slant-bg {
    width: 100%;
    margin: 0;
    padding:0;
    position: relative;
    overflow: hidden;
}

.slant-bg::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 280px;
    left: 0;
    right: 0;
    background-image:  repeating-linear-gradient(0deg, #00324e, #00324e 0.8px, #00329c 0.8px, #00329c);
    z-index: -1;
}
/* --------------------------------------　 タイトル光らせる　 --------------------------------------*/

.title-shine {
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index:0;
}
.title-shine:hover{
  color: #fff;
}

.title-shine:before {
  /*光るアニメーション用*/
  animation: shine 4s ease-in-out infinite;/*数字を変更することで光る間隔が変更*/
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}

@keyframes shine {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

/* --------------------------------------　ユニフォーム　 --------------------------------------*/

.jersey-title {
	position:absolute;
	top:40%;
	left:200px;
	width:100%;
	font-size:24px;
	font-family: GSanSerif-B;
	color:white;
}

