@charset "utf-8";@charset "utf-8";

/** オフィシャルサプライヤー **/

.top_official_supplier_info_wrapper {
	padding: 20px 0 0 0;
}
.top_official_supplier_info_banner {
	text-align: center;
	padding: 0 8px;
	box-sizing: border-box;
}
.top_official_supplier_info_banner img{
	width: 100%;
	height: auto;
	max-width: 700px;
}
.top_official_supplier_info_wrap {
    padding: 20px;
}
@media (max-width: 600px) {
	.top_official_supplier_info_wrap {
		padding: 20px 8px;;
	}
}

.top_official_supplier_info_wrap p {
    margin: 0;
}

/***************************/

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    padding-top: 25px;
    height: 0;
	margin-top: 40px;
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*******************************************************
トップページ スライダー
*******************************************************/
.slider {
    width: 100%;
    margin: 0 auto;
    display: none;
    position: relative; /* 子要素の位置調整用 */
}

/* 1201px以上の時に表示するスライダー */
@media (min-width: 1201px) {
  #slider_1200_koeru {
    display: block;
  }
}

/* 601pxから1200pxの時に表示するスライダー */
@media (min-width: 601px) and (max-width: 1200px) {
  #slider_601_1200 {
    display: block;
  }
}

/* 600px以下の時に表示するスライダー */
@media (max-width: 600px) {
  #slider_600_ika {
    display: block;
  }
}

.slider img {
    width: 60vw; /* スライダー内の画像を60vwにしてレスポンシブ化 */
    height: auto;
    aspect-ratio: 2500 / 750;
    padding-top: 15px;
    padding-bottom: 10px;
}

@media screen and (max-width: 1200px) {
    .slider img {
        aspect-ratio: 1400 / 560;
    }
}

@media screen and (max-width: 600px) {
    .slider img {
        aspect-ratio: 3 / 2;
    }
}

.slider .slick-slide {
    transform: scale(0.8); /* 左右の画像のサイズを80%に */
    opacity: 0.5; /* 透過50% */
    height: 100%; /* 高さを固定 */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .5s; /* 透過のアニメーションのみ */
}

.slider .slick-slide.slick-center {
    transform: scale(1.15);
    opacity: 1; /* 透過なし */
    height: 100%; /* 高さを固定 */
    margin-top: 0; /* 上端の切れを防ぐために追加 */
    margin-bottom: 0; /* 下端の切れを防ぐために追加 */
}

@media screen and (max-width: 600px) {
    .slider .slick-slide {
        transform: scale(0.7); /* 左右の画像のサイズを70%に */
    }

    .slider .slick-slide.slick-center {
        transform: scale(1.25);
        margin-top: 0; /* 上端の切れを防ぐために追加 */
        margin-bottom: 0; /* 下端の切れを防ぐために追加 */
    }
}

/* 矢印の設定 */

/* 戻る、次へ矢印の位置 */
.slick-prev, 
.slick-next {
    position: absolute; /* 絶対配置にする */
    top: 50%;
    cursor: pointer; /* マウスカーソルを指マークに */
    outline: none; /* クリックをしたら出てくる枠線を消す */
    width: 30px; /* 矢印ボタンの幅 */
    height: 30px; /* 矢印ボタンの高さ */
    background-color: rgba(255, 255, 255, 0.8); /* 背景色と透過設定 */
    border-radius: 50%; /* 丸形状にする */
    border: none; /* ボーダーを削除 */
    display: flex; /* フレックスボックスで矢印を中央に配置 */
    align-items: center; /* 縦方向中央揃え */
    justify-content: center; /* 横方向中央揃え */
    z-index: 99; /* 矢印を前面に表示する */
}

.slick-prev:before, 
.slick-next:before {
    content: ''; /* 擬似要素の内容を空に設定 */
    width: 10px; /* 矢印の幅 */
    height: 10px; /* 矢印の高さ */
    border-top: 2px solid #666; /* 矢印の色 */
    border-right: 2px solid #666; /* 矢印の色 */
}

.slick-prev { /* 戻る矢印の位置と形状 */
    left: 20px;
}

.slick-prev:before {
    transform: rotate(-135deg); /* 矢印の向きを設定 */
}

.slick-next { /* 次へ矢印の位置と形状 */
    right: 20px;
}

.slick-next:before {
    transform: rotate(45deg); /* 矢印の向きを設定 */
}

/* ドットナビゲーションの設定 */
.slick-dots {
    text-align: center;
    margin: 20px 0 0 0;
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width: 8px; /* ドットボタンのサイズ */
    height: 8px; /* ドットボタンのサイズ */
    display: block;
    border-radius: 50%;
    background: #ccc; /* ドットボタンの色 */
}

.slick-dots .slick-active button {
    background: #333; /* ドットボタンの現在地表示の色 */
}

/**リンク画像の下の小さな矢印を見た目消す**/

.slider a {
  text-decoration: none !important;
	color: #fff !important;
}

/*******************************************************
トップページ
*******************************************************/
#container #top_main_img{
	width: 100%;
	background-size: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	border: 1px solid #FFF;/** 上のヘッダーとの間に間隔が空く。外枠を入れると間隔が無くなった **/
	box-sizing: border-box;
}
@media screen and (min-width: 1651px) {
	#container #top_main_img{
		aspect-ratio: 5 / 1;
		/** background-image:url(./images/top_main_img_1.jpg); **/
	}
	.top_main_img_1650_901{display: none;}
	.top_main_img_900px{display: none;}
}
@media screen and (max-width: 1650px) and (min-width: 901px){
	#container #top_main_img{
		aspect-ratio: 10 / 3;
		/** background-image:url(./images/top_main_img_2.jpg); **/
	}
	.top_main_img_1651px{display: none;}
	.top_main_img_900px{display: none;}
}
@media screen and (max-width: 900px){
	#container #top_main_img{
		aspect-ratio: 5 / 2;
		/** background-image:url(./images/top_main_img_3.jpg); **/
	}
	.top_main_img_1651px{display: none;}
	.top_main_img_1650_901{display: none;}
}

#container #top_main_img_none{
	border-bottom: 1px solid #C4C4C4;/** ヘッダー画像を表示させない時 **/
}

#container #top_main_img h3{
	text-align: center;
	position: relative;
	top: 40%;
	letter-spacing:0.15em;
	text-shadow: 1px 2px 3px #404040, 1px 2px 3px #404040, 1px 2px 3px #404040;
	color: #ffffff;
	font-size: 60px;
}

@media screen and (max-width: 1500px) {
	#container #top_main_img h3{
		font-size: 50px;
	}
}
@media screen and (max-width: 1000px) {
	#container #top_main_img h3{
		font-size: 40px;
	}
}
@media screen and (max-width: 850px) {
	#container #top_main_img h3{
		font-size: 30px;
	}
}
@media screen and (max-width: 600px){
	#container #top_main_img h3{
		top: 0%;
		padding-top: 50px;
		font-size: 20px;
	}
}

/*******************
ニュース一覧
*******************/

#top_news_wrapper{
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}
#top_news_wrapper_innner{
	margin: 0 auto;
	width: auto;
	box-sizing: border-box;
	padding: 0 0 0px 4px;
	min-height: 100px;
}
a.top_news_wrap_link{
	text-decoration: none;
}

/*******************
ニュース一覧のカード
*******************/
/** JS対応 画面の横幅可変時にカードがブルブル震えるの抑える **/
body.no-transition .top_news_wrap {
    transition: none !important;
}


.top_news_wrap{
	width: calc(25% - 13px);
	margin: 0 0 15px 0;
	box-shadow: 2px 2px 4px;
	box-sizing: border-box;
	padding: 12px 7px 10px 7px;	
	transition: all ease .3s; /* transformアニメーションの時間 */
	border: 1px solid #CCCCCC;
}

a.top_news_wrap_link .top_news_wrap{
	color: #CCCCCC ;
}

.top_news_wrap:hover{
	transform: translateY(-3px);
}

@media screen and (max-width: 1400px) {
	.top_news_wrap{
		width: calc(33.3% - 13px);
	}
	.tablenav{
		/** ページネーション **/
		display: inline-block;
		vertical-align: bottom;
	}

}
@media screen and (max-width: 1100px) {
	.top_news_wrap{
		width: calc(50% - 13px);
	}
	.tablenav{
		/** ページネーション **/
		display: block;
	}
}
@media screen and (max-width: 700px) {
	.top_news_wrap{
		margin: 6px 0px 15px 3px;
		width: calc(100% - 16px);
	}
}

/*---------カテゴリ表示------------*/
.cate-icon_wrap {
	float: left;
}
#cate-icon {
	box-sizing:border-box;
    border-radius: 3px;
	padding: 1px 4px;
	display: inline-block;
	margin: 0 1px 0px 0;
	font-size:12px;
}

@media screen and (max-width: 700px) {
	#cate-icon {
	}
}
@media screen and (max-width: 700px) {
	#cate-icon {
		font-size:14px;
	}
}

