.wwr-booths{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.wwr-booth{
    border:1px solid #ddd;
    padding:20px;
    border-radius:10px;
}

/* =========================
   共通
========================= */

.wwr-card{
    background: #fff;
        border-radius: 16px;
        padding: 100px 50px;
        margin-bottom: 40px;
        box-sizing: border-box;
}

.wwr-card h2,
.wwr-card h3{
    margin-top:0;
}

.wwr-btn{
    display:inline-block;
    padding:12px 20px;
    background:#4caf50;
    color:#fff;
    text-decoration:none;
    border:none;
    border-radius:8px;
    cursor:pointer;
    font-weight:bold;
}

.wwr-btn:hover{
    opacity:.9;
}

.wwr-btn-danger{
    background:#d32f2f;
}

.wwr-btn-gray{
    background:#666;
}

.wwr-info{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:10px;
    margin:8px 0;
}

.wwr-info strong{
    color:#666;
}

.wwr-notice-success{
    background:#ecfff0;
    border:1px solid #5cb85c;
    padding:20px;
    border-radius:10px;
}

.wwr-notice-error{
    background:#fff4f4;
    border:1px solid #f44336;
    padding:20px;
    border-radius:10px;
}

.wwr-slot{
    margin-bottom:10px;
}

.wwr-slot a{
    display:inline-block;
    padding:12px 15px;
    border:1px solid #ddd;
    border-radius:8px;
    text-decoration:none;
    color:#333;
    transition:.2s;
}

.wwr-slot a:hover{
    background:#f5f5f5;
}

.wwr-full{
    color:#d32f2f;
    font-weight:bold;
}

/* =========================
   フォーム
========================= */



.wwr-form p{
	text-align: left;
	margin-bottom: 10px;
}

.wwr-form input,
.wwr-form textarea,
.wwr-form select{
    width:100%;
    padding:12px;
    border:1px solid #ddd;
    border-radius:8px;
    box-sizing:border-box;
	margin: 5px 0;
}

#participants-wrap{
    margin:20px 0;
}

#participants-wrap > div{
    background:#fafafa;
    border:1px solid #eee;
    border-radius:8px;
    padding:15px;
    margin-bottom:10px;
}



@media (max-width:1024px) {
	.wwr-booths{
		display:grid;
		grid-template-columns:repeat(3,1fr);
		gap:20px;
	}

	.wwr-booth{
		border:1px solid #ddd;
		padding:20px;
		border-radius:10px;
	}

	/* =========================
	   共通
	========================= */

	.wwr-card{
		background: #fff;
			border-radius: 16px;
			padding: 10% 5%;
			margin-bottom: 40px;
			box-sizing: border-box;
	}

	.wwr-card h2,
	.wwr-card h3{
		margin-top:0;
	}

	.wwr-btn{
		display:inline-block;
		padding: 5%;
		background:#4caf50;
		color:#fff;
		text-decoration:none;
		border:none;
		border-radius:8px;
		cursor:pointer;
		font-weight:bold;
	}

	.wwr-btn:hover{
		opacity:.9;
	}

	.wwr-btn-danger{
		background:#d32f2f;
	}

	.wwr-btn-gray{
		background:#666;
	}

	.wwr-info{
		display:grid;
		grid-template-columns:180px 1fr;
		gap:10px;
		margin:8px 0;
	}

	.wwr-info strong{
		color:#666;
	}

	.wwr-notice-success{
		background:#ecfff0;
		border:1px solid #5cb85c;
		padding:20px;
		border-radius:10px;
	}

	.wwr-notice-error{
		background:#fff4f4;
		border:1px solid #f44336;
		padding:20px;
		border-radius:10px;
	}

	.wwr-slot{
		margin-bottom:10px;
		width: calc(50% - 10px);
	}

	.wwr-slot a{
		display:inline-block;
		padding: 5%;
		border:1px solid #ddd;
		border-radius:8px;
		text-decoration:none;
		color:#333;
		transition:.2s;
	}

	.wwr-slot a:hover{
		background:#f5f5f5;
	}

	.wwr-full{
		color:#d32f2f;
		font-weight:bold;
	}

	/* =========================
	   フォーム
	========================= */



	.wwr-form p{
		text-align: left;
		margin-bottom: 10px;
	}

	.wwr-form input,
	.wwr-form textarea,
	.wwr-form select{
		width:100%;
		padding:12px;
		border:1px solid #ddd;
		border-radius:8px;
		box-sizing:border-box;
		margin: 5px 0;
	}

	#participants-wrap{
		margin:20px 0;
	}

	#participants-wrap > div{
		background:#fafafa;
		border:1px solid #eee;
		border-radius:8px;
		padding:15px;
		margin-bottom:10px;
	}
	
}


/* =========================
   スマホ（iPhone等）：人数セレクト・入力欄を見やすく
   ・iPhoneはセレクトの余白を無視して細く表示するため、見た目を統一
   ・文字サイズ16px未満だと、タップ時に画面が自動で拡大されるため16pxに
========================= */
.wwr-form label.wwr-label{
    display:block;
    margin:0 0 4px;
    font-weight:bold;
}

.wwr-form select{
    -webkit-appearance:none;
    appearance:none;
    display:block;
    width:100%;
    min-height:50px;
    padding:12px 44px 12px 14px;
    font-size:16px;
    line-height:1.4;
    color:#222;
    background-color:#fff;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%23555' stroke-width='2'/></svg>");
    background-repeat:no-repeat;
    background-position:right 14px center;
    background-size:14px 9px;
    border:1px solid #ccc;
    border-radius:8px;
    box-sizing:border-box;
}

.wwr-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.wwr-form textarea{
    font-size:16px;
    min-height:48px;
}