@charset "utf-8";
/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

/*
H-MOTOメモ 2020.03.13
このままではLightningの子テーマが反映されないため
style.cssの読み込み方法を子テーマのfunction.phpで書き直しています
*/
/* マウスオーバーで半透明 */
.alpha:hover{
	opacity: 0.5;
}
/* 商品一覧のバラべ変えを消去 */
.orderby{
	display:none;
}
/* ページタイトルのアイキャッチ画像 */
.page-header-image {
    width: 100%;
    height: auto;
    overflow: hidden;
}
 
.page-header-image img {
    width: 100%;
}

.kyousan_table input[type="text"]{width:100% !important;}
/* 受賞・参加テーブル 未使用？ */
table.yosakoi-t {
	border: 1px solid rgba(0,0,0,.0.5);
	text-align:center;
}
table.yosakoi-t > th{
	border-bottom:double 1px #333;
	font-weight:bold;
}
td.bg-b {
	background-color: #E7F5FE;
}

td {
    border:1px solid rgba(0,0,0,.05);
}

/* Google map */
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/* 見出し背景 */
.bg_blue{
	background-color:#003366;
	color:#ffffff;
	padding:0.5rem;
}

.bg_darkblue{
	background-color:#0F3F6F;
	color:#ffffff;
	padding:0.5rem;
}

.localNavi a::before{
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f0da\0020";
}
/* アイコンの後ろにスペース*/
i::after {
  content: "　";
}
/*　Float */
.f_right{
	float:right;
}
.f_left{
	float:left;
}

/*　Text Posision */
.t_right{
	text-align:right;
}
.t_left{
	text-align:left;
}
/*　FontColor */
.f_red{
	color:#7E0F09;
}

.f_blue{
	color:#003366;
}

.f_darkblue{
	color:#0F3F6F;
}

#vip_sponsors ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 35px; margin-bottom: 50px;}
#vip_sponsors li{width: calc((100% - 35px*3)/4);}

#medium_sponsors ul{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 50px;}
#medium_sponsors li{width: calc((100% - 30px*5)/6);}


#general_sponsors ul{padding-left: 1em; display: flex; flex-wrap: wrap; gap: 0 60px;}
#general_sponsors li{width: calc((100% - 60px*2)/3);}

#vip_sponsors a,#medium_sponsors a{display: block;}