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

/* ======================================================================
　食フェス用　レスポンシブ対応
====================================================================== */

	/* ==============================
	   指定幅で消すパーツ　ここから
	============================== */
	@media screen and (max-width: 1135px) {
		body { background-image: none; }
		#leftBG { display: none; }
		#bottomBnr { display: none; }
		#rightTab { display: none; }
	}
	/* ==============================
	   指定幅で消すパーツ　ここまで
	============================== */

	/* ■■■■■■■■■■■■■■
	■ スマホレイアウト ■
	■■■■■■■■■■■■■■■ */
/*
	html, body {margin: 0; padding: 0;}
	img {width: 100%;}
	header, footer, #leftBG, #bottomBnr, #rightTab {display: none;}
	.pc {display: none;}
	.sp {display: block;}
	div {margin: auto;}
*/
	.cd_title {
		FONT-SIZE: 8vw;
		color:#ff0000;
		font-weight:bold;
	}
	.cd_time {
		FONT-SIZE: 9vw;
		width: 90%;
		BACKGROUND-COLOR: white;
		BORDER: white 0px solid;
		TEXT-ALIGN:center;
		COLOR: #000000;
		font-weight:bold;
	}
	.waku {
		width: 100%;
		border: 0;
		box-sizing: border-box;
	}

	div.item_col2 {
		width:100%;
		display: grid;
		place-items: top;
		grid-column-gap: 10px;
        grid-row-gap: 20px;
	}
	div.item_col3 {
		width:100%;
		display: grid;
		place-items: top;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 10px;
        grid-row-gap: 20px;
	}
	div.item {
		padding: 0;
	}
	div.redcatch {
		font-size: 4vw;
		line-height: 1.2;
	}
	div.item_col3 div.redcatch {
		font-size: 4vw;
		line-height: 1.2;
	}
	div.btmb { width: 90%; margin: 0px auto; }
	div.btmb img { width:100%;padding-bottom:15px; }

	.foodfes_title {
		width: 100%;
		line-height: 1.1;
	}
	.foodfes_main {
		width: 100%;
		line-height: 1.1;
	}
	.foodfes_menu img {
		width: 27vw;
		margin: 0 5px;
	}
	#cupon {
		width: 95%;
		margin-bottom: 40px;
	}
	.special_cupon {
		width: 100%;
		background-color: #ffe63c;
		margin: 20px auto;
	}
	.special_cupon .title {
		width: 100%;
		margin-bottom: 0px;
	}
	.special_cupon .banner {
		width: 100%;
		margin-bottom: 20px;
	}
	.special_cupon .ticket {
		width: 100%;
		margin-bottom: 40px;
	}
	.special_cupon .ticket img {
		width: 27vw;
		margin: 0 5px;
	}
	.r_title {
		margin-bottom: 0px;
	}
	.r_banner {
		margin-bottom: 20px;
	}
	#assort {
		width: 95%;
		margin: 20px auto 40px;
	}
	.assort_txt {
		display: none;
		width: 100%;
		text-align: left;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		margin-bottom: 10px;
	}
	.assort_red {
		font-size: 20px;
		font-weight: bold;
		color: #b90005;
	}
	.col1_item {
		margin-bottom: 20px;
	}
	.assort_bnr {
		margin-bottom: 30px;
	}
	.osusume_txt {
		text-align: center;
		font-size: 33px;
		color: #B40000;
		font-weight: bold;
		padding: 0;
	}
	.osusume_bnr img {
		width: 44vw;
		margin: 0 5px;
	}
	.title_img {
		margin-bottom: 20px;
	}
	.title_img img {
		width: 100%;
	}
	.p10_div {
		width: 95%;
		margin-bottom: 20px;
	}
	.coution_txt {
		text-align: left;
		font-size: 13px;
		color: #ffffff;
		padding: 10px;
	}
	.cp300_div {
		width: 95%;
		margin-bottom: 20px;
	}
	.free_div {
		width: 95%;
		margin-bottom: 20px;
	}
	.rona_div {
		width: 95%;
		margin-bottom: 20px;
	}
	div.item_col3 {
		width: 100%;
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 10px;
	}
	div.item_col2 {
		width: 100%;
	}
	.red_div {
		background-color: #b50000;
		padding: 20px 0;
	}
	.doukon_info img {
		width: 90%;
	}
	.doukon_iframe {
		width: 90%;
		margin: 20px auto;
		background-color: white;
	}
	.doukon_iframe iframe{
		width: 95%;
		height: 1800px;
		margin: auto;
	}

	/* ■■■■■■■■■■■
	■ PCレイアウト ■
	■■■■■■■■■■■■ */
	@media screen and (min-width: 1024px) {
		/*
		header, footer, #leftBG, #bottomBnr, #rightTab {display: block;}
		img {width: auto;}
		.pc {display: block;}
		.sp {display: none;}
		*/
		.cd_title {
			font-size:43px;
		}
		.cd_time {
			FONT-SIZE:36pt;
		}
		.waku {
			width: 100%;
			border: 5px solid #c70000;
			box-sizing: border-box;
		}

		div.item_col2 {
			width: 94%;
			grid-column-gap: 30px;
			grid-row-gap: 30px;
		}
		div.item_col3 {
			width: 94%;
			grid-template-columns: 1fr 1fr 1fr;
			grid-column-gap: 15px;
			grid-row-gap: 30px;
		}
		div.item {
			padding: 15px 0;
		}	
		div.redcatch {
			font-size:24px;
		}
		div.item_col3 div.redcatch {
			font-size:18px;
			line-height:20px;
		}
		div.btmb { width: 752px; margin: 0px auto;padding-bottom:30px; }
		div.btmb img { width:100%; }


		.foodfes_title {
			width: 1000px;
		}
		.foodfes_main {
			width: 1000px;
		}
		.foodfes_menu img {
			width: auto;
			margin: 0 10px;
		}
		#cupon {
			width: 817px;
			margin: 40px auto 40px;
		}
		.special_cupon {
			margin: 20px auto 60px;
		}
		.special_cupon .title {
			width: 100%;
			margin-bottom: 0px;
		}
		.special_cupon .banner {
			width: 100%;
			margin-bottom: 30px;
		}
		.special_cupon .ticket {
			width: 100%;
			margin-bottom: 100px;
		}
		.special_cupon .ticket img {
			width: auto;
			margin: 0 10px;
		}
		.r_title {
			margin-bottom: 20px;
		}
		.r_banner {
			margin-bottom: 40px;
		}
		#assort {
			width: 800px;
			margin: 60px auto 140px;
		}
		.assort_txt {
			font-size: 16px;
		}
		.assort_red {
			font-size: 30px;
		}
		.col1_item {
			margin-bottom: 40px;
		}
		.assort_bnr {
			margin-bottom: 60px;
		}
		.osusume_txt {
			font-size: 43px;
			padding: 20px 0 20px 0;
		}
		.osusume_bnr img {
			width: 380px;
			margin: 0 5px;
		}
		.title_img {
			margin-bottom: 60px;
		}
		.title_img img {
			width: 100%;
		}
		.p10_div {
			width: 833px;
			margin-bottom: 60px;
		}
		.cp300_div {
			width: 833px;
			margin-bottom: 140px;
		}
		.free_div {
			width: 833px;
			margin-bottom: 60px;
		}
		.rona_div {
			width: 833px;
			margin-bottom: 60px;
		}
		div.item_col3 {
			width: 833px;
			grid-template-columns: 1fr 1fr 1fr;
		}
		div.item_col2 {
			width: 833px;
		}
		.red_div {
			padding: 50px 0;
		}
		.doukon_info img {
			width: 70%;
		}
		.doukon_iframe {
			width: 880px;
			margin: 40px auto;
			background-color: white;
		}
		.doukon_iframe iframe{
			width: 750px;
			height: 1000px;
			margin: 40px auto;
		}

	}

	/*
	.yokoku {display:none;}
	.comtxt {font-size:14px;color:#ffffff;}
	*/