@charset "Shift-JIS";


/* 共通
=====================================================================*/
.con01,
.con02,
.con03,
.con04,
.con05{
	margin-bottom: 40px;
}
.pdf{
	text-align: right;
	color: #000;
}
.error404 .con01 {
	padding-top: 100px;
}

/* 2行box
=====================================================================*/
.con01 .box {
	width: 900px;
	border: 1px solid #CCCCCC;
	margin: 0 auto;
	padding: 5px 20px;
	background:#FFFFEE;
}
.con01 .scroll {
	height: 540px;
	overflow-y:scroll;
}
.con04 .box {
	width: 700px;
	height: 280px;
	border: 1px solid #CCCCCC;
	margin: 0 auto;
	padding: 5px 20px;
	background:#FFFFEE;
	overflow-y:scroll;
}

#event_list .con04 .box {
	height: 650px;
}

.con01 .box ul li,
.con04 .box ul li{
	border-bottom:1px dotted #000;
	padding:5px;	
}
.con01 .box ul li div.mark,
.con04 .box ul li div.mark{
	/*width: 35px;*/
	width: 45px;
	/*float: left;
	text-indent: 10px;*/
}

li.clearfix > div:first-child {
    display: flex;       /* 子要素（2つのマーク）をflexboxで制御 */
    align-items: center; /* 垂直方向中央揃え */
    gap: 5px;            /* 2つのマークの間に5pxの隙間を開ける */
}

.con01 .box ul li dl,
.con04 .box ul li dl{
	display:block;
	width: 500px;
	/*float: left;*/
	/*padding-left: 50px;*/
}
.con01 .box ul li dl dt,
.con04 .box ul li dl dt{
	float: left;
	display:block;
	height: 42px;
	line-height: 42px;
}
.con01 .box ul li dl dd,
.con04 .box ul li dl dd{
	overflow:hidden;
	/*padding-left: 60px;*/
}
.con01 .box .page img{
	padding:0 10px;
}
.con05 .box {
	width: 358px;
	height: 280px;
	border: 1px solid #CCCCCC;
	margin: 0 auto;
	background:#FFFFEE;
	overflow-y:scroll;
}
#place_details .con05 .box {
	height: 850px;
}

.con05 .box ul li {
	border-bottom:1px dotted #000;
	padding:5px;	
}
.con05 .box ul li div.mark {
	width: 42px;
	float: left;
}
#place_details .con05 .box ul li div.mark {
	width: 30px;
    height: auto;
	float: none;
}
#place_details .con05 .box ul li div.mark img {
	width: 30px;
    height: auto;
}

#place_details .con05 .box ul li div.mark.mark-activity {
	width: 55px;
	height: 35px;
}
.con05 .box ul li dl {
	width: 280px;
	display:block;
	float: right;
}
.con05 .box ul li dl dt {
	float: left;
	display:inline;
}
.con05 .box ul li dl dd {
	overflow:hidden;
	padding-left: 20px;
}

#place_details .con05 .box ul li dl {
	width: auto;
	display:block;
	float: none;
}
#place_details .con05 .box ul li dl dt {
	float: none;
}
#place_details .con05 .box ul li dl dd {
	padding-left: 0;
}
.con05 .box .next {
	width: 50px;
	text-align: center;
	margin: 10px auto;
}

/* 1行box
=====================================================================*/
.con02 .box{
	width: 740px;
	height: 170px;
	border: 1px solid #CCCCCC;
	margin: 0 auto;
	background:#FFFFEE;
	overflow-y:scroll;
}
.con03 .box{
	width: 740px;
	height: 280px;
	border: 1px solid #CCCCCC;
	margin: 0 auto;
	background:#FFFFEE;
	overflow-y:scroll;
}
.con02 .box ul li,
.con03 .box ul li{
	border-bottom:1px dotted #000;
	padding:5px;	
}
.con02 .box ul li div.mark,
.con03 .box ul li div.mark{
	width: 35px;
	float: left;
	text-indent: 10px;
	padding-right: 30px;
}

#news_secretariat.con02 .box ul li div.mark{
	padding-right: 0;
	padding-left: 10px;
}

