@charset "UTF-8";
/* CSS Document */


.image_banner {
	margin-bottom: 15px;
}


.image_banner img {
  transition: filter 0.3s ease;
}

.image_banner:hover img {
  filter: brightness(0.8) contrast(1.2);
}

/*フッターバナーのフィルター*/
.img_hover_dark:hover img {
	filter: brightness(0.8) contrast(1.2);
}


/*コスプレ祭トップのtitle*/
.cosplay_camera_onegai_title_wrap {
	max-width: 1440px;
	height: auto;
	display: flex;
	align-items: center; /* 縦方向（上下）中央寄せ */
	justify-content: center; /* 横方向中央 */
}

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








/*comingsoonの設定*/
.comingsoon2025 {
	max-width: 1440px;
	width: 100%;
	height: 500px;
	margin: 0 auto;
	display: flex;
	align-items: center; /* 縦方向（上下）中央寄せ */
	justify-content: center; /* 横方向中央 */
	font-size: 5rem;
	font-family: "Noto Sans JP", serif;
	font-weight: 600;
	color:plum;
}



/*開催概要の2024年度画像設定pc*/
.kaisai2024_wrap img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.syoukai_gazou_only_pc{
	display: block;
}

.syoukai_gazou_only_smp{
	display: none;
}






/*コスプレ祭参加証販売情報 お願い部分*/
.sale_onegai {
	font-size: clamp(1.0625rem, 0.7279rem + 1.2745vw, 1.875rem);
	line-height: 1.75;
	font-weight: 700;
	color: #eb4553;
}

.sale_onegai_list {
	font-size: clamp(1.0450rem, 0.7279rem + 1.2745vw, 1.6rem);
	line-height: 1.6;
	font-weight: 500;
	margin:20px 0px 60px;
	color: dimgray;
}


/*3000円*/
.sankasyou3000 {
	background-color: #b62388;
  padding: 40px;
}
@media (max-width: 768px) {
  .sankasyou3000 {
    padding: 15px;
  }
}
.sankasyou3000-text {
  color: var(--white);
  font-size: clamp(1.125rem, 0.8162rem + 1.1765vw, 1.875rem);
  line-height: 1.66;
}


.sankasyou_wrap {
  padding: 40px;
  background-color: #f9dff1;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .sankasyou_wrap {
    padding: 15px;
    margin-bottom: 40px;
  }
}

.sankasyou-kome {
  font-size: clamp(1.125rem, 0.9449rem + 0.6863vw, 1.5625rem);
  font-weight: 500;
  color: var(--pageTextColor);
  line-height: 1.76;
}


/*4500円*/
.sankasyou4500 {
	background-color: #539eaa;
  padding: 40px;
	margin-top: 140px;
}
@media (max-width: 768px) {
  .sankasyou4500 {
    padding: 15px;
	 margin-top: 80px;
  }
}
.sankasyou4500-text {
  color: var(--white);
  font-size: clamp(1.125rem, 0.8162rem + 1.1765vw, 1.875rem);
  line-height: 1.66;
}

.sankasyou4500-text-sub {
  color:gold;
  font-size: clamp(1.0rem, 0.8162rem + 1.1765vw, 1.5rem);
  line-height: 1.6;
}




/*余白*/
.yohaku15 {
	margin-bottom: 15px;
}
@media (max-width: 768px){
	.yohaku15 {
	margin-bottom: 0px;
}
}

/*余白*/
.yohaku10 {
	margin-bottom: 10px;
}
@media (max-width: 768px){
	.yohaku10 {
	margin-bottom: 0px;
}
}




/*参加証販売情報の丸付き数字のカラー*/
.circle_red {
	color:crimson;
	padding-right: 15px;
	font-size: 25pt;
}
@media (max-width: 768px){
	.circle_red {
	padding-right: 10px;
	font-size: 18pt;
}
}


/*更衣室　女子・男子*/
.kouishitsu_wrap {
	
}
.kouishitsu_woman {
	background-color: hotpink;
	color:white;
	font-size: 30px;
	padding: 20px;
	font-weight:600;
	display: inline-block;
	border-radius: 10px;
	margin:40px 0px 0px;
}
@media (max-width: 768px){
	.kouishitsu_woman {
	font-size: 25px;
	padding: 15px;
}
}

.kouishitsu_man {
	background-color:royalblue;
	color:white;
	font-size: 30px;
	padding: 20px;
	font-weight:600;
	display: inline-block;
	border-radius: 10px;
	margin:30px 0px 0px;
}
@media (max-width: 768px){
	.kouishitsu_man {
	font-size: 25px;
	padding: 15px;
}
}


/*更衣室男子　堺筋広場へお越しください*/
.gosakaisuji{
	font-size: 25px;
	color: royalblue;
	border: 4px dotted royalblue;
	padding: 15px;
	line-height: 1.5;
	background-color: aliceblue;
	width:500px;
}

.gosakaisuji_mini{
	font-size: 20px;
	color: royalblue;
}

@media (max-width: 768px){
	.gosakaisuji{
		font-size: 20px;
		width:auto;
	}

	.gosakaisuji_mini{
		font-size: 18px;
	}
}






/*フッターのコスプレパレードのバナー部分*/
.sanka_bosyu {
	max-width: 1440px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: center; /* 横方向中央（オプション） */
}

.sanka_bosyu img {
	width: 100%;
	height: auto; /* 縦横比を維持して縮小 */
	display: block;
	border: 1px solid #6A6A6A;
}

.sanka_bosyu:hover {
	filter: brightness(0.8) contrast(1.2);
}




/*コスプレパレード・参加注意事項追加分*/
.parade_sanka_date {
	color:red;
	font-weight: bold;
}




