@charset "utf-8";
/*全共通*/

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

.nolink      {
    pointer-events: none;
}







@media (max-width: 639px) {
	
}

#topMainvisual{
	width: calc(100% - 4em);
	max-width: 420px;
	margin: 3em auto 0 auto;
	position: relative;
	z-index: 11;
}

.topContentArea{
	    width: 100%;
    margin: -4em auto 0 auto;
    background-image: url(https://foodexjapan.ice-tokyo.or.jp/wp-content/themes/foodex-theme/2025kansai/images/top_bg1.jpg);
    background-size: 1100px;
    background-position: top center;
    background-repeat: no-repeat;
    /* border-top: 1px solid #f00;
    border-bottom: 1px solid #f00; */
    height: 730px;
    position: relative;
    z-index: 9;
}
@media (max-width: 1099px) {
	
}
@media (max-width: 639px) {
	.topContentArea{
		margin: 1.5em auto 0 auto;
		background-size: 100%;
		background-image: url(https://foodexjapan.ice-tokyo.or.jp/wp-content/themes/foodex-theme/2025kansai/images/top_bg1_sp2.jpg);
		height: 98vw;
		
	}
}

.topMenu2DIV1{
	width: 100%;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.topP1{
	font-size: 1.55em;
    color: #000;
    line-height: 1.7em;
    text-align: center;
    font-weight: 500;
	padding: 0 1em;
}
.topMenu2DIV2{
	    width: calc(100% - 2em);
    max-width: 851px;
    margin: 1em auto 0 auto;
    padding: 1em 1em;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
}
.topMenu2DIV2 p{
	width: 33.3%;
	display: block;
	margin: 0 auto;
}
.topMenu2DIV2 a{
	width: 90%;
	display: block;
	margin: 0 auto;
}


@media (max-width: 639px) {
	.topMenu2DIV2 {
		width: calc(100% - 0em);
		max-width: 851px;
		margin: 1em auto 1em auto;
		padding: 1em 1em 1em 0;
	}
	.topP1{
		font-size: 2.9vw;
		color: #000;
		line-height: 1.7em;
		text-align: center;
		font-weight: 500;
		padding: 0 0.5em;
	}
	.topMenu2DIV2 a{
		width: 98%;
		display: block;
		margin: 0 auto;
	}
	
	

}





.topInfoArea{
	width: 100%;
    text-align: center;
    padding: 0 0 0 0;
    font-weight: bold;
    color: #555;
    margin: -2em auto 0 auto;
    position: relative;
    z-index: 11;
}
@media (max-width: 639px) {
	.topInfoArea{
		margin: 0 auto 0 auto;
	}
}

.topInfoDIV{
	width: 70%;
    max-width: 530px;
    margin: auto;
    padding: 0 0 0 0;
}
.topInfoBTN1{
	width: 80%;
	display: block;
	margin: 0.5em auto 0 auto;
	font-size: 1em;
	color: #987;
	line-height: 2em;
	text-align: left;
	font-weight: normal;
}
.topContentFooterP1{
	margin: 1.5em auto 0 auto;
	padding: 0 0 0em 0;
	font-size: 1.3em;
	color: #23627D;
	line-height: 1.5em;
}
.topContentFooterP1 a{
	color: #23627d;
	text-decoration: underline;
}
.topContentFooterP2{
	margin: 1.5em auto 0 auto;
	padding: 0 0 2em 0;
	font-size: 1.3em;
	color: #23627d;
	line-height: 1.5em;
}
.topContentFooterP2 a{
	color: #23627d;
	text-decoration: none;
}
.topContentFooterP2Space{
	width: 3em;
	display: inline-block;
}
/*モバイル版（最小）*/
@media (max-width: 839px) {
	
	.topContentFooterP2Space{
		width: 1em;
		display: inline-block;
	}
	.topContentFooterP1{
		font-size: 1.1em;
	}
	.topContentFooterP1 a{
		color: #23627d;
		text-decoration: underline;
	}
	.topContentFooterP2{
		font-size: 1.1em;
	}

	
	

}