.con02 .box ul li dl,
.con03 .box ul li dl{
	display:block;
	width: 600px;
	float: left;
	padding-left: 20px;
}
.con02 .box ul li dl dt,
.con03 .box ul li dl dt{
	float: left;
	height: 42px;
	line-height: 42px;
}
.con02 .box ul li dl dd,
.con03 .box ul li dl dd{
	overflow:hidden;
	padding-left: 60px;
	padding-top: 13px;
}
.con02 .box .next,
.con03 .box .next{
	width: 50px;
	text-align: center;
	margin: 10px auto;
}

.con01 .page{
	width: 960px;
	text-align: center;
	margin: 10px;
}
.con02 .page,
.con03 .page,
.con04 .page,
.con05 .page{
	width: 740px;
	text-align: center;
	margin: 10px auto;
}


.wp-pagenavi {
	margin-top: 30px;
}


/* トップページ
=====================================================================*/
#top .con01 .box1{
	width: 304px;
	margin: 0 24px 0 0;
	position:relative;
	float:left;
}
#top .con01 .m_none{
	margin-right: 0px;
}
#top .con01 .box1 .link1{
	margin-top: 20px;
	position: absolute;
	top: 231px;
	right: 3px;
}
#top .con01 .box1 .link2{
	margin-top: 20px;
	position: absolute;
	top: 196px;
	right: 3px;
}

#top .con01 .box2{
	width: 320px;
	padding-right: 25px;
}
#top .con01 .box2 .link{
	text-align: right;
}
#top .con01 .box1 .first{
	background: url(../img/common/parts/link_icon.gif) no-repeat 155px 4px;
	text-align:right;
	margin:5px 5px 0 0;
}
#top .con01 .inbox{
	width: 320px;
	height: 330px;
	border: 1px solid #000;
	overflow-y: scroll;
	padding: 10px;
	/*background-image: url(../img/top/bg_news.jpg);*/
	line-height: 1.5;
}
#top .inbox ul li {
	margin-bottom: 20px;
	border-bottom:1px solid #000;
	padding-bottom:10px;
	display: flex;/*追記*/
}


#top .inbox ul li div.mark {
	/*width: 90px;*/
	/*float: left;*/
	text-indent: 5px;
}

#top .con-school_event .inbox ul li div.mark {
	text-indent: 0;
    /*width: 69px;*/
    width: 85px;
	font-weight: 600;
	font-size: 11px;
	color: #FFFFFF;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
	height: 35px;
}

/* スポーツ活動 (sports_activities) 用のスタイル */
.mark.mark-sports {
    background-color: #00AF50; /* 緑 */
}
/* 文化活動 (cultural_activities) 用のスタイル */
.mark.mark-cultural {
    background-color: #ffc107; /* オレンジ */
}
/* その他の activities_category ターム */
.mark.mark-other {
    background-color: #CCC; /* グレー */
}



#top .inbox ul li dl{
	display:block;
	width: 190px;
	/*float: left;*/
	padding-left: 15px;
}
#top .bnrArea{
	padding: 50px 0 0 0;
	width: 211px
}

#top .con-top-main{
	display: flex;
	gap: 20px;
}
#top .con-school_event {
	
}
#top .con01 .box2.con-school_event {
    width: auto;
}
#top .con01 .con-school_event .inbox {	
    width: 100%;
}
#top .con-school_event .inbox ul li dl {
    width: 100%;
}

/* 施設を探す
=====================================================================*/

/* 習志野市マップ
=====================================================================*/

#facilityMap {
	width: 960px;
	height: 532px;
	margin: 30px auto;
	background: url(../img/place/mapBg_02.gif) no-repeat;
	position: relative;
}

#facilityMap ul#btnArea {
	width: 202px;
	position: absolute;
	top: 12px;
	left: 735px;
}

#facilityMap ul#btnArea li {
	width: 202px;
	height: 52px;
	margin-bottom: 5px;
	text-indent: -500px;
	overflow: hidden;
	cursor: pointer;
}

#facilityMap ul#btnArea li#btn_01 { background: url(../img/place/btn_01.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_02 { background: url(../img/place/btn_02.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_03 { background: url(../img/place/btn_03.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_04 { background: url(../img/place/btn_04.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_05 { background: url(../img/place/btn_05.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_06 { background: url(../img/place/btn_06.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_07 { background: url(../img/place/btn_07.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_08 { background: url(../img/place/btn_08.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_09 { background: url(../img/place/btn_09.gif) no-repeat; }