/*スマホのハンバーガー内のバナー設定*/
.navigation_banner{
}

.navigation_banner a{
display: block;
width: 80%;
margin: 10px 10%;

}

.navigation_banner a img{
width: 100%;
}








/*ストフェスTOPのバナー表示用*/
@media (min-width: 1201px) {
.image_banner {
	margin: 0px 0px 50px 0px;
}
.image_banner img{
	width: calc(100% - 0px);
	max-width: 1420px;
}
}

@media (max-width: 1200px) and (min-width: 769px){
.image_banner {
	margin: 0px 0px 50px 0px;
}
.image_banner img{
	width: 100%;
}
.image_banner {
	margin-bottom: 15px;
}
	
}

@media (max-width: 768px) {
.image_banner {
	margin: 0px 0px 40px 0px;
}
.image_banner img{
	width: calc(100% - 10px);
}
.image_banner {
	margin-bottom: 10px;
}
	
	
/*comingsoonの設定smp*/
.comingsoon2025 {
	height: 400px;
	font-size: 2.8rem;
}

	
/*開催概要の2024年度画像設定smp*/
.syoukai_gazou_only_pc{
display: none;
}

.syoukai_gazou_only_smp{
display: block;
}
	

	
	
}



/*※印のリストタグ風対応*/
.kome_jirushi_list_grid {
	display:grid;
	grid-template-columns: 33px auto;
	gap:5px;
	align-items: start; /* 縦方向の上詰め */
}

@media (max-width: 768px){
	.kome_jirushi_list_grid {
	grid-template-columns: 20px auto;
	gap:3px;
}
}


/*sale.phpのインターネット販売での注意事項文字設定*/
/*※印のリストタグ風対応*/
.kome_jirushi_list_grid_internet_sales {
	display:grid;
	grid-template-columns: 40px auto;
	gap:5px;
	align-items: center; /* 縦方向の中央寄せ */
}

@media (max-width: 768px){
	.kome_jirushi_list_grid_internet_sales {
	grid-template-columns: 30px auto;
	gap:3px;
}
}

.internet_sales_font {
	font-size: clamp(1.125rem, 0.9449rem + 0.6863vw, 1.5625rem);
	font-weight: 500;
	color: var(--pageTextColor);
	line-height: 1.76;
}



/*change.phpの注意事項文字設定*/
/*※印のリストタグ風対応*/
.limited_sales_font {
  font-size: clamp(1.125rem, 0.9449rem + 0.6863vw, 1.5625rem);
  font-weight: 500;
  color: var(--pageTextColor);
  line-height: 1.76;
}

/*cosplay.phpの注意事項文字設定*/
/*※印のリストタグ風対応*/
.cosplay_matsuri_font {
	line-height: 1.76;
	margin-bottom: 40px;
	font-size: clamp(1.0625rem, 0.8566rem + 0.7843vw, 1.5625rem);
	font-family: "Noto Sans JP", serif;
	font-weight: 500;
}

@media (max-width: 768px){
	.cosplay_matsuri_font {
	margin-bottom: 10px;
}
}



/*cosplay.phpのcautionのヘッダー*/
.caution_bg_header {
	width: 100%;  /* 幅 */
	height: 68px; /* 高さ */
	background-image: url("../images/cosplay/yellowblack_caution_bg.jpg"); /* 背景画像を指定 */
	background-repeat: repeat-x; /* 横方向にのみ繰り返し */
	background-size: auto; /* 画像のサイズを変更しない */
}


/*cosplay.phpのcautionのフッター*/
.caution_bg_footer {
	width: 100%;  /* 幅 */
	height: 30px; /* 高さ */
	background-image: url("../images/cosplay/yellowblack.jpg"); /* 背景画像を指定 */
	background-repeat: repeat-x; /* 横方向にのみ繰り返し */
	background-size: auto; /* 画像のサイズを変更しない */
}



/*※印のリストタグ風対応 pressページのみ*/
.kome_jirushi_list_grid_press {
	display:grid;
	grid-template-columns: 33px auto;
	gap:5px;
	align-items: start; /* 縦方向の上詰め */
}

@media (max-width: 768px){
	.kome_jirushi_list_grid_press {
	grid-template-columns: 20px auto;
	gap:3px;
}
}


/*sale.phpの完売しました表記*/
.sale_kanbai {
	background-color:red;
	color: white;
	border-radius: 10px;
	padding: 2px 10px;
	margin-left: 10px;
	font-size: 20px;
	font-weight: 400;
}

@media (max-width: 768px){
	.sale_kanbai {
	font-size: 15px;
	}
}


/*change.phpの完売しました表記*/
.change_kanbai {
	background-color:red;
	color: white;
	border-radius: 10px;
	padding: 10px;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 10px;
	display: inline-block;
}

@media (max-width: 768px){
	.change_kanbai {
	font-size: 15px;
	}
}


/*開催終了メッセージ*/
.message2025_box{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Noto Sans JP", serif;
	font-weight: 600;
}

.message2025{
	margin-top: 2em;
	padding: 2em 4em;
	width: 1100px;
	background-color:azure;
}

.message2025_text{
	font-size: 23px;
	line-height: 1.6;
	margin-bottom: 1em;
	color:#74bae2;
}

.message2025_signature{
	text-align: right;
	font-size: 23px;
	margin-bottom: 1em;
	color:#74bae2;
}

@media (max-width: 768px){
	.message2025_box{
	font-weight: 600;
	}

.message2025{
	padding: 1em 1em;
	width: auto;
	}

.message2025_text{
	font-size: 18px;
	line-height: 1.6;
	color:#5c96b8;
	}

.message2025_signature{
	font-size: 18px;
	color:#5c96b8;
	}
}