a .cate_icon_moji{color: #ffffff;}
.tournament_results{background-color: #ed6d35;}
.classroom_event{background-color: #65ab31;}
.tournament_information{background-color: #4682B4;}
.group_information{background-color: #BA55D3;}
.school_lessons{background-color: #8d6449;}

/*---------日付------------*/

.top_news_day{
	float: right;
	margin-top: 2px;
	line-height: 20px;
	font-size:12px;
}

@media screen and (max-width: 700px) {
	.top_news_day{
	}
}
@media screen and (max-width: 700px) {
	.top_news_day{
		font-size:13px;
	}
}

a.top_news_wrap_link .top_news_day{
	color: #404040;
}

/*---------タイトル------------*/
#container #main .top_news_title{
margin: 7px 0 2px 0;
line-height: 18px;
font-size: 15px;
}
@media screen and (max-width: 700px) {
	#container #main .top_news_title{
	font-size: 19px;
		line-height: 22px;
	}
}

#container #main a .top_news_title{
color: #000000;
	font-weight: bold;
}

/*--------- サムネイル ------------*/
.top_news_thumbnail {
	margin: 6px 0 0 0 ;
}
/* サムネイル画像のスタイル */
.top_news_thumbnail img.wp-post-image {
    width: 100%;
    height: auto;
    max-width: 100%;
	max-height: 300px;
	/** object-fit: cover; **/
	object-fit: contain;
}

/********本文**********/
.top_news_contents{
	border: 1px solid #999999;
	margin: 10px 0 8px 0;
	padding: 4px;
	box-sizing:border-box;
    border-radius: 4px;
}
@media screen and (max-width: 700px) {
	.top_news_contents{
	}
}
a.top_news_wrap_link .top_news_contents{
}

@media only screen and (max-width:1170px){
	.top_news_contents{
	}
}


/********本文**********/
.top_news_contents{
	font-size: 13px;
	line-height: 17px;
}
@media screen and (max-width: 700px) {
	.top_news_contents{
		font-size: 16px;
	line-height: 20px;
	}
}
a.top_news_wrap_link .top_news_contents{
	color: #404040;
}
/** ブレイクポイント **/
@media screen and (max-width: 660px) {
	.top_news_contents{
	}
}
/** スマホ用 **/
@media screen and (max-width: 480px) {
	.top_news_contents{
	}
}
/******** 種目・種別 **********/
.top_news_tag{
	text-align: left;
	margin-bottom: 3px;
}
@media screen and (max-width: 700px) {
	.top_news_tag{
	}
}

.top_news_tag a{
	text-decoration: underline;
}
.top_news_tag span{
	margin-left: 6px;
}
.top_news_tag span:first-child{
	margin-left: 0;
}

.top_news_tag span.list_type_check{
}

.top_news_tag .top_news_tipe{
	margin: 0 6px 0 2px;
	display: inline-block;
	position: relative;
}
.top_news_tag .top_news_tipe i{
	margin-right: 2px;
}
.top_news_tag .top_news_tipe span{
	margin-right: 2px;
	position: relative;
	top: 3px;
}

/******** 種目・種別 **********/
.top_news_tag{
	font-size: 13px;
	line-height: 16px;
}
@media screen and (max-width: 700px) {
	.top_news_tag{
		font-size: 14px;
		line-height: 17px;
	}
}

.top_news_tag a{
	font-weight: bold;
}
.top_news_tag span.list_type_check{
	color: #000000;
	font-weight: normal;
}

.top_news_tag .top_news_tipe{
}
.top_news_tag .top_news_tipe i{
	color: #535353 ;
}
.top_news_tag .top_news_tipe span{
	font-size: 16px;
	color: #535353 ;
}

/********タグ（地域）**********/

.top_news_tags{
	font-size: 12px;
	padding-left: 2px;
	line-height: 16px;
}
a .top_news_tags{
	color: #000000;
}

@media screen and (max-width: 700px) {
	.top_news_tags{
		font-size: 14px;
		padding-left: 2px;
		line-height: 18px;
	}
}


/********投稿者**********/
.top_news_author_wrap{
	margin-top: 6px;
}
a .top_news_author_wrap{
}
.top_news_author_img{
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
.top_news_author_img img{
	width: 40px;
	height: 40px;
	border-radius: 20px;
}

.top_news_author{
	/** display: inline-block; **/
	vertical-align: top;
	margin:6px 0 0 2px;
	/** width: calc(100% - 50px); **/
}
@media screen and (max-width: 700px) {
	.top_news_author{
	}
}
.top_news_author a{
	text-decoration: underline;
}
.top_news_author a:hover{
	text-decoration: none;
}

/********投稿者**********/

.top_news_author{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-align: right;
}
@media screen and (max-width: 700px) {
	.top_news_author{
		font-size: 14px;
	}
}
.top_news_author a{
}

/*********************************/
/******** ページネーション *********/
/*********************************/

/*ページナビ全体のスタイル*/
.tablenav {
	margin: 1em auto;
	text-align:center;
}
/*ボックスのスタイル調整など*/
a.page-numbers, .tablenav .current {
	padding: 2px .4em;
	text-decoration:none;
}
/*マウスオーバー時の色*/
a.page-numbers:hover {
}
/*選択されている数字ボタンの色*/
.tablenav .current {
}
/*前へ次へのスタイル*/
.tablenav .next, .tablenav .prev {
	border:0 none;
	text-decoration:underline;
}

/*********************************/
/******** ページネーション *********/
/*********************************/

/*ページナビ全体のスタイル*/
.tablenav {
	color: #2583ad;
	background:white;
	line-height:2em;
}
/*ボックスのスタイル調整など*/
a.page-numbers, .tablenav .current {
	color: #21759b;
	border:solid 1px #ccc;
	font-size:140%;
}
/*マウスオーバー時の色*/
a.page-numbers:hover {
	color: #0f3647;
}
/*選択されている数字ボタンの色*/
.tablenav .current {
	color: white;
	background: #b0c4de;
	border-color: #b0c4de;
}
/*前へ次へのスタイル*/
.tablenav .next, .tablenav .prev {
	background:transparent;
	font-size:105%;
}

/******** 特設広告枠 

#top_watashiga{
	margin: 20px 0;
	position: relative;
}
#top_watashiga p{
	position: absolute;
	top: 30%;
	width: 100%;
	text-align: center;
	color: #575757;
	font-size: 2em;
}
@media screen and (max-width: 700px) {
	#top_watashiga p{
		font-size: 1.5em;
	}
}
*********/

/*********************************/
/******** わたSHIGA輝く国スポ・障スポ *********/
/*********************************/
#top_watashiga{
	width: 100%;
	text-align: left;
}
#top_watashiga img{
	width: 100%;
	height: auto;
}
#top_watashiga .top_watashiga_pc img{
	width: 99%;
}
#top_watashiga .top_watashiga_sp img{
	width: 97%;
}

@media screen and (max-width: 700px) {
	#top_watashiga .top_watashiga_pc{
		display: none;
	}
	#top_watashiga{
		text-align: center;
	}
}
@media screen and (min-width: 701px) {
	#top_watashiga .top_watashiga_sp{
		display: none;
	}
}
/*********************************/
/******** わたSHIGA輝く国スポ・障スポ *********/
/*********************************/

.top_countdown {
    display: flex;
    justify-content: center; /* 子要素を中央に配置 */
    flex-wrap: wrap;
    background-image: linear-gradient(150deg, #ffd11a 20%, #e67e00 80%);
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0 20px 0;
    padding: 20px 0 30px 0;
    text-shadow: 2px 2px 8px #222222; /* シャドウの設定（ぼかしの範囲を増やす） */
}

.top_countdown div {
    flex: 1; /* それぞれの要素に柔軟性を持たせる */
    margin: 0 5px; /* ここで左右のマージンを設定 */
    max-width: 300px; /* これが各要素の最大幅 */
    text-align: center;
    position: relative;
}

.top_countdown div div {
margin: 0;
}

.top_countdown div:last-child{
	padding-right: 0;
}

.top_countdown div.top_countdown_day span {
    position: relative;
    top: 15px; /* 元々の位置から下にずらしたい距離 */
    font-size: 50px;
    line-height: 30px;
    margin-right: 4px; /* 日数と「日！」の間隔を増やす */
}

.top_countdown_day {
	padding-left: 10px;
}
.days_label {
    vertical-align: super; /* テキストを基準線から上にずらす */
    margin-left: 0px; /* 日数と「日！」の間の間隔を増やす */
    font-size: 1.5rem !important; /* 必要に応じてフォントサイズを調整 */
}

@media screen and (min-width: 1200px) {
	.top_countdown {
		font-size: 26px;
		letter-spacing: 1px;
	    padding: 15px 0 25px 0;
	}
}
@media screen and (max-width: 1000px) {
	.top_countdown {
		font-size: 17px;
	    padding: 20px 0 20px 0;
	}
	.top_countdown div.top_countdown_day span {
	    font-size: 40px;
		top: 8px; /* 元々の位置から下にずらしたい距離 */
	}
	.days_label {
    	font-size: 1.3rem !important; /* 必要に応じてフォントサイズを調整 */
	}
}
@media screen and (max-width: 600px) {
	.top_countdown {
		font-size: 13px;
	    padding: 20px 0 25px 0;
		font-weight: bold;
	}
	.top_countdown div.top_countdown_day span {
	    font-size: 30px;
		top: 8px; /* 元々の位置から下にずらしたい距離 */
		font-weight: bold;
	}
	.days_label {
    	font-size: 1.1rem !important; /* 必要に応じてフォントサイズを調整 */
	}
	span.atowo_kesu{
		display: none;
	}
}

a.countdown_no_underline, a.countdown_no_underline:hover {
    text-decoration: none;
    color: #ffffff;
}


/*********************************/
/******** 滋賀県スポーツ協会専用枠 *********/
/*********************************/

#bsn_exclusive_wrap{
	margin: 40px 10px 10px 10px;
	padding: 45px 20px 20px 20px;
	position: relative;
	border: solid 1px #0066CC;
}
@media screen and (max-width: 700px) {
#bsn_exclusive_wrap{
	margin: 40px 5px 10px 5px;
	}
}
#bsn_exclusive_wrap h3.bsn_exclusive_title{
	line-height: 30px;
	font-size: 20px;
	background: #0066CC;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	display: inline-block;
	top: -1px;
	left: -1px;
	margin: 0;
	padding: 8px 9px;
	height: 25px;
}
@media screen and (max-width: 700px) {
#bsn_exclusive_wrap{
	padding: 10px 10px 20px 10px;
}
	#bsn_exclusive_wrap h3.bsn_exclusive_title{
	position: relative;
	display: block;
		text-align: center;
	padding: 8px 0px;
	}
}