#facilityMap ul#btnArea li#btn_01:hover { background: url(../img/place/btn_01_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_02:hover { background: url(../img/place/btn_02_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_03:hover { background: url(../img/place/btn_03_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_04:hover { background: url(../img/place/btn_04_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_05:hover { background: url(../img/place/btn_05_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_06:hover { background: url(../img/place/btn_06_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_07:hover { background: url(../img/place/btn_07_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_08:hover { background: url(../img/place/btn_08_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_09:hover { background: url(../img/place/btn_09_on.gif) no-repeat; }

#facilityMap ul#btnArea li#btn_01.active { background: url(../img/place/btn_01_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_02.active { background: url(../img/place/btn_02_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_03.active { background: url(../img/place/btn_03_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_04.active { background: url(../img/place/btn_04_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_05.active { background: url(../img/place/btn_05_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_06.active { background: url(../img/place/btn_06_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_07.active { background: url(../img/place/btn_07_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_08.active { background: url(../img/place/btn_08_on.gif) no-repeat; }
#facilityMap ul#btnArea li#btn_09.active { background: url(../img/place/btn_09_on.gif) no-repeat; }

#facilityMap ul#linkArea li {
	display: block;
}

#facilityMap ul#linkArea li#link_01 {
	display: block;
}

#facilityMap ul#linkArea li span {
	text-indent: -500px;
	overflow: hidden;
}

#facilityMap ul#linkArea li img {
	width: 142px;
	height: 52px;
}

#facilityMap ul#linkArea li#link_01 span {
	width: 146px;
	height: 38px;
	background: url(../img/place/line_01.png) no-repeat;
	position: absolute;
	top: 338px;
	left: 255px;
}

#facilityMap ul#linkArea li#link_01 img {
	position: absolute;
	top: 347px;
	left: 384px;
	z-index: 1;
}

#facilityMap ul#linkArea li#link_02 span {
	width: 67px;
	height: 123px;
	background: url(../img/place/line_02.png) no-repeat;
	position: absolute;
	top: 38px;
	left: 559px;
}

#facilityMap ul#linkArea li#link_02 img {
	width: 142px;
	height: 83px;
	position: absolute;
	top: 6px;
	left: 425px;
	z-index: 2;
}

#facilityMap ul#linkArea li#link_03 span {
	width: 56px;
	height: 184px;
	background: url(../img/place/line_03.png) no-repeat;
	position: absolute;
	top: 176px;
	left: 154px;
}

#facilityMap ul#linkArea li#link_03 img {
	position: absolute;
	top: 152px;
	left: 13px;
	z-index: 3;
}

#facilityMap ul#linkArea li#link_04 span {
	width: 18px;
	height: 64px;
	background: url(../img/place/line_04.png) no-repeat;
	position: absolute;
	top: 289px;
	left: 145px;
}

#facilityMap ul#linkArea li#link_04 img {
	position: absolute;
	top: 267px;
	left: 6px;
	z-index: 4;
}

#facilityMap ul#linkArea li#link_05 span {
	width: 125px;
	height: 82px;
	background: url(../img/place/line_05.png) no-repeat;
	position: absolute;
	top: 231px;
	left: 427px;
}

#facilityMap ul#linkArea li#link_05 img {
	position: absolute;
	top: 285px;
	left: 535px;
	z-index: 5;
}

#facilityMap ul#linkArea li#link_06 span {
	width: 32px;
	height: 60px;
	background: url(../img/place/line_06.png) no-repeat;
	position: absolute;
	top: 425px;
	left: 147px;
}

#facilityMap ul#linkArea li#link_06 img {
	position: absolute;
	top: 457px;
	left: 12px;
	z-index: 6;
}

#facilityMap ul#linkArea li#link_07 span {
	width: 143px;
	height: 17px;
	background: url(../img/place/line_07.png) no-repeat;
	position: absolute;
	top: 234px;
	left: 453px;
}

#facilityMap ul#linkArea li#link_07 img {
	position: absolute;
	top: 223px;
	left: 575px;
	z-index: 7;
}

#facilityMap ul#linkArea li#link_08 span {
	width: 79px;
	height: 28px;
	background: url(../img/place/line_08.png) no-repeat;
	position: absolute;
	top: 357px;
	left: 145px;
}

