@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

.noto-sans {
	font-family: "Noto Sans JP", sans-serif;
}



/*------------------------------------------------------------------
長崎県大村市の絶品果物、大集合！
------------------------------------------------------------------*/
.fs-body-custom .fs-l-main {
	margin: 0 auto;
	padding: 0;
	background: url(https://sunchokutable.itembox.design/item/images/f/omura-city/bg-pattern.jpg) ;
}

.fs-body-custom .fs-c-heading--page{
	display: none;
}

html {
	scroll-behavior: smooth;
}


/* コンテンツ
-------------------------------------------------------------------------*/
#omura-city {
	max-width: 100%;
	margin: 0 auto ;
}

#omura-city img {
	display: block;
	width: 100%;
	max-width: 100%;
}
#omura-city a img {
	border: none;
}

#omura-city p{
	margin: 0;	
}





/* メイン
-------------------------------------------------------------------------*/
#omura-city .main{
	position: relative;
	background: url(https://sunchokutable.itembox.design/item/images/f/omura-city/main-bg.png) no-repeat;
	background-size: contain;
	height: 290vw;
	
	margin: 13vw 0 0 0;
}
#omura-city .main h3{
	position: absolute;
	top:-9vw;
}
#omura-city .main .detail{
	position: absolute;
	top:49vw;
	left: 5vw;	
}
#omura-city .main .detail img{
	width: 45vw;
	float:right;
}
#omura-city .main .detail p{
	padding-top: 4vw;
	padding-right: 5vw;
	font-size: 4.2vw;
	font-weight: 500;
	line-height: 1.57;
	text-shadow: 2px 2px 1.5px #FFF, -2px -2px 1.5px #FFF, -2px 2px 1.5px #FFF, 2px -2px 1.5px #FFF, 0 2px 1.5px #FFF,  0 -2px 1.5px #FFF, -2px 0 1.5px #FFF, 2px 0 1.5px #FFF;	
}
#omura-city .main .detail p span{
	color: #c81e14;
	font-weight: 700;
}
#omura-city .main .detail p.txt1{
	padding-top: 0;
}
#omura-city .main .detail p.txt2{
	padding-top:3.5vw;
}
#omura-city .main .img{
	position: absolute;
	top:140vw;
}




/* 長崎県・大村市とはどんな町？
-------------------------------------------------------------------------*/
#omura-city .about{
	position: relative;
	margin: 0;
	padding-top: 30vw;
}
#omura-city .about h4{
	position: absolute;
	top:8vw;
}
#omura-city .about p{
	font-size: 4.2vw;
	font-weight: 400;
}
#omura-city .about .detail{
	width: 94vw;
	margin: 0 auto;
	padding: 10vw 5vw 11vw 5vw;
	background: url(https://sunchokutable.itembox.design/item/images/f/omura-city/about-bg.png) no-repeat;
	background-size: contain;
}
#omura-city .about .detail .f-box{
	display: flex;
	justify-content: space-between;
	
	margin-bottom: 4.7vw;
}
#omura-city .about .detail .f-box .mayor{
	width: 38vw;
	margin-top: 1.7vw;
}
#omura-city .about .detail .f-box .mayor p{
	font-size: 3.8vw;
	text-align: center;
}
#omura-city .about .detail .f-box .mayor p.name{
	font-size: 3.8vw;
	line-height: 1.3;
	margin-top: 1vw;
}
#omura-city .about .detail .f-box p.txt{
	width: 43vw;
	line-height: 1.55;
}
#omura-city .about .detail .map{
	width: 82vw;
	margin:0 auto 4.5vw auto;
}
#omura-city .about .detail p.txt-1{
	width: 82vw;
	margin: 0 auto 3.5vw auto;
	margin-bottom: 3.5vw;
	line-height: 1.55;
}
#omura-city .about .detail p.txt-2{
	width: 82vw;
	margin: 0 auto;
	line-height: 1.55;
}




/* 果物作りの特徴は？
-------------------------------------------------------------------------*/
#omura-city .features{
	position: relative;
	margin: 0;
	padding-top: 28vw;
}
#omura-city .features h4{
	position: absolute;
	top:7vw;
}

#omura-city .features .detail{
	width: 94vw;
	margin: 0 auto;
	padding: 11.4vw 6vw 11vw 6vw;
	background: url(https://sunchokutable.itembox.design/item/images/f/omura-city/features-bg.png) no-repeat;
	background-size: contain;
}
#omura-city .features .detail h5{
	font-size: 5.2vw;
	color: #c81e14;
	text-align: center;
	margin: 0 0 3.9vw 0;
	line-height: 1.25;
	padding-left: 3vw;
	letter-spacing: -0.02em;
}

#omura-city .features .detail .photo{
	width: 78vw;
	margin: 0 auto;
}
#omura-city .features .detail .photo p.name{
	font-size: 3.4vw;
	font-weight: 400;
	text-align: center;
	margin-top: -2px;
	margin-left: 5px;
	letter-spacing: -0.001em;
}

#omura-city .features .detail p{
	font-size: 4vw;
	font-weight: 400;
	margin-top: 1.8vw;
	line-height: 1.75;
	letter-spacing: 0.035em;
	padding-left: 2vw;
}
#omura-city .features .detail p span{
	letter-spacing: 0.02em;
}




/* 大村の絶品果物をご紹介
-------------------------------------------------------------------------*/
#omura-city .order{
	padding-top: 10vw;
	margin: 0 0 13.8vw 0;
}
#omura-city .order h4{
	margin: 0 0 2.5vw 0;
}

#omura-city .order p{
	width: 90vw;
	margin: 0 auto 11.5vw auto;
	font-size: 4.2vw;
	font-weight: 400;
	line-height: 1.55;
}
#omura-city .order p span{
	color: #c81e14;
	font-weight: 700;
	letter-spacing: -0.02em;
}
#omura-city .order .treasure{
	position: relative;
	width: 96vw;
	margin: 0 auto 8.7vw auto;
}
#omura-city .order .treasure2,
#omura-city .order .treasure3,
#omura-city .order .treasure4{
	position: relative;
	width: 96vw;
	margin: 0 auto 9.6vw auto;
}
#omura-city .order h5{
	width: 90vw;
	margin: 0 auto 3.8vw auto;
}

/*　準備中　*/
#omura-city .order .bnr-junbi{
	position: absolute;
	top: 41%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0);
	width: 80vw;
}
/*　完売　*/
#omura-city .order .bnr-soldout{
	position: absolute;
	top: 41%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0);
	width: 80vw;
}
#omura-city .order .off{
	display: none;
}



/*PAGE TOP
------------------------------------------------------------------*/
#summer-fair .btn_pagetop{
	width: 13vw;
	margin: 5vw auto 0 auto;
	padding-bottom: 5vw;
}



.fs-body-custom .fs-l-footer{
	margin-top: 0;
}