#bsn_exclusive_wrap h4.bsn_exclusive_title{
	margin-bottom: 20px;
}

.bsn_exclusive_day{
	text-align: right;
	margin: 2px 0 10px 0;
	font-size: 14px;
}
@charset "utf-8";

/*********************************/
/***** Google AdSense 広告 ********/
/*********************************/

.multiplex_text_under{
	margin-top: 30px;
}

@media only screen and (max-width:860px){
	.multiplex_text_under{
		display: none;
	}
}

/*********************************/
/*****全体********/
/*********************************/

#container{
	box-sizing:border-box;
	margin: 0 auto;
	padding: 0 12px;
}
/** ブレイクポイント **/
@media screen and (max-width: 660px) {
	#container{
		padding: 0 0px;
		width: 100%;
	}
}
#wrapper{
	max-width: 1500px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

/** １カラム **/
/** @media only screen and (max-width:840px){ **/
@media only screen and (max-width:860px){
	#container #wrapper #main{
		width: 100%;
		box-sizing: border-box;
	}
}
/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
	margin-bottom: 0px;
}
@media only screen and (max-width:600px){
	.grecaptcha-badge{
		margin-bottom: -30px;
	}
}

/*********************************/
/*****ヘッダー********/
/*********************************/

#container #header{
	position: relative;
	margin: 0 auto;
	max-width: 1500px;
	background-color: #FFFFFF;
}
#container #header h1{
	margin: 0;
	padding: 0 0 0 10px;
	display: block;
	font-size: 11px;
	line-height: 1.5em;
	border: none;
}
#container #header #header_logo_wrap{
	display: inline-block;
	width: 230px;
}
@media screen and (max-width: 600px) {
	#header_logo_wrap{
		width: 190px;
	}
}

#container #header #header_logo_wrap h2{
	width: 130px;
	margin: 0;
	padding: 2px 0 0 6px;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
}
#container #header #header_logo_wrap h2 img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 600px) {
	#header h2{
		width: 100px;
	}
}
#container #header #header_logo_wrap h3{
	margin: 0 0 0px 0;
	padding: 15px 0 0px 10px;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	font-size: 24px;
}

@media screen and (max-width: 600px) {
	#container #header #header_logo_wrap h3{
		padding: 6px 0 0px 4px;
		font-size: 22px;
	}
}

a #header_logo_wrap h3{
	text-decoration: none;
	color: #000000 ;
}

#header #head_menu_wrap{
	display: inline-block;
	vertical-align: top;
	/** width: 210px; **/
	width: 355px;
	position: absolute;
	right: 0;
}
@media screen and (max-width: 600px) {
	#header #head_menu_wrap{
		/** width: 158px; **/
		width: 140px;
	}
	#header #head_menu_wrap.head_menu_wrap_pc{
		display: none;
	}
}
@media screen and (min-width: 601px) {
	#header #head_menu_wrap.head_menu_wrap_sp{
		display: none;
	}
}

#header #head_menu_wrap .head_menu_dantai,
#header #head_menu_wrap .head_menu_login,
#header #head_menu_wrap .head_menu_calendar{
	display: inline-block;
	vertical-align: top;
}
#header #head_menu_wrap.head_menu_wrap_pc .head_menu_login{
	margin: 11px 4px 0 4px;
	font-size: 15px;
}

#header #head_menu_wrap.head_menu_wrap_pc .head_menu_dantai{
	margin: 6px 4px 0 4px;
	padding: 4px 15px 3px 15px;
	border-radius:8px;
	letter-spacing:0.1em;
	transition: all ease .3s;
	font-size: 16px;
	background-color: #BB2EF9;
}

#header #head_menu_wrap.head_menu_wrap_pc .head_menu_calendar{
	margin: 6px 4px 0 4px;
	padding: 4px 15px 3px 15px;
	border-radius:8px;
	letter-spacing:0.1em;
	transition: all ease .3s;
	font-size: 16px;
	background-color: #0700BD;
}

#header #head_menu_wrap.head_menu_wrap_pc .head_menu_dantai a,
#header #head_menu_wrap.head_menu_wrap_pc .head_menu_calendar a{
	text-decoration: none;
	color: #ffffff;
}
#header #head_menu_wrap.head_menu_wrap_pc .head_menu_dantai:hover,
#header #head_menu_wrap.head_menu_wrap_pc .head_menu_calendar:hover{
	background-color: #666666;
}

#header #head_menu_wrap.head_menu_wrap_sp .head_menu_dantai,
#header #head_menu_wrap.head_menu_wrap_sp .head_menu_calendar,
#header #head_menu_wrap.head_menu_wrap_sp .head_menu_login{
	font-size: 36px;
	margin-right: 11px;
}
#header #head_menu_wrap.head_menu_wrap_sp .head_menu_login{
	margin-right: 0px;
}

#header #head_menu_wrap.head_menu_wrap_pc i{
	margin-right: 4px;
}

/*********************************************************************
/* 登録も利用も無料
*********************************************************************/
#head_obi_registration_use_free{
	background-color: #254FA4;
	padding: 4px 0 0px 0;
	text-align: center;
}
.head_obi_registration_use_free_1{
	max-width: 1000px;
	margin: 0 auto;
}

@media only screen and (max-width:840px){
	.head_obi_registration_use_free_1{
		display: none;
	}
}

@media only screen and (min-width:841px){
	.head_obi_registration_use_free_2{
		display: none;
	}
}


/*********************************************************************
/* 全体とメニュー
*********************************************************************/

#header{
padding: 3px 0px 2px 0px;
}

#wrapper{
overflow: hidden;
padding: 10px 0;
}

/*******************************
コンテンツ位置
*******************************/
#sidebar {
float: right;
width: 300px;
	font-size:13px;
}
#main {
float: left;
padding-bottom:20px;
width : calc(100% - 320px) ;
overflow:hidden;
}

/*********************************************************************
/* フッター
*********************************************************************/

#footer{
padding: 18px 0 16px 0;
	background-color: #D8D8D8;
}
#footer .footer_inner{
	display: flex;
	flex-flow: row wrap-reverse;
	justify-content: center;
	font-size: 13px;
}
#footer .footer_inner div{
	margin: 2px 10px;
}
#footer .footer_inner div a{
	text-decoration: none;
	color: #444444;
}

/*********************************************************************
/* ヘッダー
*********************************************************************/

/*************
/* 見出し
*************/
#container #single_topimg{
height: 110px;
background:url(./images/h2bg.png) no-repeat 0 0;
margin-bottom: 20px;
}
#container #single_topimg h2{
text-align:right;
line-height: 110px;
padding-right: 30px;
font-weight: bold;
color:#FFFFFF;
font-size: 20px;
}

/*************
/* リスト

#container #sidebar ul li, #footerUpper ul li{
list-style: none;
margin-bottom: 8px;
padding: 0 5px 0 12px;
background:url(./images/bullet.gif) no-repeat 0 5px;
}
*************/

/*******************************
/* フッター
*******************************/

#footerLower{
clear:both;
padding: 10px 0px 20px 0;
text-align:center;
	background-color: #4169E1;
}

address{
font-style:normal;
color: #FFFFFF;
font-size:12px;
}

/*********************************************************************
/* サイド 検索
*********************************************************************/

#container #sidebar #sidebar_serch h3{
	padding: 0 0 0 0px;
	margin: 0 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 3px solid #cccccc;
}

#container #sidebar #sidebar_serch .key_word input{
	width: 100%;
	box-sizing: border-box;
	padding: 8px 4px;
	font-size: 1.2em;
}
#container #sidebar #sidebar_serch select{
	width: 100%;
	box-sizing: border-box;
	padding: 8px 4px;
	margin: 10px 0 0 0;
	font-size: 1.2em;
}

.chiiki_tag_wrap{
	margin: 20px 0;
}

#container #sidebar #sidebar_serch .chiiki_tag label,
#container #sidebar #sidebar_serch .custom_field_radio label{
	font-size: 1.1em;
}

#container #sidebar #sidebar_serch h4{
	margin: 10px 0 0 0;
}
#container #sidebar #sidebar_serch label{
	display: inline-block;
	margin: 2px 3px 0 3px;
}
#container #sidebar #sidebar_serch label input[type="radio"]{
position: relative;
top:2px;
	margin-right: 2px;
}

/** 検索の前に虫眼鏡をつける **/
#container #sidebar #sidebar_serch .kensaku .kensaku_submit{
	  position: relative; 
}
#container #sidebar #sidebar_serch .kensaku .kensaku_reset{
	text-align: center;
	margin-bottom: 20px;
	margin-right: 0px;
}
#container #sidebar #sidebar_serch .kensaku .kensaku_reset input.reset-button{
	padding: 2px 10px;
	width: 100%;
}