#facilityMap ul#linkArea li#link_08 img {
	position: absolute;
	top: 366px;
	left: 6px;
	z-index: 8;
}

#facilityMap ul#linkArea li#link_09 span {
	width: 134px;
	height: 213px;
	background: url(../img/place/line_09.png) no-repeat;
	position: absolute;
	top: 120px;
	left: 147px;
}

#facilityMap ul#linkArea li#link_09 img {
	position: absolute;
	top: 95px;
	left: 25px;
	z-index: 9;
}

#facilityMap ul#linkArea li#link_10 span {
	width: 113px;
	height: 15px;
	background: url(../img/place/line_10.png) no-repeat;
	position: absolute;
	top: 173px;
	left: 468px;
}

#facilityMap ul#linkArea li#link_10 img {
	position: absolute;
	top: 156px;
	left: 332px;
	z-index: 10;
}

#facilityMap ul#linkArea li#link_11 span {
	width: 63px;
	height: 29px;
	background: url(../img/place/line_11.png) no-repeat;
	position: absolute;
	top: 96px;
	left: 505px;
}

#facilityMap ul#linkArea li#link_11 img {
	position: absolute;
	top: 97px;
	left: 366px;
	z-index: 11;
}

#facilityMap ul#linkArea li#link_12 span {
	width: 88px;
	height: 216px;
	background: url(../img/place/line_12.png) no-repeat;
	position: absolute;
	top: 52px;
	left: 215px;
}

#facilityMap ul#linkArea li#link_12 img {
	position: absolute;
	top: 28px;
	left: 85px;
	z-index: 12;
}

#facilityMap ul#linkArea li#link_13 span {
	width: 145px;
	height: 74px;
	background: url(../img/place/line_13.png) no-repeat;
	position: absolute;
	top: 363px;
	left: 227px;
}

#facilityMap ul#linkArea li#link_13 img {
	position: absolute;
	top: 409px;
	left: 366px;
	z-index: 13;
}

#facilityMap ul#linkArea li#link_14 span {
	width: 36px;
	height: 85px;
	background: url(../img/place/line_14.png) no-repeat;
	position: absolute;
	top: 421px;
	left: 220px;
}

#facilityMap ul#linkArea li#link_14 img {
	position: absolute;
	top: 477px;
	left: 252px;
	z-index: 14;
}

#facilityMap ul#linkArea li#link_15 span {
	width: 45px;
	height: 99px;
	background: url(../img/place/line_15.png) no-repeat;
	position: absolute;
	top: 234px;
	left: 150px;
}

#facilityMap ul#linkArea li#link_15 img {
	position: absolute;
	top: 445px;
	left: 520px;
	z-index: 15;
}

#facilityMap ul#linkArea li#link_16 span {
	width: 300px;
	height: 61px;
	background: url(../img/place/line_16.png) no-repeat;
	position: absolute;
	top: 411px;
	left: 232px;
}

#facilityMap ul#linkArea li#link_16 img {
	position: absolute;
	top: 209px;
	left: 11px;
	z-index: 16;
}

#facilityMap ul#linkArea li#link_17 span {
	width: 42px;
	height: 38px;
	background: url(../img/place/line_17.png) no-repeat;
	position: absolute;
	top: 313px;
	left: 274px;
}

#facilityMap ul#linkArea li#link_17 img {
	position: absolute;
	top: 290px;
	left: 313px;
	z-index: 17;
}



/* 教室・イベントを探す
=====================================================================*/
#event .btn_link a,
#activities .btn_link a{
	padding-left: 22px;
}
#event input[type="image"]:hover,
#activities input[type="image"]:hover{
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}
#event .con01 .group,
#activities .con01 .group{
	padding-bottom: 40px;
}
#event .con01 .group .tit,
#activities .con01 .group .tit{
	width: 120px;
	float: left;
}
#event .con01 .group ul,
#activities .con01 .group ul{
	width: 830px;
	overflow:hidden;
	padding-top: 12px;
}
#event .con01 .group ul li,
#activities .con01 .group ul li{
	float:left;
	padding: 0 0 10px 30px;
}
#event .con01 .search,
#activities .con01 .search{
	width: 229px;
	margin: 0 auto;
	text-align:center;
}
#event .con01 .event_list,
#activities .con01 .event_list{
	/*width: 229px;*/
	margin: 0 auto;
	text-align:center;
	padding-top: 10px;
}


