@charset "utf-8";

/* CSS Document スマートフォン版 後続共通css*/
@media screen and (max-width: 768px) {
	/* CSS Document 後続共通css*/

	/*基本レイアウト*/


	/*本文内各種パーツ***********************/
	/*テーブル**********************************************/
	table {}

	table th {
		display: block;
		width: 100%;
		padding: 5px 5px;
		font-size: 2.0rem;
	}

	table td {
		display: block;
		width: 100%;
		padding: 5px 5px;
	}

	/*入力欄*/
	.form_area {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.form_area h2 {
		text-align: center;
		font-size: 2.0rem;
	}

	.form_area p {
		text-align: center;
		font-size: 1.6rem;
	}

	.form_area input[type="text"] {}

	.form_area input[type="password"] {}

	.form_area input[type="submit"],
	.form_area input[type="button"] {
		display: flex;
		justify-content: left;
		align-items: center;
		width: 300px;
		height: 53px;
		padding-left: 5px;
		font-size: 1.4rem;
		line-height: 1;
	}

	/*トップページ***********************/
	.toppage #main {
		padding: 5px;
	}

	#thankyou h2 {
		margin-bottom: 20px;
	}

	/*後続ページ***********************/
	.secondpage #main h2 {
		margin: 0 0 15px 0;
		font-size: 2.6rem;
		letter-spacing: 0.075em;
		line-height: 1;
	}

	.secondpage #main h3 {
		margin: 0 0 15px 0;
		padding: 15px 0px;
		border-top: solid 1px #c4c4c4;
		border-bottom: solid 1px #c4c4c4;
		font-size: 1.8rem;
		letter-spacing: 0.1em;
		line-height: 1;
	}

	.secondpage #main h4 {
		margin: 0 0 10px 0;
		font-size: 1.5rem;
		letter-spacing: 0.1em;
		line-height: 1;
	}

	.secondpage #main section {
		padding: 0 4vw;
	}


	/*
	.fair2023page #main .btn {
		height: 32px;
		margin: 0 auto 8px auto;
		width: 160px;
	}

	.fair2023page #main .btn a {
		display: flex;
		justify-content: left;
		align-items: center;
		width: 100%;
		height: 32px;
		line-height: 1;
		padding: 0 0 0 8px;
		margin: 0 auto;
		background-image: url('../images/btn_off.svg');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.fair2023page #main .btn a:hover {
		background-image: url('../images/btn_on.svg');
		text-decoration: none;
	}

	.fair2023page #main .btn a:last-child {
		margin: 0 auto 0 auto;
	}

	.fair2023page #main .btn-l {
		width: 190px;
	}

	.fair2023page #main .btn-l a {
		padding: 0 0 0 8px;
		width: 100%;
	}
	*/

	/*ログイン後ページ***********************/
	.fair2023page .pc {
		display: none !important;
	}

	.fair2023page .sp {
		display: inherit !important;
	}

	.fair2023page #main .info_area {
		width: 100%;
		margin: 35px auto 30px auto;
	}

	.fair2023page #main .info_area .photo {
		line-height: 0;
	}

	.fair2023page #main .message_area {
		width: 100%;
		margin: 0 auto 45px auto;
		line-height: 2.0;
		font-size: 1.5rem;
	}

	.fair2023page #main .message_area .caution {
		font-size: 1.1rem;
		line-height: 2.0;
	}

	.fair2023page #main .welcome_area {
		width: 100%;
		margin: 0 auto 90px auto;
		line-height: 2.0;
		font-size: 1.5rem;
	}

	.fair2023page #main .welcome_area #welcome_movie #welcome_click img {
		width: 100%;
		height: auto;
	}

	.fair2023page #main .welcome_area ifame {
		width: 90vw;
		height: 50.5vw;
	}

	.fair2023page #main .tec_area {
		width: 100%;
		margin: 0 auto -15px auto;
		line-height: 1.54;
		font-size: 1.3rem;
	}

	.fair2023page #main .tec_area h3 {
		position: relative;
		margin-bottom: 45px;
	}

	.fair2023page #main .tec_area h3 .btn {
		position: relative;
		right: 0;
		top: 13px;
	}

	.fair2023page #main .tec_area section {
		margin-bottom: 25px;
	}

	.fair2023page #main h4 {
		font-size: 1.8rem;
		letter-spacing: 0;
	}

	.fair2023page #main .list_area {
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		gap: 3.3%;
		justify-content: flex-start;
		margin: 0 auto;
		width: 100%;
	}

	.fair2023page #main .list_area li {
		list-style: none;
		margin: 0 0 30px 0;
		flex: 0 0 auto;
		width: clamp(150px, 100%, 48%);
	}

	.fair2023page #main .list_area li.dbl {
		flex: 0 0 auto;
		width: clamp(160px, 100%, 100%);
	}

	.fair2023page #main .list_area li .photo {
		line-height: 0;
		margin-bottom: 0;
	}

	.fair2023page #main .list_area li .photo img {
		width: 100%;
		height: auto;
	}

	.fair2023page #main .list_area li.dbl .photo img {
		width: 100%;
		height: auto;
	}

	.fair2023page #main .list_area li h3 {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 10px;
		padding: 0;
		background-color: #009a53;
		border: none;
		font-size: 1.3rem;
		color: #fff;
		text-align: center;
	}

	.fair2023page #main .list_area li h3.long {
		/*font-size: 1.2rem;
	letter-spacing:-0.01em;*/
	}

	.fair2023page #main .list_area li .txt {
		margin: 0 0 10px 0;
		text-align: left;
	}

	.fair2023page #main .list_area li p {
		margin: 0 0 10px 0;
		text-align: left;
	}

	.fair2023page #main .list_area li .btn_area {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.fair2023page .fair_contents {
		font-size: 1.5rem;
		width: 100%;
	}

	.fair2023page #main .fair_contents table thead tr th {
		display: table-cell;
		width: auto;
	}

	.fair2023page .fair_contents table tbody tr th {
		display: table-cell;
		width: auto;
	}

	.fair2023page .fair_contents table tbody tr th.fair_icon_wrapper {
		width: 7rem;
	}
	
	.fair2023page .fair_icon {
		max-height: 100%;
		max-width: 100%;
	}

	.fair2023page .fair_contents table tbody tr td {
		display: table-cell;
		width: auto;
	}

	/*ポップアップ */
	.fancybox-detail {
		display: none;
	}

	iframe {
		width: 92vw;
		height: 51vw;
	}

	.fancybox-detail iframe {
		width: 100%;
		height: 56%;
	}

	#wrapper>footer .lower {
		width: auto;
	}
}