#container #sidebar #sidebar_serch .kensaku .kensaku_submit::before {
	content:"";
	position: absolute;
	width: 16px;
	height: 16px;
	top:calc( 50% - 8px );
	left:calc( 50% - 50px );
	background: url(./images/serch.png) no-repeat center center / auto 100%;
}
#container #sidebar #sidebar_serch .kensaku .kensaku_submit input.search-button{
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0;
	margin: 10px 0 8px 0;
	transition: all ease .3s; /* transformアニメーションの時間 */
}
#container #sidebar #sidebar_serch .kensaku input.search-button{
	background-color: #50A0FF;
	color: #ffffff;
	border-color: #BFBFBF;
	font-size: 18px;
	font-weight: bold;
}
#container #sidebar #sidebar_serch .kensaku .kensaku_submit:hover input.search-button{
	/** transform: translateY(-3px); 虫眼鏡が消えてしまう **/
	background-color: #0200FF;
}

/** 検索ボックスのレスポンシブ対応 にゅるっと右から出す **/

@media only screen and (max-width:860px){
	#container #sidebar #sidebar_serch{
		display: none;
	}
}

#sidebar_serch_toggle {
	display: none;
    transition: transform 0.3s ease;
    transform: translateX(100%);
    position: fixed;
    top: 0;
    right: 0;
    width: 70%;
    height: 100vh;
    background: #fff;
    z-index: 1000;
	overflow-y: auto;
}

@media (max-width: 600px) {
    #container #sidebar #sidebar_serch_toggle {
        display: none;
    }
	#container #sidebar #sidebar_serch_toggle #sidebar_serch{
        display: block;
	padding:10px 20px 50px 20px;
		border-left: #8E8E8E 1px solid;
	}
}

button#toggleSidebarButton{
    z-index: 2000;
	position: fixed;
	bottom: 0;
	width: 100vw;
	font-size: 20px;
	padding: 10px;
	text-align: center;
	height: 50px;
	background-color: #666666;
	color: #FFFFFF;
	cursor:pointer;
}
@media only screen and (min-width:601px){
	button#toggleSidebarButton{
		display: none;
	}
}

/** 検索結果 **/

.search_conditions{
	padding: 10px 10px 10px 20px ;
	margin: 10px auto 20px;
	box-sizing: border-box;
	width : calc(100% - 20px) ;
	border: double 5px #a1c7e6;
	font-size: 15px;
	font-weight: bold;
}

.search_conditions div{
	position: relative;
}
.search_conditions div:nth-child(n + 2) {
	margin-left: 10px;
	padding-left: 15px;
}
	
.search_conditions div:nth-child(n + 2)::before {
	content:"";
	position: absolute;
	width: 4px;
	height: 4px;
	top:9px;
	left:0px;
	background-color: #3861FF;
}

.not_applicable{
	margin: 20px 0 ;
	position: relative;
	padding: 0 0 0 50px;
	font-size: 16px;
	color: #004680;
}

.not_applicable::before{
	position: absolute;
	content:"\f071";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top:9px;
	left:20px;
	transform:translatey(-50%);
	font-size: 19px;
	color: #004680;
}


/*********************************************************************
/* アーカイブページ上の 検索
*********************************************************************/
#container #arc_page #sidebar_serch.column1_serch{
	display: block;
	width : calc(100% - 20px) ;
	margin: 10px auto 10px;
	box-sizing: border-box;
}
@media screen and (min-width: 851px), screen and (max-width: 600px) {
	#container #arc_page #sidebar_serch.column1_serch{
		display: none;
	}
}
#arc_page{}
#container #arc_page #sidebar_serch.column1_serch h3{
	padding: 0 0 0 0px;
	margin: 0 0 10px 0;
	font-size: 17px;
	font-weight: bold;
}

#container #arc_page #sidebar_serch.column1_serch .key_word input{
	width: 100%;
	box-sizing: border-box;
	padding: 8px 4px;
	font-size: 18px;/** 「キーワード」 **/
}
#container #arc_page #sidebar_serch.column1_serch select{
	width: 100%;
	box-sizing: border-box;
	padding: 8px 4px;
	margin: 10px 0 0 0;
	font-size: 18px;/** 「カテゴリー」 **/
}

#container #arc_page #sidebar_serch.column1_serch h4{
	margin: 10px 0 0 0;
}
#container #arc_page #sidebar_serch.column1_serch h6{
	color: #0066CC;
}
#container #arc_page #sidebar_serch.column1_serch h6::before{
    content:"■";
    font-size: 1.0em;
    margin-right: 1px;
}

#container #arc_page #sidebar_serch.column1_serch label{
	display: inline-block;
	margin: 2px 5px 0 5px;
	font-size: 16px;/** タグ一覧 **/
}

#container #arc_page #sidebar_serch.column1_serch label input[type="checkbox"]{
position: relative;
top:-1px;
	margin-right: 2px;
}

/** 検索の前に虫眼鏡をつける **/
#container #arc_page #sidebar_serch.column1_serch .kensaku .kensaku_submit{
	  position: relative; 
}
#container #arc_page #sidebar_serch.column1_serch .kensaku .kensaku_submit::before {
	content:"";
	position: absolute;
	width: 16px;
	height: 16px;
	top:calc( 50% - 13px );
	left:calc( 50% - 50px );
	background: url(./images/serch.png) no-repeat center center / auto 100%;
}
#container #arc_page #sidebar_serch.column1_serch .kensaku input.search-button{
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0;
	margin: 20px 0 10px 0;
	background-color: #50A0FF;
	color: #ffffff;
	border-color: #BFBFBF;
	font-size: 24px;/** 「検索」 **/
	font-weight: bold;
}

#container #arc_page #sidebar_serch.column1_serch .kensaku input.search-button{
	transition: all ease .3s; /* transformアニメーションの時間 */
}
/** 検索の前に虫眼鏡をつける **/
#container #arc_page #sidebar_serch.column1_serch .kensaku .kensaku_submit:hover input{
	background-color: #0200FF;
}
#container #arc_page #sidebar_serch.column1_serch .kensaku .kensaku_submit:hover input.search-button{
	/** transform: translateY(-3px); 虫眼鏡が消えてしまう **/
}

#container #arc_page #sidebar_serch.column1_serch .kensaku input.reset-button{
	font-size: 1.2em;
	padding: 3px 10px;
	margin: 0px 0px 0 0;
	width: 80%;
}
#container #arc_page #sidebar_serch.column1_serch .kensaku .kensaku_reset{
	text-align: center;
}


/*********************************************************************
/* 個別のバナースペース
*********************************************************************/
.individual_banners_admidashi_wrap{
	text-align: center;
	width: 100%;
}
.individual_banners_admidashi{
width: calc(100% - 20px);
	margin: 0 auto 10px;
	box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 55px; /* このpaddingの量に応じて左右の線の長さが決まります */
  text-align: center; /* センタリングのための追加スタイル */
  color: grey; /* 文字の色をグレーに */
  font-size: 0.9em; /* 文字の大きさを小さく。必要に応じてサイズを調整してください */
}

.individual_banners_admidashi:before, .individual_banners_admidashi:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* 線を垂直方向にセンタリング */
  display: inline-block;
  width: calc(50% - 57.5px); /* 左右の線の長さ。55pxのpaddingと2.5pxの線の半分を引く */
  height: 1px;
  background-color: grey; /* 線の色をグレーに */
}

.individual_banners_admidashi:before {
  left:0;
}
.individual_banners_admidashi:after {
  right: 0;
}

#individual_banners_wrap {
    margin: 30px 6px 30px 2px;
}

#individual_banners {
    display: grid;  /* Gridに変更 */
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    /* minmaxを使用して、各アイテムが最小200px、最大で利用可能なスペースを取るようにします */
    grid-gap: 4px;  /* アイテム間のスペース */
    justify-items: center;  /* アイテムを中央に配置 */
    align-items: center;  /* 縦横中央に配置 */
}

#individual_banners div img {
    width: 100%;  /* 画像の幅を100%に設定して、コンテナの幅に合わせます */
    height: auto;  /* 高さは自動にします */
	 max-width: 300px;
}

/** バナー画像サイズは最大300px×90px、最小200px×60px、比率は10:3を保持したままレスポンシブ対応する **/

/*********************************************************************
*********************************************************************/


/*********************************************************************
/* 内部リンクのバナー
*********************************************************************/

#internal_link_banner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 10px;
    justify-items: center;
    align-items: center;
    margin: 50px auto 0;
}

#internal_link_banner > div img {
    width: 100%;
    height: auto;
    max-width: 300px;
}

/* 画像が親コンテナの幅に合わせて伸縮するように */
#internal_link_banner img {
    max-width: 100%;
    height: auto;
}

/* 中間のスクリーンサイズで2列のレイアウト */
@media (max-width: 1200px) {
    #internal_link_banner {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 小さなスクリーンサイズで1列のレイアウト */
@media (max-width: 600px) {
    #internal_link_banner {
        grid-template-columns: 1fr;
    }
    #internal_link_banner > div {
        width: 95%; /* divの幅を画面横幅の95%に固定 */
        margin: 0 auto; /* divをセンタリング */
    }
    #internal_link_banner > div img {
        max-width: none;
    }
}




/*****************各ページの上に余白を空ける************************************/

#page_wrapper{
margin-top: 20px;
}

/*****************シングルページの年月日************************************/

.single_date{
margin-bottom: 10px;
text-align: right;
padding-right: 10px;
color:#696969;
}

/******************************************************************************/
.icon_pdf{
background:url(./images/icon_pdf.png) no-repeat 0px 0px;
padding-left: 30px;
}
.icon_excel{
background:url(./images/icon_excel.png) no-repeat 0px 0px;
padding-left: 30px;
}
.icon_word{
background:url(./images/icon_word.jpg) no-repeat 0px 0px;
padding-left: 30px;
}
.icon_pdf_excel{
background:url(./images/icon_pdf_excel.png) no-repeat 0px 0px;
padding-left: 30px;
}
.single_page{
padding: 0 20px;
}
#single_page{
margin-bottom: 20px;
}