/* ボタン本体のデザイン */
#event .btn-event_list,
#activities .btn-event_list {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  
  /* サイズと形状 */
  min-width: 230px; /* 画像と同じ幅を最小値に設定 */
  padding: 10px 24px;
  border: 2px solid #f39800; /* オレンジの枠線 */
  border-radius: 50px;       /* 完全に丸くする */
  
  /* テキスト装飾 */
  color: #666;               /* 文字色：画像に近いグレー */
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  
  /* アニメーション（ホバー時） */
  transition: all 0.3s ease;
  background-color: #fff;
}

/* 左側の矢印（>）を疑似要素で作る */
#event .btn-event_list::before,
#activities .btn-event_list::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #666;   /* 矢印の線 */
  border-right: 2px solid #666; /* 矢印の線 */
  transform: rotate(45deg); 
  margin-right: 15px; 
  margin-top: -2px; /* 上下にズレて見える場合の微調整用 */
}

/* ホバーした時のエフェクト（画像のovrクラスの代わり） */
#event .btn-event_list:hover,
#activities .btn-event_list:hover {
  background-color: #fff7eb;    /* ほんのりオレンジの背景 */
  opacity: 0.8;
  border-color: #e68a00;        /* 枠線を少し濃く */
}



#event .con01 .pdf img,
#activities .con01 .pdf img{
	padding-right: 5px;
}

.mark.mark-activity {
	/*width: 90px;*/
	/*float: left;*/
	text-indent: 5px;
}
.mark.mark-activity {
	text-indent: 0;
    width: 69px;
	font-weight: 600;
	font-size: 11px;
	color: #FFFFFF;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
	height: 35px;
}

ul.event-list-items li {
	display: flex;	
	column-gap: 30px;
}
#place_details ul.event-list-items li {
	column-gap: 10px;
}

ul.event-list-items li.clearfix > div.icon-mark-wrap:first-child {
    display: flex;
    align-items: center;
    gap: 10px;
}

#place_details ul.event-list-items li.clearfix > div.icon-mark-wrap:first-child {
    gap: 3px;
}

.con01 .box ul.event-list-items li dl {
    /*display: block;*/
    display: flex;
    width: auto;
    float: none;
    padding-left: 0;
	gap: 30px;
}
.con01 .box ul li div.mark.mark-activity ,
.con04 .box ul li div.mark.mark-activity {
	/*width: 60px;*/
	width: 85px;
}

/* お知らせ詳細
=====================================================================*/
#news_details .con01 img{
	margin: 10px;
}

#news_details .con01 img.alignleft {
	float: left;
	margin: 10px;
}
#news_details .con01 img.alignright {
	float: right;
	margin: 10px;
}
#news_details .con01 img.aligncenter {
	display: block;
	margin: 10px auto;
}

/* 体育協会トップ
=====================================================================*/
#association .con02 p.txt{
	padding-bottom: 10px;
	
}
#association .group_list{
	width: 740px;
	text-align:center;
}
#association .group_list li{
	float: left;
	width: 100px;
	padding: 0 20px 30px 0 ;
}


#association .link_grouplist{
	text-align: right;
	padding-top:30px;
	padding-bottom:10px;
}
#association .link_grouplist a{
	background: url(../img/common/parts/link_icon.gif) no-repeat 0 5px;	
	padding-left: 20px;
}


/* 登録団体一覧
=====================================================================*/
#group .con01 ul{
	width: 700px;
	margin-left: 30px;
}
#group .con01 li{
	width: 320px;
	float: left;
	list-style: disc;
	padding: 5px 30px 5px 0;
}
#group .con01 li a{
	color:#000000;
}
/* 登録団体詳細
=====================================================================*/
#group_details .con01 table th{
	width: 150px;
	background:#FFFFF0;
}
#group_details .con01 h3{
	clear:left;
}
#group_details .con01 img{
	margin: 10px;
}
#group_details .con01 img.alignleft {
	float: left;
	margin: 10px;
}
#group_details .con01 img.alignright {
	float: right;
	margin: 10px;
}
#group_details .con01 img.aligncenter {
	display: block;
	margin: 10px auto;
}
/* 各施設の紹介（稲垣追記）
=====================================================================*/
#place_details .con01 {
}

#place_details .con01 .box_photo {
	width: 420px;
	float: left;
}
#place_details .con01 .box_photo img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#place_details .con01 .box_info {
	width: 530px;
	float: right;
}

#place_details .con01 .box_info .table {
	width: 520px;
	float: right;
	margin-bottom: 20px;
}
#place_details .con01 .box_info .table td{
	border: none;
}
#place_details .con01 .box_info .table td.map{
	width:115px;
	text-align:right;
}
#place_details .con01 .box_info .table tr{
	border: 1px solid #CCC;
}
#place_details .con01 .box_info .table table th {
	width: 120px;
	background-color: #FFFFF0;
}

#place_details .con01 .box_info p.btn {
	margin-bottom: 20px;
	text-align: right;
}

#place_details .con01 .box_info p.btn .mr20 {
	margin-right: 20px;
}

#place_details .con01 .box_info .twitter {
	float: right;
}

#place_details .con05 {
}

#place_details .con05 .box_left {
	width: 580px;
	float: left;
}

#place_details .con05 .box_left table.about {
	width: 580px;
	margin-bottom: 30px;
}
#place_details .con05 .box_left table.about th {
	background-color: #FFFFF0;
	width: 100px;
}

#place_details .con05 .box_left .textArea {
	margin-left: 10px;
	margin-right: 10px;
}

#place_details .con05 .box_left .textArea table {
	margin-bottom: 20px;
}
#place_details .con05 .box_left .textArea table .col {
	background-color: #99CC99;
}
#place_details .con05 .box_left .textArea table .row {
	background-color: #FFFFF0;
}


#place_details .con05 .box_right {
	width: 360px;
	float: right;
}


/* 教室・イベント詳細情報
=====================================================================*/
#event_details .con01 {
}
#event_details .con01 table.event_details {
	width: 960px;
}
#event_details .con01 table.event_details th {
		background:#FFFFEE;
		width: 150px;
}
#event_details .con01 table.event_details img {
	margin: 10px auto 10px 0;
}
#event_details .con02 {
	padding: 20px;
	border: 1px solid #CCC;
}
#event_details .con02 .custom_box{
	margin-bottom: 20px;
	width: 920px;
}

#event_details .con02 img{
	margin: 0 10px 10px 0 ;
	//float:left;
}
#event_details .con02 img.alignleft {
	float: left;
	margin: 10px;
}
#event_details .con02 img.alignright {
	float: right;
	margin: 10px;
}
#event_details .con02 img.aligncenter {
	display: block;
	margin: 10px auto;
}
#event_details .con02 .tit {
	margin-bottom: 5px;
	font-size:16px;
}

/* 財団について
=====================================================================*/
#outline .con01 ul li ul{
	margin-left: 10px;
}
#outline .con01 span.tit{
	font-weight: bold
}
/* お問い合わせ
=====================================================================*/
#inquiry .con01 li{
	list-style: disc;
	margin-left:15px;
}
#inquiry div.con_02 {
	margin-bottom: 30px;
}
#inquiry div.con_02 p.errMsg {
	color: #FF0000;
	font-weight: bold;
}
#inquiry div.con_02 table {
	width: 740px;
	margin: 0 0 0 0px;
	border-bottom: 2px solid #CCC;
	border-top: 2px solid #CCC;
}
#inquiry div.con_02 table th {
	border-bottom: 1px dotted #CCC;
	background: #ECECEC;
	padding: 10px;
	width: 260px;
}
#inquiry div.con_02 table th.end {
	border-bottom: 1px dotted #CCC;
}
#inquiry div.con_02 table td {
	background: #FFF;
	border-bottom: 1px dotted #CCC;
	padding: 10px;
}
#inquiry form .btnArea {
	margin-top: 50px;
	text-align: center;
}
#inquiry form .btnArea input {
	margin: 0 15px;
}
#inquiry form .btnArea img {
	vertical-align: top;
}
#inquiry form .btnArea input[type="image"]:hover{
	filter: alpha( opacity = 60 );
	opacity: 0.6;
}
span.required {
	font-size: 11px;
	color: #FFF;
	background: #F44F85;
	border: 1px solid #F44F85;
	padding: 2px 3px;
	margin: 0 0px 0 10px;
	float:right;
}



/* スポーツ少年団
=====================================================================*/