@charset "utf-8";

@media only screen and (max-width:600px){
	body{
		padding-bottom: 50px;
	}
}

/*******************************************************
ページ上部へ
*******************************************************/

#page-top {
    position: fixed;
    right: 5px;
    bottom: 80px; /* デフォルトの位置（600px以上の場合） */
    transition: bottom 0.2s; /* アニメーション効果のため */
}

#page-top img{
    opacity: 0.7;
}

@media (max-width: 600px) {
    #page-top {
        bottom: 70px; /* 600px以下の場合の位置 */
    }
}

/*********************************/
/*****サイド********/
/*********************************/

#sidebar{
	box-sizing: border-box;
	padding: 15px 0;
}
/** １カラム **/
@media only screen and (max-width:860px){
	#sidebar{
		width: 100%;
		box-sizing: border-box;
	}
}

#sidebar form#searchform .custom_field_radio {
	/** max-height: 250px; **/
	overflow-y:auto;
}
#container #wrapper #sidebar form#searchform h4{
	font-size: 16px;
	margin: 10px 0 0 2px;
}

#sidebar form#searchform .custom_field_radio .custom_field_radio_box h6{
	font-size: 13px;
	color: #0066CC;
	margin: 4px 0 0 2px;
	padding: 0;
}
#sidebar form#searchform .custom_field_radio .custom_field_radio_box h6::before{
    content:"■";
    font-size: 1.0rem;
    margin-right: 1px;
}
#container #wrapper #sidebar form#searchform .custom_field_radio .custom_field_radio_box label{
	font-size: 13px;
}
/*****サイド お知らせ********/
.side_info_wrap{
	margin-top: 40px;
	margin-bottom: 40px;
}

.side_info{
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 3px solid #cccccc;
}
#sidebar .side_info_wrap ul{
	margin: 0 0 0 0px;
	padding: 0 3px 0 4px;
	box-sizing: border-box;
}
#container #sidebar .side_info_wrap ul li{
	margin: 10px 0 10px 0px;
	padding: 0 0 4px 20px;
	list-style: none;
	position: relative;
	line-height: 22px;
	border-bottom: 1px dotted #555555;
	font-size: 14px;
}
@media screen and (max-width: 700px) {
	#container #sidebar .side_info_wrap ul li{
		font-size: 17px;
	}
}
#container #sidebar .side_info_wrap ul li::before{
  position: absolute;
  content:"";
  top:7px;
  left:7px;
width: 4px;
	height: 4px;
	background: #5D5D5D;
}

/*****サイド カレンダーリスト********/

#container #sidebar .side_banner_calender{
	width: 300px;
	height: 100px;
	margin: 10px auto 20px;
}
@media screen and (max-width: 600px) {
	#container #sidebar .side_banner_calender{
		width: 100%;
		height: auto;
	}
	#container #sidebar .side_banner_calender img{
		width: 100%;
		height: auto;
	}
}

/*****サイド 登録団体募集中********/

.touroku_bosyu{
	margin: 20px 0 0 0;
	text-align: center;
}
@media screen and (max-width: 600px) {
	#container #sidebar .touroku_bosyu{
		width: 100%;
		height: auto;
	}
	#container #sidebar .touroku_bosyu img{
		width: 100%;
		height: auto;
	}
}

/*****サイド 人気の記事********/
#container #sidebar #widget_dynamic_sidebar h2{
	padding: 0 0 0 10px;
	margin: 20px 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 3px solid #cccccc;
}
#container #sidebar #widget_dynamic_sidebar ul{
	margin: 0 0 0 0px;
	padding: 0 2px 0 3px;
	box-sizing: border-box;
}
#container #sidebar #widget_dynamic_sidebar ul li{
	margin: 5px 0 6px 0px;
	padding: 0 0 4px 22px;
	position: relative;
	font-size: 14px;
	line-height: 22px;
	border-bottom: 1px dotted #555555;
}
@media screen and (max-width: 700px) {
	#container #sidebar #widget_dynamic_sidebar ul li{
		font-size: 17px;
	}
}

#container #sidebar #widget_dynamic_sidebar ul li::before{
  position: absolute;
  content:"\f521";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top:10px;
  left:0px;
  transform:translatey(-50%);
	font-size: 12px;
	color: #c1ab05;
}
#container #sidebar #widget_dynamic_sidebar ul:first-child li::before{
  content:none;
}

#container #sidebar #widget_dynamic_sidebar ul span{
	text-align: right;
	margin-top: 3px;
	margin-bottom: 1px;
	padding-right: 2px;
	font-size: 13px;
}
#container #sidebar #widget_dynamic_sidebar ul span a{
	color: #111111;
}

@media screen and (max-width: 700px) {
	#container #sidebar #widget_dynamic_sidebar ul span{
		margin-top: 5px;
		font-size: 15px;
	}
}

/*****サイド スポタルの使い方********/

#container #sidebar .side_use{
	margin: 20px auto 10px;
	text-align: center;
}

@media screen and (max-width: 600px) {
	#container #sidebar .side_use{
		width: 100%;
		height: auto;
	}
	#container #sidebar .side_use img{
		width: 100%;
		height: auto;
	}
}

/*********************************/
/*****************投稿ページ*****************************************/
/*********************************/
#main #single_page{
	padding: 10px 20px 10px 20px;/*文字周りの余白*/
	box-sizing: border-box;
	margin-bottom: 80px;
}
	/** ブレイクポイント **/
	@media screen and (max-width: 660px) {
		#main #single_page{
			padding: 14px 10px 6px 8px;
		}
	}
	/** スマホ用 **/
	@media screen and (max-width: 480px) {
		#main #single_page{
			padding: 10px 8px 6px 6px;
		}
	}

#main #single_page .single_con_wrap{
	padding: 0 0 20px 0;
}
/********投稿者**********/
.single_page_author_wrap{
	margin: 10px 0 10px 0;
}
.single_page_author_img{
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
.single_page_author_img img{
	width: 40px;
	height: 40px;
	border-radius: 20px;
}

.single_page_author{
	display: inline-block;
	vertical-align: top;
	margin:8px 0 0 2px;
	width : calc(100% - 50px) ;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	color: #000000;
}
.single_page_author a{
	text-decoration: none;
	color: #000000;
}
.single_page_author a:hover{
	text-decoration: underline;
	color: #515151;
}

/******** タイトル **********/

#single_page_h2_title h2{
	padding: 0 0 8px 0;
	margin: 16px 0 28px 0 ;
	color: #000000;
	line-height: 38px;
	font-size: 30px;
	border-bottom: solid 3px #006DDB;
}
	/** ブレイクポイント **/
	@media screen and (max-width: 660px) {
		#single_page_h2_title h2{
			font-size: 24px;
			line-height: 30px;
		}
	}
	/** スマホ用 **/
	@media screen and (max-width: 480px) {
		#single_page_h2_title h2{
			font-size: 22px;
			line-height: 28px;
		}
	}

/******** 関連種目・種別 **********/
.single_type_check_wrap{
	margin: -10px 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #808080;
	font-size: 15px;
}
.single_type_check_wrap .single_type_check{
	display: inline-block;
	margin-right: 10px;
	position: relative;
	font-size: 16px;
	font-weight: bold;
}
.single_type_check_wrap .single_type_check i{
	margin-right: 4px;
	color: #535353 ;
}
.single_type_check_wrap .single_type_check span{
	position: relative;
	margin-right: 4px;
	top: 6px;
	color: #535353 ;
}

/******** 実施年月日 **********/
#container #main #single_page .target_date_field{
 margin: 4px 0 0 0;
	font-size: 13px;
}

#container #main #single_page .target_date_field span.target_date_field_nengetsu{
	margin-right: 6px;
}

/******** 対象年齢 **********/

#container #main #single_page .target_age_field{
 margin: 4px 0 0 0;
}

#container #main #single_page .target_age_field div,
#container #main #single_page .target_age_field ul,
#container #main #single_page .target_age_field ul li{
	display: inline-block;
	margin: 0 6px 0 0;
	padding: 0;
	font-size: 13px;
}

/******** タグと日付 **********/

.single_page_tag{
	float: left;
	margin: 8px 0 0 0;
	font-size: 13px;
}

.single_page_day{
	float: right;
	width: 9em;
	margin: 8px 0 0 0;
	text-align: right;
	color: #404040;
	font-size: 13px;
}

/******** SNSのシェアボタン **********/

.sns__container_wrap {
	margin: 30px 0 40px 0;
}
.sns__container {
	margin: 0px 0 0px 0;
	display: flex;
}
.sns__container a {
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 0.5rem 0;
}

.sns__container a:hover {
	opacity: 0.6;
}
.sns__twitter {
	background: #55acee;
}
.sns__facebook {
	background: #3b5998;
}
.sns__pocket {
	background: #ef3f56;
}
.sns__line {
	background: #1dcd00;
}
.sns__hatena {
	background: #00a5de;
}

/******** ページ下部のユーザーリンク **********/
.single_page_author_link{
	margin: 20px 0 0 0;
	text-align: center;
	border-radius: 10px;
	background-color: #50A0FF;
	color: #ffffff;
}
.single_page_author_link a{
	display: block;
	width: 100%;
	text-decoration: none;
	padding: 20px 0;
	transition: all ease .3s;
	color: #ffffff;
	font-weight: bold;
	line-height: 20px;
}

.single_page_author_link a:hover{
	border-radius: 10px;
	background-color: #0024FB;
}


/******** パンくずリスト **********/

#single_page_pan{
	margin-bottom: 2px;
	font-size: 14px;
}

#single_page_pan a{
	margin-bottom: 2px;
}