#sportsboy .group_list {
	margin: 0 -12px 40px 0;
	overflow: hidden;
}

#sportsboy .group_list li {
	width: 176px;
	margin: 0 12px 12px 0;
	float: left;
	text-align: center;
}

#sportsboy .group_list li img {
	margin-bottom: 5px;
}

#sportsboy .link_grouplist {
	text-align: right;
	padding-top: 30px;
}

#sportsboy .link_grouplist a {
	background: url(../img/common/parts/link_icon.gif) no-repeat 0 5px;	
	padding-left: 20px;
}



/* 習志野市体育協会とは
=====================================================================*/

#about .aboutBox {
	margin-bottom: 15px;
	overflow: hidden;
}

#about .aboutBox .leftText {
	width: 490px;
	float: left;
}

#about .aboutBox .leftText p { margin-bottom: 10px; }

#about .aboutBox .leftText ul {
	margin: 20px 0;
	padding: 15px 15px 7px ;
	border: 1px solid #CCC;
}
#about .aboutBox .leftText ul li {
	margin-bottom: 8px;
	padding-left: 2.2em;
	text-indent: -2.2em;
	font-size: 12px;
	line-height: 1.4;
}

#about .aboutBox .leftText dl dt {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

#about .aboutBox .leftText dl dt {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}

#about .aboutBox .leftText dl dd p:first-child {
	width: 90px;
	margin: 0;
	float: left;
}

#about .aboutBox .leftText dl dd p {
	width: auto;
	margin: 0 0 0 100px;
	float: none;
}
#about .aboutBox .leftText table tr th{
	width:80px;
}

#about .aboutBox .rightImg {
	width: 229px;
	height: 172px;
	float: right;
	position: relative;
}

#about .aboutBox .rightImg img {
	position: absolute;
	top: 0;
	left: 0;
}

#about .aboutBox .rightImg a {
	position: absolute;
	right: 0;
	bottom: 0;
}

#about .aboutBox .rightImg a img { position: static; }

#about ul.pdfArea {
	padding: 20px 18px 15px;
	border: 1px solid #DDD;
	clear: both;
	overflow: hidden;
}

#about ul.pdfArea li {
	margin: 0 25px 8px 0;
	float: left;
}

#about ul.pdfArea li a {
	padding: 4px 0 2px 34px;
	background: url(../img/common/parts/btn_PDF.jpg) no-repeat left center;
}


/* TOPメインビジュアル
=====================================================================*/

.main-visual-swiper {
  width: 960px; /* 元の画像の幅に合わせる */
  height: 320px; /* 元の画像の高さに合わせる */
  overflow: hidden; /* はみ出しを隠す */
}
.main-visual-swiper img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像をボックスに合わせてトリミング */
}
/* ナビゲーションの矢印の色を調整 (見やすいように) */
.swiper-button-prev, .swiper-button-next {
  color: #39CCA8 !important;
  text-shadow: none !important;
}
.swiper-pagination-bullet-active {
    background: #39CCA8 !important;
}



/* CF7 送信ボタンのデザイン
=====================================================================*/
.wpcf7-form-control.wpcf7-submit {
    /* サイズと基本的な配置 */
    display: inline-block;
    padding: 10px 50px;
    cursor: pointer;
    text-align: center;
    
    /* 背景と文字色 */
    background-color: #ff8c00; /* オレンジ色 */
    color: #ffffff; /* 白い文字 */
    
    /* ボーダーと角丸 */
    border: none;
    border-radius: 3px; /* 角丸 */
    
    /* フォント */
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    
    opacity: 1.0;
    transition: opacity 0.3s ease;
}

.wpcf7-form-control.wpcf7-submit:hover {
	opacity: .7;
}

.wpcf7-form .postcode_btn {
	margin-left: 15px;
}


/*event　事業の種類カテゴリ*/
.activities_category_check {
	display: flex;
	font-size: 20px;
    justify-content: center;
	gap: 50px;
}

#event .con01 .group ul.activities_category_check,
#activities .con01 .group ul.activities_category_check {
	width: 100%;	
}

#event .con01 .group ul.activities_category_check li,
#activities .con01 .group ul.activities_category_check li {
    background: #CDEEEB;
    padding: 20px 40px 20px 30px;
    width: 200px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 3px;
}

#event .con01 .group ul.activities_category_check li input,
#activities .con01 .group ul.activities_category_check li  input{
    margin: 0 20px 0 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

#event .con01 .group ul.activities_category_check li label,
#activities .con01 .group ul.activities_category_check li label {
    display: flex;
    align-items: center;
    justify-content: center;
}

#event .con01.btn_link a.current_tarm_img,
#activities .con01.btn_link a.current_tarm_img{
	opacity: .5;	
}


/* トップ3カラムのボタンリンクエリア
=====================================================================*/
.TopLinkBtns {
    display: flex;
	column-gap: 40px;
}
.TopLinkBtnBox {
    /* Flexアイテムとして設定 */
    flex-grow: 1; /* 領域が余った場合に伸長 */
    flex-shrink: 1; /* 領域が不足した場合に縮小 */
    
    /* 均等幅を計算 (コンテンツ幅100%から、40pxの余白2つ分を引いて、3で割る) */
    /* 100% - (40px * 2) = 100% - 80px */
    flex-basis: calc((100% - 80px) / 3); /* ★ 3等分し、余白を引いた基本サイズ */
}
.TopLinkBtnList li {
	margin-bottom: 10px;
	
}

.TopLinkBtns a:link,
.TopLinkBtns a:visited {
    color: #FFFFFF;
    text-decoration: none;
}


/* ------------------------------------------------ */
/* 施設予約ボタンのCSS再現 */
/* ------------------------------------------------ */

/* ベースとなるボタン (aタグ) のスタイル */
.TopLinkBtnList li a {
    /* サイズとレイアウト */
    display: flex;         /* Flexboxで内容物を中央揃え */
    align-items: center;   /* 垂直方向の中央揃え */
    justify-content: center; /* 中央寄せ (テキストの配置による調整) */
    width: auto;           /* 内容に応じて自動調整 */
    padding: 5px auto;    /* 上下左右のパディングでサイズを決定 */
    height: 40px;          /* 必要に応じて高さを固定 */
    text-decoration: none;
    /* 背景と文字のスタイル */
    color: #FFFFFF;            /* 白い文字色 */
    font-size: 15px;
    font-weight: bold;
    /* 矢印を絶対配置するための基準 */
    position: relative; 
    /* ホバー時のアニメーション（任意） */
    transition: opacity 0.3s ease-in-out;
}
/* 1. 左側の三角形アイコン (::before で描画) */
.TopLinkBtnList li a::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #FFFFFF;
    opacity: 0.8;
	position: absolute;
	right: 15px;
}

/* ホバーエフェクト（任意：背景を濃くするなど） */
.TopLinkBtnList li a:hover {
	opacity: 0.6;
	transition: .3s ease;
}


.TopLinkBtnList.-place li a.parent {
    background: #51C4BB;
}

.TopLinkBtnList.-cultural li a.parent {
    background: #ffc107;
}

.TopLinkBtnList.-sports li a.parent {
    background: #00AF50;
}


.TopLinkBtnList.-place li a.child {
    background:rgba(81,196,187,0.2);
    color: #51C4BB;
	border: 1px solid #51C4BB;
}
.TopLinkBtnList.-place li a.child::before {
    border-left: 7px solid #51C4BB;
}

.TopLinkBtnList.-cultural li a.child {
    background:rgba(255,193,7,0.2);
    color: #ffc107;
	border: 1px solid #ffc107;
}
.TopLinkBtnList.-cultural li a.child::before {
    border-left: 7px solid #ffc107;
}
.TopLinkBtnList.-sports li a.child {
    background:rgba(0,175,80,0.1);
    color: #00AF50;
	border: 1px solid #00AF50;
}
.TopLinkBtnList.-sports li a.child::before {
    border-left: 7px solid #00AF50;
}




.heading-search {
  width: 960px;
  height: 59px;
  background: url("../img/event/bg_h2_1.gif") no-repeat left center;
  background-size: contain;
  display: flex;
  padding-left: 30px;
  padding-bottom: 24px;
  color: #4dbfaf;	
  letter-spacing: -2px;
  font-size: 22px;
  font-weight: bold;
  box-sizing: border-box;
  font-family: 
  "Hiragino Maru Gothic ProN",
  "Quicksand",
  "Yu Gothic",
  "Meiryo",
  sans-serif;
}