/******** コメント欄 **********/

.comment_memo{
	font-size: 12px;
	color: #424242;
}

/******** 投稿ページのフレームの設定 **********/
/******** GoogleMapのサイズ調整用 **********/
#container #main #single_page.single_page_toukou iframe {
    width: 100%;
    max-width: 1000px;
    height: 500px;
    margin: 0 auto; /* センター表示 */
    box-sizing: border-box; /* ボーダーとパディングを含むためのボックスモデルを設定 */
}
@media (max-width: 1000px) {
	#container #main #single_page.single_page_toukou iframe {
    height: 300px;
	}
}


/******** 投稿ページ イベントテーブル **********/

#container #main #single_page table.custom-post-content{
	width: 100%;
	box-sizing: border-box;
}
/*********************************/
/*****************アーカイブページ*****************************************/
/*********************************/
#category_res_page_h2 h2{
	background:url(./images/h2_icon.png) no-repeat 10px 5px;
	padding: 8px 0 0px 5px;
	line-height: 25px;
	font-size:17px;
	border-bottom: 4px solid #006DDB;
	font-weight: normal;
}

#arc_page .single_page_author_wrap{
	padding: 0 0 0 10px;
	box-sizing: border-box;
}
#arc_page .single_page_author{
	font-size: 24px;
	width : calc(100% - 60px) ;
}


/******** 学区投稿 **********/
.gakku_page_content{
	padding: 20px;
	margin: 20px auto;
	box-sizing: border-box;
	width: calc( 100% - 20px ) ;
background-color: #DAFFE3 ;
border: 1px solid #888888;
color: #000000;
}

	@media screen and (max-width: 1200px) {
		.gakku_page_content{
			padding: 20px 15px;
		}
	}
	@media screen and (max-width: 1000px) {
		.gakku_page_content{
			padding: 20px 10px;
		}
	}
	@media screen and (max-width: 660px) {
		.gakku_page_content{
			padding: 20px 7px;
		}
	}
	@media screen and (max-width: 480px) {
		.gakku_page_content{
			padding: 20px 5px;
		}
	}

#single_gakku_page_wrap .gakku_page_content{
width:100% ;
}

#container #wrapper #main .gakku_page_fields table{
line-height: 1.5;
border-collapse: collapse;
width: calc( 100% - 14px ) ;
box-sizing: border-box;
margin: 40px auto 50px;
}
#container #wrapper #main .gakku_page_fields table iframe{
	width: 100%;
}
.gakku_page_fields table caption{
	margin: 0 0 5px 3px;
	padding: 0;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
}

#single_gakku_page_wrap .gakku_page_fields table{
width:100% ;
}
#single_gakku_page_wrap .gakku_page_fields table iframe{
	width: 100%;
}
.gakku_page_fields th,.gakku_page_fields td {
padding: 10px;
border-collapse: collapse;
border: 1px solid #888888;
	font-size: 15px;
}

.gakku_page_fields tr:nth-child(even) {
background: #E0E0E0;
}

.otoiawase_title{
	margin: 15px 10px 0 12px;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
}

/******************/
.dantai_csv_display table{
width:100% ;
border-collapse: collapse;
}
.dantai_csv_display{
margin-top: 40px;
margin-bottom: 10px;
max-height: 5000px;
overflow:scroll;
}
.dantai_csv_display_wrap .dantai_csv_display:first-child{
margin-top: 0px;
}

.dantai_csv_display th,.dantai_csv_display td {
padding: 10px;
border: 1px solid #888888;
font-size: 15px;
}


/******** 折りたたみ式のウィジェット **********/

.widget .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.8s ease;
}

.widget.open .content {
    max-height: 1000px; /* 必要に応じて値を調整してください */
}

.widget button.toggle-button{
	margin: 20px 0 0 10px;
	padding: 5px 10px;
	font-size: 16px;
	background-color: #BB2EF9;
	color: #FFFFFF;
}@charset "utf-8";
/******************************/
/******** 利用規約 ********/
/******************************/

#riyou_kiyaku{}
#riyou_kiyaku_inner{
	height: 300px;
	overflow-y: scroll;
	border: 1px solid #777777;
	margin: 10px 0;
	padding: 10px;
}
#riyou_kiyaku h1{font-size: 1.1em;text-align: center;}
#riyou_kiyaku h2{font-size: 0.9em;margin-bottom: 6px;padding-bottom: 0;}
#riyou_kiyaku h3{font-size: 0.8em;margin-bottom: 0px;padding-bottom: 0;}
#riyou_kiyaku p{font-size: 0.8em;}
#riyou_kiyaku ol,#riyou_kiyaku ul{font-size: 0.8em;margin-bottom: 0;padding-bottom: 0;margin-top: 0;padding-top: 0;}
#riyou_kiyaku p,#riyou_kiyaku ol,#riyou_kiyaku ul{line-height: 1.4em;}
#riyou_kiyaku p,#riyou_kiyaku li,#riyou_kiyaku li{padding-top:0;padding-bottom: 0; }

#riyou_kiyaku .kiyaku_check{
	font-size: 0.9em;
	margin:5px 5px; 
}

#riyou_kiyaku .kiyaku_check input[type=checkbox]{
	transform: scale(1.4);
	margin: 0 3px 0 0;
}

#riyou_kiyaku .kiyaku_check_wrap{
	margin: 20px 0;
}

@media only screen and (max-width:1000px){
	table.otoiawase_form td .kiyaku_check input{
		width: auto ;
	}
}


.riyou_kiyaku_pdf {
	text-align: center;
}
.riyou_kiyaku_pdf i{
	font-size: 22px;
	margin-right: 6px;
}
.kiyaku_check_guideline_error{
	font-size: 16px;
}
/************************/
table.otoiawase_form{
	width: 100%;
	border-collapse: collapse ;
}
table.otoiawase_form th,
table.otoiawase_form td{
	padding: 10px 0;
	border: none;
}

table.otoiawase_form th{
	width: 300px;
	text-align: left;
	box-sizing: border-box;
	padding-left: 10px;
	position: relative;
}
table.otoiawase_form td{
}

table.otoiawase_form input{
	padding: 7px 10px;
}
table.otoiawase_form textarea{
	padding: 10px;
	font-family: inherit;
	width : 100% ;
	box-sizing: border-box;
}
table.otoiawase_form th span.required{
	padding: 5px 10px;
	position: absolute;
	right: 20px;
	top: calc(50% - 17px) ;
}

@media only screen and (max-width:1000px){
	table.otoiawase_form{
		width: 100%;
	}
	table.otoiawase_form th,
	table.otoiawase_form td{
		display: block;
		width: 100%;
	}
	table.otoiawase_form th{
		border: none;
		padding-bottom: 0;
	}
	table.otoiawase_form td{
		border-bottom: 1px dotted #999999;
		padding-top: 6px;
	}
	table.otoiawase_form th span.required{
		position: relative;
		margin: 0 0 0 30px;
	padding: 2px 10px;
	}
	table.otoiawase_form input{
		width: calc(100% - 30px) ;
	}
	table.otoiawase_form textarea{
		width: calc(100% - 30px) ;
	}
}




.otoiawase_form_button{
	margin: 10px 0 0 0;
	text-align: center;
}

.otoiawase_form_button input[type=submit]{
	padding: 6px 20px;
	border: none ;
	transition: all ease .3s;
}
.otoiawase_form_button input[type=submit]:hover{
}

table.otoiawase_form th{
	font-weight: bold;
	border-bottom: 1px solid #56ADE4;
}
table.otoiawase_form td{
	border-bottom: 1px solid #999999;
}

table.otoiawase_form input{
	font-size: 16px;
}
table.otoiawase_form textarea{
	font-size: 16px;
	line-height: 26px;
}
table.otoiawase_form th span.required{
	background-color: #FFC536;
	color: #FFFFFF;
	font-weight: bold;
}

.otoiawase_form_button input[type=submit]{
	background-color: #51A1F5;
	color: #FFFFFF;
	font-size: 18px;
}
.otoiawase_form_button input[type=submit]:hover{
	background-color: #888888;
}


/************************/
/** 各団体のお問い合わせフォーム **/
/************************/

#otoiawase_organization {
	margin-bottom: 0px;
}
#otoiawase_organization table.otoiawase_form{
	width: 95%;
	margin: 0 auto 20px;
}
#otoiawase_organization table.otoiawase_form textarea{
	height: 100px;
}
#otoiawase_organization table.otoiawase_form th,
#otoiawase_organization table.otoiawase_form td{
	padding: 4px 0;
}
#otoiawase_organization table.otoiawase_form input{
	padding: 5px 10px;
	font-size: 16px;
}
#otoiawase_organization table.otoiawase_form th span.required{
	padding: 1px 10px;
	top: calc(50% - 11px) ;
}

div.mw_wp_form_preview table.otoiawase_form td,
div.mw_wp_form_preview #otoiawase_organization table.otoiawase_form td{
	padding-top: 10px;
	padding-bottom: 10px;
}

/************************/
/** 完了画面 **/
/************************/

/** 管理者 **/
#administrator_finish_box{
}

/** 各団体 **/
#organization_finish_box{
	margin: 20px 15px 40px 15px;
}


/************************/
/** 新規ユーザー登録申請フォーム **/
/************************/

table.otoiawase_form.contact_request th{
	font-size: 0.9em;
	font-weight: normal;
}
table.otoiawase_form.contact_request th span.required{
	font-size: 0.9em;
	padding: 2px 10px;
	top: calc(50% - 11px) ;
}

/** 氏名 **/

.otoiawase_form .yourname_wrap input{
	display: inline-block;
	width: 100px;
}
/** 注記 **/
.user_id_caution{
	font-size: 0;
	margin: 3px 0 0 0;
}
.user_id_caution span{
	font-size: 11px;
	color: #FF0004;
	font-weight: bold;
	display: inline-block;
	line-height: 15px;
	margin: 0;
	padding: 0 0 0 2px;
}

td.radio_btn_item_wrap{
	position: relative;
}
td.radio_btn_item_wrap label{
	margin: 0 4px;
}
td.radio_btn_item_wrap .radio_btn_item{
	position: relative;
    width: 16px;
    height: 16px;
	top: 2px;
}
@charset "utf-8";


/*********************************/
/*****広告エリア********/
/*********************************/

.side_banner_top{
	width: 300px;
	height: 100px;
	text-align: center;
	margin: 0 auto;
}
@media screen and (max-width: 600px) {
	#container #sidebar .side_banner_top{
		width: 100%;
		height: auto;
	}
	#container #sidebar .side_banner_top img{
		width: 100%;
		height: auto;
	}
}

.side_banner_top:hover{
}
a.side_banner_top{
	text-decoration: none;
}

.side_banner_300_250{
	width: 300px;
	height: 250px;
	text-align: center;
	margin: 20px auto 0;
	position: relative;
	background-image:url(./banner/sample/cereb.jpg) ;
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.side_banner_300_250 p{
	position: relative;
	top: 80px;
}
.side_banner_300_600{
	width: 300px;
	height: 600px;
	text-align: center;
	margin: 20px auto 0;
	position: relative;
	background-image:url(./banner/sample/yoione.png) ;
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.side_banner_300_600 p{
	position: relative;
	top: 200px;
}


/***** バナーエリア ******/
/***** _を抜くと、iPhoneで何故か消えてしまう ******/

._res_banner_1200_628{
	width: 1200px;
	/** height: 628px; **/
	height: auto;
	aspect-ratio: 7 / 2;
	text-align: center;
	margin: 30px auto 0;
	position: relative;
	background-image:url(./banner/sample/sl.jpg) ;
	background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
._res_banner_1200_628 p{
	position: relative;
	top: 50px;
}
@media screen and (max-width: 1650px) {
	._res_banner_1200_628{
		width: 100%;
		aspect-ratio: 7 / 2;
	}
}






/*********************************/
/*****広告エリア********/
/*********************************/

.side_banner_top{
	background-color: #45BD33;
	color: #FFF;
	line-height: 50px;
	font-size: 16px;
}
.side_banner_top:hover{
	background-color: #1B5C35;
}
.side_banner_300_250{
	background-color: #C2C2C2;
}
.side_banner_300_250 p{
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	text-shadow: 3px 3px 3px #000000;	
}
.side_banner_300_600{
	background-color: #C2C2C2;
	color: #FFFFFF;
	font-size: 18px;
}
.side_banner_300_600 p{
	font-size: 22px;
	font-weight: bold;
	text-shadow: 3px 3px 3px #000000;	
}


/***** バナーエリア ******/
/***** _を抜くと、iPhoneで何故か消えてしまう ******/

._res_banner_1200_628{
	background-color: #C2C2C2;
	color: #FFFFFF;
}
._res_banner_1200_628 p{
	font-size: 22px;
	font-weight: bold;
	text-shadow: 3px 3px 3px #000000;	
}@charset "utf-8";
/******************************/
/******** パスワードの設定について ********/
/******************************/

.password_setting_page_link{
	border: 1px solid #A3A3A3;
	padding: 0 0 0 10px
}
#password_setting_page h3{
	margin-top: 40px;
}
#password_setting_page h3:first-of-type {
	margin-top: 20px;
}

#password_setting_page h4{
	position: relative;
	margin-left: 0;
	padding-left: 28px;
	padding-bottom: 6px;
	margin-top: 20px;
	font-size: 1.2rem;
	color: #C40E11;
}
#password_setting_page h4::before{
	position: absolute;
	content:"\f06a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top:11px;
	left:0px;
	transform:translatey(-50%);
	font-size: 24px;
	color: #EF3400;
}

.password_setting_page_password_setting_image{
	max-width: 300px;
	height: auto;
	padding: 0px 0px 20px 0px;
}
.password_setting_page_password_setting_image img{
	width: 100%;
}

/******************************/
/******** よくある質問 ********/
/******************************/
#faq_page h2{
	margin-top: 40px;
}

#faq_page h3{
	position: relative;
	margin-left: 0;
	padding-left: 28px;
	padding-bottom: 6px;
	margin-top: 20px;
	font-size: 1.2rem;
	color: #EF3400;
	border-bottom: 2px solid #EF3400;
}
#faq_page h3::before{
	position: absolute;
	content:"\f059";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top:11px;
	left:0px;
	transform:translatey(-50%);
	font-size: 24px;
	color: #EF3400;
}

#faq_page h4{
	font-size: 1.0rem;
}

/******************************/
/******** スポタルとは ********/
/******************************/

#what_spotal h2{
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #747474;
}
#what_spotal h3{
	margin-top: 20px;
	font-size: 17px;
}

.youtube_responsive_container {
    position: relative;
    overflow: hidden;
    width: 100%; /* コンテナの幅を親要素に合わせる */
    max-width: 700px; /* 最大幅を700pxに設定 */
    margin: 10px 0 30px 0;
}

.youtube_responsive_container::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
}

.youtube_responsive_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/******************************/
/******** 登録団体 ********/
/******************************/
#wrapper #main #single_page #registrant_page {
	padding: 0 0 200px 0;
}
#wrapper #main #single_page #registrant_page ul{
	margin: 0;
	padding: 0;
}

#wrapper #main #single_page #registrant_page ul li{
	display: inline-block;
	margin: 4px 16px 15px 5px;
	padding: 4px 0 4px 50px;
	position: relative;
}
#registrant_page .top_news_author_img{
	margin-right: 10px;
	position: absolute;
	top:-3px;
	left: 0px;
}

/******************************/
/******** プライバシーポリシーページ ********/
/******************************/

#wrapper #main #privacy_policy_page h3{
  position: relative;
	padding: 10px 10px 4px 8px;;
	margin-top: 20px;
	margin-bottom: 10px;
}

#container #wrapper #main #privacy_policy_page p,
#container #wrapper #main #privacy_policy_page ul li{
}
#container #wrapper #main #privacy_policy_page p{
	margin: 10px 0 0 8px;
}
#container #wrapper #main #privacy_policy_page ul{
	margin: 4px 8px 20px 30px;
}
#container #wrapper #main #privacy_policy_page ul li{
	list-style-type: disc;
}


/******************************/
/******** プライバシーポリシーページ ********/
/******************************/

#wrapper #main #privacy_policy_page h3{
  border-bottom: solid 3px #cce4ff;
	background-color: #E8E8E8;
}


#container #wrapper #main #privacy_policy_page p,
#container #wrapper #main #privacy_policy_page ul li{
	font-size: 14px;
}



/******************************/
/******** 種目・種別リスト ********/
/******************************/

#container #wrapper #main #type_list_page h4{
	color: #000;
}
#container #wrapper #main #type_list_page ul{
	position: relative;
	margin: 0;
	padding: 0px 0 30px 8px;
}
#container #wrapper #main #type_list_page .custom_field_radio ul li{
	position: relative;
	list-style-type: none;
	display: inline-block;
	margin: 5px 16px 10px 0;
	padding: 0 0 0 0px;
}

#container #wrapper #main #type_list_page .custom_field_radio ul li span{
	position: relative;
	top:7px;
}

/** 
#container #wrapper #main #type_list_page .custom_field_radio ul li::before{
	position: absolute;
	content:"\f140";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top:0px;
	left:0px;
	font-size: 17px;
	color: #004680;
}
 **/


/******************************/
/******** 種目・種別リスト ********/
/******************************/


#container #wrapper #main #type_list_page .custom_field_radio ul li i{
	color: #535353 ;
}
#container #wrapper #main #type_list_page .custom_field_radio span{
	color: #535353 ;
}
/******************************/
/******** カレンダー ********/
/******************************/

#container #wrapper #main #calender_page table{
	width: 100%;
	border-collapse:collapse;
	font-size: 0.9em;
	border: none;
}

#container #wrapper #main #calender_page form.category_switch {
    margin-bottom: 10px;
}
#container #wrapper #main #calender_page form.category_switch button {
	color: #000;
    padding: 8px 0;
    width: 32%;
    margin-right: 6px;
    background-color: #ffffff; /* デフォルトの背景色を白に設定 */
    border: 1px solid #555555; /* 枠線を#555555色と1pxの幅に設定 */
    font-size: 15px; /* 文字の大きさを15pxに設定 */
    transition: background-color 0.3s, transform 0.3s; /* 背景色と変形の遷移効果を追加 */
}

@media screen and (min-width: 661px) {
	#container #wrapper #main #calender_page form.category_switch button {
		font-size: 17px;
	}
}

#container #wrapper #main #calender_page form.category_switch button:last-child {
    margin-right: 0px;
}
#container #wrapper #main #calender_page form.category_switch button.active {
    color: #ffffff; /* アクティブな時の文字色を白に設定 */
	font-weight: bold;
}
/* 各ボタンのアクティブ時の色を設定 */
#container #wrapper #main #calender_page form.category_switch button.tournament_info.active {
    background-color: #4682b4; /* 青色 */
}
#container #wrapper #main #calender_page form.category_switch button.tournament_results.active {
    background-color: #ff6347; /* オレンジ */
}
#container #wrapper #main #calender_page form.category_switch button.classroom_event.active {
    background-color: #2e8b57; /* 緑色 */
}



#container #wrapper #main #calender_page form.category_switch button:hover {
    /* background-color: #f0f0f0; マウスオーバー時の背景色を薄いグレーに設定 */
    transform: translateY(-2px); /* マウスオーバー時にボタンを少し上に移動させる */
	color: #000;
}
#container #wrapper #main #calender_page form.category_switch button:hover.tournament_info {
    background-color: #b0c4de; /* 青色 */
}
#container #wrapper #main #calender_page form.category_switch button:hover.tournament_results {
    background-color: #f4a460; /* オレンジ */
}
#container #wrapper #main #calender_page form.category_switch button:hover.classroom_event {
    background-color: #90ee90; /* 緑色 */
}

#container #wrapper #main #calender_page form.calender_list_modoru{
	margin: 0 0 10px 0;
}

#container #wrapper #main #calender_page form.calender_list_modoru button{
	padding: 4px 20px;
}

#container #wrapper #main #calender_page table.calender_list_month_day button{
	padding: 1px 30px;
	font-size: 1.2em;
}
#container #wrapper #main #calender_page table.calender_list_month_day th{
	font-size: 1.5em;
	border:none;
}

#container #wrapper #main #calender_page table.calender_list_table{
	margin: 10px 0;
}
#container #wrapper #main #calender_page table.calender_list_table td{
	border: 1px solid #5B5B5B;
	padding-top: 4px;
	padding-bottom: 4px;
}
#container #wrapper #main #calender_page table.calender_list_table td:first-child{
	text-align: center;
	width: 40px;
}
#container #wrapper #main #calender_page table.calender_list_table td:nth-child(2){
	text-align: center;
	width: 50px;
}
#container #wrapper #main #calender_page table.calender_list_table td:nth-child(3){
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
#container #wrapper #main #calender_page table.calender_list_table td.calender_enent_name{
	padding-right: 0;
}
td.calender_enent_name span.calender_enent_link{
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 3px;
	display: inline-block;
	position: relative;
}
td.calender_enent_name span.calender_enent_link::before{
    position: absolute;
    top: 50%;
    left: -9px;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.3em solid transparent;
    border-left: 0.4em solid #000000;
    content: "";
}

/*********************************/
/******** スポタルの使い方 *********/
/*********************************/
#container #wrapper #main #how_to_use_page h1{
	font-size: 17px;
	margin: 0 0 10px 5px;
}
#wrapper #main #how_to_use_page h2 {
	font-size: 18px;
	position: relative; /* 位置指定のコンテキストを提供するために追加 */
	padding-left: 38px; /* アイコンとテキストの間にスペースを提供するために追加 */
	margin-top: 30px;
}

#wrapper #main #how_to_use_page h2:first-of-type {
	margin-top: 20px ;
}

#wrapper #main #how_to_use_page h2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14b"; /* アイコンをf14bに変更 */
	font-weight: 900;
	font-size: 30px;
  position: absolute;
  left: -6px;
  top: -4px;
  color: #5c9ee7; /* アイコンの色を#5c9ee7に変更 */
  padding: 3px 10px; /* アイコンの周りのスペースを提供 */
}


#wrapper #main #how_to_use_page h3{
  position: relative;
	padding: 10px 10px 4px 8px;;
	margin: 0px 0 10px 0;
  border-bottom: solid 3px #cce4ff;
	background-color: #E8E8E8;
	cursor: pointer;
	font-size: 18px;
}
#wrapper #main #how_to_use_page h4{
	padding: 6px 4px 3px 7px;
	color: #dd0000;
	font-size: 15px;
}
@media screen and (max-width: 660px) {
#wrapper #main #how_to_use_page h4{
	padding: 6px 3px 3px 3px;
	}
}
#wrapper #main #how_to_use_page h5{
	padding: 3px 10px;
	font-size: 1.0em;
}
@media screen and (max-width: 660px) {
#wrapper #main #how_to_use_page h5{
		padding: 3px 5px;
	}
}
#wrapper #main #how_to_use_page h6{
	padding: 3px 10px;
	font-size: 0.9em;
}
@media screen and (max-width: 660px) {
#wrapper #main #how_to_use_page h6{
		padding: 3px 5px;
	}
}

#wrapper #main #how_to_use_page p{
	padding: 3px 10px;
}
@media screen and (max-width: 660px) {
	#wrapper #main #how_to_use_page p{
		padding: 3px 5px;
	}
}
#container #main #single_page #how_to_use_page ol,
#container #main #single_page #how_to_use_page ul{
	margin-top: 2px;
	margin-bottom: 2px;
}
#wrapper #main #how_to_use_page ol li,
#wrapper #main #how_to_use_page ul li{
	margin: 3px 10px 4px 10px;
}
@media screen and (max-width: 660px) {
#wrapper #main #how_to_use_page ol li,
#wrapper #main #how_to_use_page ul li{
		margin: 3px 5px 4px 5px;
	}
}

/** 開閉 **/
#how_to_use_page .content-section {
    height: 0;
        overflow: hidden;
    transition: height 0.5s ease-in-out;
    }

#how_to_use_page .content-section.open {
    height: auto;
    }

#how_to_use_page .content-section .content_section_innner{
	padding-bottom: 10px;
}

/** YouTube ユーチューブへのリンク **/
a.youtube_link i{
	margin-right: 7px;
	font-size: 1.3em;
	color: #9C0002;
	position: relative;
	top:1px;
}

/*********************************/
/******** 登録団体募集中 *********/
/*********************************/

#wrapper #main #user_bosyu_page h3{
  position: relative;
	padding: 10px 10px 4px 8px;;
	margin: 30px 0 10px 0;
  border-bottom: solid 3px #cce4ff;
	background-color: #E8E8E8;
	font-size: 21px;
}
#wrapper #main #user_bosyu_page h3:first-child{
	margin: 10px 0 10px 0;
}
#wrapper #main #user_bosyu_page h4{
	padding: 2px 4px 0px 7px;
	font-size: 16px;
}
@media screen and (max-width: 660px) {
#wrapper #main #user_bosyu_page h4{
	padding: 2px 3px 0px 3px;
	}
}
#wrapper #main #user_bosyu_page h4::before{
 content:"■";
    font-size: 150%;
    margin-right: 0px;
	position: relative;
	top:2px;
}
#wrapper #main #user_bosyu_page p{
	padding: 3px 10px;
}
@media screen and (max-width: 660px) {
	#wrapper #main #user_bosyu_page p{
		padding: 3px 5px;
	}
}

#container #main #single_page #user_bosyu_page ol,
#container #main #single_page #user_bosyu_page ul{
	margin-top: 2px;
	margin-bottom: 2px;
}
#wrapper #main #user_bosyu_page ol li,
#wrapper #main #user_bosyu_page ul li{
	margin: 3px 10px 4px 10px;
}
@media screen and (max-width: 660px) {
#wrapper #main #user_bosyu_page ol li,
#wrapper #main #user_bosyu_page ul li{
		margin: 3px 5px 4px 5px;
	}
}

.fontawesome_mail{
	padding: 0 2px 0 25px;;
	position: relative;
}
.fontawesome_mail::before{
  position: absolute;
  content:"\f0e0";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top:11px;
  left:2px;
  transform:translatey(-50%);
	font-size: 1.2em;
	color: #1e90ff;
}
.fontawesome_bosyu_form{
	padding: 0 4px 0 20px;;
	position: relative;
}
.fontawesome_bosyu_form::before{
  position: absolute;
  content:"\f14b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top:12px;
  left:2px;
  transform:translatey(-50%);
	font-size: 1.3em;
	color: #1e90ff;
}
.fontawesome_sptowa{
	padding: 0 2px 0 20px;;
	position: relative;
}
.fontawesome_sptowa::before{
  position: absolute;
  content:"\f059";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top:11px;
  left:2px;
  transform:translatey(-50%);
	font-size: 1.2em;
	color: #1e90ff;
}
@charset "utf-8";

/**********　管理画面のスタイルをカスタマイズするためには、
admin_enqueue_scripts アクションを使って管理画面専用のスタイルシートを追加する。　

gakku.css 内のコードは、管理画面専用のスタイルシートとする
************************/


/**********　管理画面 投稿ページ 種目・種別 横並びにする　************************/
.acf-input ul.acf-checkbox-list li {
    display: inline-block;
}
.acf-input ul.acf-checkbox-list li label {
    margin-right: 10px;
}




/**********　コメントリストのデザインをカスタマイズする　************************/

#comments.comments-area {
	margin-bottom: 10px;
}

#comments.comments-area ol.comment-list{
	margin-bottom: 30px;
}

/**********　コメントフォームのデザインをカスタマイズする　************************/
#commentform {
    background-color: #f9f9f9;
    padding: 20px 10px 0 10px;
    border-radius: 10px;
}
#commentform input[type="text"],
#commentform textarea {
    width: 99%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
	box-sizing: border-box;
	font-family: inherit;
}
#commentform input[type="submit"] {
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
	margin-top: 10px;
}
#commentform input[type="submit"]:hover {
    background-color: #555;
}

/* メールアドレスのエリアを消すCSS */
.comment-form-email {
  display:none;
}

/******** コメント欄 **********/

.comment_memo{
	padding: 0 10px ;
	margin-bottom: 30px;
}
.required-field-message {
    display: none;
}

.commentmetadata{
	display: inline-block;
	margin-left: 10px;
	font-size: 0.9em;
	font-style: italic;
}
.comment-body .comment-text{
	margin-bottom: 0;
}
.comment-body .reply{
	margin-top: -10px;
	padding-bottom: 16px;
}
.comment_shounin{
	display: block;
}