@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@400;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');


html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   height:100%;
   line-height:1.4em;
   font-family: "Noto Sans JP", sans-serif;
   color:#000;
   font-size:18px;
   background:#fff;
}

img {
   border:0;
   max-width:100%;
}

#top {
	position:relative;
	margin:0 auto;
	min-width:1200px;
	max-width:2000px;
	width:100%;
	min-height: calc(100svh - 275px);
}

#header {
	min-width:1200px;
	width:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	overflow:hidden;
	transition: 0.3s;
}

#header .header-waku {
	width:100%;
	min-width:1200px;
	max-width:1300px;
	margin:0 auto;
}


#header .logo {
	width:280px;
	padding:10px;
}

#header .menupc {
	list-style:none;
	display:flex;
	margin:0;
	padding:0 10px;
}

#header .menupc li.limenu {
	width:125px;
	margin:0 5px;
	padding:0;
}

#header .menupc .limenu01bg {
	display:block;
	margin:0;
	padding:10px;
	background-color:rgb(240,156,180);
	border-radius:10px 10px 0 0;
	border-top:4px solid rgba(232,82,152,0);
	border-left:4px solid rgba(232,82,152,0);
	border-right:4px solid rgba(232,82,152,0);
	transition: 0.3s;
}

#header .menupc .limenu02bg {
	display:block;
	margin:0;
	padding:10px;
	background-color:rgb(96,192,189);
	border-radius:10px 10px 0 0;
	border-top:4px solid rgba(0,168,150,0);
	border-left:4px solid rgba(0,168,150,0);
	border-right:4px solid rgba(0,168,150,0);
	transition: 0.3s;
}

#header .menupc .limenu03bg {
	display:block;
	margin:0;
	padding:10px;
	background-color:rgb(249,203,135);
	border-radius:10px 10px 0 0;
	border-top:4px solid rgba(243,152,0,0);
	border-left:4px solid rgba(243,152,0,0);
	border-right:4px solid rgba(243,152,0,0);
	transition: 0.3s;
}

#header .menupc .limenu01bg:hover {
	border-top:4px solid rgba(232,82,152,1);
	border-left:4px solid rgba(232,82,152,1);
	border-right:4px solid rgba(232,82,152,1);
}

#header .menupc .limenu02bg:hover {
	border-top:4px solid rgba(0,168,150,1);
	border-left:4px solid rgba(0,168,150,1);
	border-right:4px solid rgba(0,168,150,1);
}

#header .menupc .limenu03bg:hover {
	border-top:4px solid rgba(243,152,0,1);
	border-left:4px solid rgba(243,152,0,1);
	border-right:4px solid rgba(243,152,0,1);
}

#header .menupc .limenu01bg-active {
	border-top:4px solid rgba(232,82,152,1);
	border-left:4px solid rgba(232,82,152,1);
	border-right:4px solid rgba(232,82,152,1);
}

#header .menupc .limenu02bg-active {
	border-top:4px solid rgba(0,168,150,1);
	border-left:4px solid rgba(0,168,150,1);
	border-right:4px solid rgba(0,168,150,1);
}

#header .menupc .limenu03bg-active {
	border-top:4px solid rgba(243,152,0,1);
	border-left:4px solid rgba(243,152,0,1);
	border-right:4px solid rgba(243,152,0,1);
}

.section {
	margin:0 auto;
	width:1200px;
	padding:50px 5px;
}

.waku1000 { width:1000px; }
.waku900 { width:900px; }
.waku800 { width:800px; }
.waku700 { width:700px; }
.waku600 { width:600px; }

.flex-1 { flex:1; }
.flex-2 { flex:2; }
.flex-3 { flex:3; }
.flex-4 { flex:4; }
.flex-5 { flex:5; }
.flex-6 { flex:6; }


/* トップページ
---------------------------------------------------------------------------*/
.topmain-bg {
	width:100%;
	min-width:1200px;
	max-height:1300px;
	margin:0 auto;
	background-color:rgb(226,234,151);
	overflow:hidden;
}

.topmain {
	width:100%;
	min-width:1200px;
	margin:0 auto;
	aspect-ratio: 100 / 81;
}

.topmainlogo {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:1200px;
	margin:0 auto;
}

.topmainimg {
	width:100%;
	max-width:1600px;
	min-width:1200px;
}

.topcamppr {
	display:block;
	width:450px;
	margin:0 auto;
	padding:10px;
	color:#333;
	background-color:#fff;
	border:1px solid #000;
	transition: 0.3s;
}

.topcamppr:hover {
	color:#333;
	text-decoration:none;
	background-color:#f6fffa;
	box-shadow:0 0 5px #88f;
}

.sliderimg {
	opacity: 0;
	transition: opacity .1s linear;
	margin:0;
	padding:0;
}

.sliderimg.slick-initialized{
	opacity: 1;
}

.slidebg {
	margin-bottom:80px;
	min-height:160px;
	width:100%;
	min-width:1200px;
	padding:20px 10px 1px 10px;
	background-color:rgb(141,194,31);
}

.sliderimgpc {
	margin:0 auto;
	padding:0;
	width:1140px;
}

.slide-dots-box {
}

.toptitle {
	width:680px;
}

.toptext01 {
	font-size:1.1em;
	line-height:1.6;
}

.top-btn-taishotenpo {
	display:inline-block;
	width:400px;
	padding:12px;
	font-size:1.2em;
	color:rgb(102,88,82);
	border:1px solid rgb(35,24,21);
	background-color:#fff;
	transition: 0.3s;
}

.top-btn-taishotenpo:hover {
	color:#fff;
	background-color:rgb(102,88,82);
	text-decoration:none;
}

.toptext02 {
	margin-top:-20px;
	font-size:1.1em;
	color:rgb(102,88,82);
}

.top-btn01 {
	width:570px;
	padding-left:40px;
}

.top-btn02 {
	width:480px;
}



/* ぎふっこ応援キャンペーンとは
---------------------------------------------------------------------------*/
.aboutgifucco_bg {
	width:100%;
	min-width:1200px;
	padding:20px 5px;
	background:rgb(250,235,181) url(images/aboutgifucco/aboutgifucco_bg.jpg) top center no-repeat;
	background-size:100%;
}

.aboutgifuccomainimg {
	width:100%;
	max-width:1600px;
	min-width:1200px;
}

.aboutgifuccomain-text01 {
	font-family: "Kosugi Maru", sans-serif;
	font-size:1.1em;
	line-height:1.6;
	font-weight:bold;
	color:rgb(62,58,57);
}

.aboutgifuccocard {
	position:relative;
	width:380px;
	padding-bottom:10px;
}

.aboutgifuccocard-text {
	position:absolute;
	top:0;
	left:0;
	width;100%;
	padding:120px 50px 50px 58px;
	font-family: "Kosugi Maru", sans-serif;
	font-weight:bold;
	color:rgb(66,58,52);
	line-height:1.8;
	text-align:left;
}

.aboutgifucco-btn {
	display:block;
	width:360px;
	margin:0 auto;
	padding:15px;
	font-family: "Kosugi Maru", sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background-color:rgb(103,89,82);
	border:2px solid rgb(103,89,82);
	transition: 0.3s;
}

.aboutgifucco-btn:hover {
	color:rgb(103,89,82);
	background-color:#fff;
	text-decoration:none;
}

.textmarker {
	background:linear-gradient(transparent 60%, rgba(120,240,120,0.9) 60%);
}


/* 参加店舗を探そう
---------------------------------------------------------------------------*/
.shopmain-bg {
	width:100%;
	min-width:1200px;
	aspect-ratio: 211 / 77;
	background-color:rgb(251,220,235);
}

.shopmain img {
	width:100%;
}

.shop-text01 {
	font-family: "Kosugi Maru", sans-serif;
	padding:28px;
	text-align:center;
	font-size:2.6em;
	color:#fff;
	background-color:rgb(232,82,152);
}

.shop-text02 {
	font-family: "Kosugi Maru", sans-serif;
	padding:28px;
	font-size:1.8em;
	white-space:nowrap;
	color:#fff;
	background-color:rgb(244,180,208);
}

.search-form {
	background-color:#fff;
	outline:none;
	width:300px;
	padding:7px 10px !important;
	font-size:1.2em;
	color:#333;
	border:none;
}

.search-form:focus {
	background-color:#f6f6f6;
}

.search-btn {
	background-color:rgb(232,82,152);
	padding:3px;
	width:2.6em;
}

.stampbtn {
	font-size:0.8em;
	white-space:nowrap;
}

.stampbtn .bi {
	color:#00a;
}

.stampbtn .stampcheckng {
	opacity:0.2;
}

.stampbtn input[type=checkbox] {
	display:none;
}


#kensakucmt {
	font-size:0.8em;
	letter-spacing:0.01em;
}


.shop-text03 {
	width:1000px;
	font-family: "Kosugi Maru", sans-serif;
	text-align:center;
	padding:20px;
	font-size:1.6em;
	letter-spacing:0.3em;
	color:rgb(114,113,113);
	background-color:#fff;
	border:3px solid rgb(232,82,152);
}

.shop-text04 {
	width:1200px;
	font-family: "Kosugi Maru", sans-serif;
}

.shop-text05 {
	text-align:center;
	font-size:1.8em;
	color:rgb(103,89,82);
	line-height:1.4;
	font-weight:bold;
	padding:20px 0;
}

.shop-footer {
	border-bottom:20px solid rgb(232,82,152);
}

.shopbottombg {
	margin:0 auto;
	width:1000px;
	
}


.shopwaku {
	position:relative;
	width:30%;
	margin: 1.5%;
	background-color:#fff;
	border-radius: 0.9em;
}

.shopheader {
	background-color:rgb(232,82,152);
	padding:0.3em;
}

.shopwaku .shopbody {
	padding:1em 1em 210px 1em;
}

.shopbody-top {
	
}

.shop-url {
	position:absolute;
	top:-36px;
	right:0;
	height:32px;
}

.shop-url img {
	height:32px;
}

.shopbody-bottom {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	aspect-ratio: 52 / 30;
	padding:1em;
}


.shoparea {
	flex:1;
	margin:0 0.2em;
	display:flex;
	justify-content:space-between;
	padding:2px;
	font-size:0.85em;
	color:rgb(3,110,184);
	background-color:#fff;
	border-radius:0.3em;
}

.shopwaku .shoparea-text {
	color:#fff;
	background-color:rgb(3,110,184);
	padding-left:1.2em;
	padding-right:0.7em;
	letter-spacing:0.5em;
	border-radius:0.3em;
}

.shopgenre {
	flex:1;
	margin:0 0.2em;
	display:flex;
	justify-content:space-between;
	padding:2px;
	font-size:0.85em;
	color:rgb(234,85,20);
	background-color:#fff;
	border-radius:0.3em;
}

.shopwaku .shopgenre-text {
	width:80px;
	padding-left:0.2em;
	padding-right:0.2em;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	color:#fff;
	background-color:rgb(234,85,20);
	border-radius:0.3em;
}


.shopimg {
	width:100%;
	height:auto;
	aspect-ratio: 3 / 2;
	overflow:hidden;
	background-color:rgb(202,202,202);
	text-align:center;
}

.shopimg img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.shopwaku .shopimg2 {
	width:100%;
	height:295px;
	overflow:hidden;
	background-color:rgb(202,202,202);
	text-align:center;
}

.shopimg2 img {
	width:100%;
	height:100%;
	object-fit:cover;
}

.shopname {
	width:100%;
	word-break:break-word;
	font-size:1.08em;
	padding:0.2em 0;
}

.shopjusho {
	width:100%;
	padding:0.1em 0;
	word-break:break-all;
}

.shoptel {
	width:100%;
	padding:0.1em 0;
	word-break:break-all;
}

.shopteltext {
	font-weight:bold;
}

.shoptokuten {
	background:#fff url(shop/images/shoptokutenkikanwaku.jpg) top center no-repeat;
	background-size:100%;
	width:100%;
	height:auto;
	aspect-ratio: 43 / 25;
	padding:1em;
}

.shoptokutentitle {
	text-align:center;
	font-size:0.7em;
	color:#fff;
	background-color:rgb(233,71,9);
	border-radius:0.8em;
}

.shopwaku .shoptokutenwaku {
	font-size:1.2em;
	height:3.5em;
	word-break:break-word;
	overflow:hidden;
}

.shoptokutentext {
	text-align:center;
}

.shoptokutenkikanwaku {
	padding:0.2em;
	background-color:rgb(247,202,91);
}

.tokutenmarkimg {
	padding:0.1em;
	width:3.5em;
}

.sankamark {
	width:2em;
}

.shopsankaimg {
	position:absolute;
	top:-32px;
	left:-8px;
	width:4.5em;
}

.shop_btn01 {
	width:500px;
}

.shop_btn02 {
	width:500px;
}

.shop-word {
	width:500px;
	font-size:1.4em;
	line-height:1.7em;
	color:rgb(103,89,82);
}

.shop-text02-2 {
	width:380px;
	font-family: "Kosugi Maru", sans-serif;
	padding:8px 15px;
	font-size:1.2em;
	white-space:nowrap;
	color:#fff;
	background-color:rgb(244,180,208);
	border-radius:15px;
}

.stampbtn {
	margin-left:36px;
	width:600px;
}

.shop-stampcmt {
	font-size:1.4em;
	line-height:1.6;
}


/* キャンペーン対象店舗になるには
---------------------------------------------------------------------------*/
.campaign-bg {
	width:100%;
	min-width:1200px;
	aspect-ratio: 211 / 77;
	background-color:rgb(251,220,235);
}

.campaignnmain img {
	width:100%;
}

.campaign-text01 {
	padding:10px;
	text-align:center;
	background-color:rgb(97,193,190);
}

.campaign-text01 a {
	display:block;
	margin: 0 auto;
	width:700px;
	color:#fff;
	transition: 0.3s;
}

.campaign-text01 a:hover {
	text-decoration:none;
	transform: translateY(3px);
}

.campaign_bg {
	width:100%;
	min-width:1200px;
	padding:50px 5px;
	background:#fff url(images/campaign/campaign_bg.jpg) top center no-repeat;
	background-size:100%;
}

.campaign_title {
	width:800px;
	margin:0 auto;
	padding:20px 5px;
}

.campaign-text02 {
	font-size:1.2em;
	line-height:1.6;
}

.campaign-bottom {
	height:30px;
}

.campaign-bottomimg {
	position:absolute;
	bottom:5px;
	left:0;
	
}

.campaign_linktext01 {
	position:absolute;
	top:545px;
	left:190px;
	width:280px;
	padding:5px;
	text-align:center;
	color:rgb(93,82,76);
	background-color:#fff;
	border:1px solid rgb(35,24,21);
	transition: 0.3s;
}

.campaign_linktext01:hover {
	text-decoration:none;
	color:#fff;
	background-color:rgb(93,82,76);
}

.campaign-footer {
	border-bottom:20px solid rgb(97,193,190);
}

.campain-waku2 {
	padding:1em 3em;
	font-size:1.2em;
	line-height:1.6;
	border:2px solid #75B2B0;
	border-radius:1.2em;
}

.campain-waku2 div {
	font-size:0.8em;
}

.campain-waku2 div span {
	font-size:1.4em;
}


/* ぎふっこカードとは
---------------------------------------------------------------------------*/
.about-bg {
	position:relative;
	width:100%;
	min-width:1200px;
	aspect-ratio: 211 / 77;
	background-color:rgb(251,220,235);
}

.about-card01 {
	position:absolute;
	bottom:-60px;
	left:50%;
	margin-left:-47vw;
	width:25vw;
	animation: cardupdown 3s infinite;
}

.about-card02 {
	position:absolute;
	bottom:-60px;
	left:50%;
	margin-left: 22vw;
	width:25vw;
	animation: cardupdown 3.2s infinite;
}

@keyframes cardupdown {
	0%, 100% {
		transform: translateY(0);
	}
	
	50% {
		transform: translateY(-6px);
	}
}


@media screen and (max-width: 1200px) {
	.about-card01 {
		left:45px;
		margin-left:0;
		width:300px;
	}
	
	.about-card02 {
		left:auto;
		right:45px;
		margin-left:0;
		margin-right:0;
		width:300px;
	}
}

@media screen and (min-width: 2000px) {
	.about-card01 {
		left:50%;
		margin-left:-800px;
		width:400px;
	}
	
	.about-card02 {
		left:50%;
		margin-left:400px;
		width:400px;
	}
}


.aboutmain img {
	width:100%;
}

.about-text01 {
	font-family: "Kosugi Maru", sans-serif;
	padding:28px;
	text-align:center;
	font-size:2.6em;
	color:#fff;
	background-color:rgb(250,205,137);
}

.aboutmainbg {
	position:relative;
	width:100%;
	min-width:1200px;
	background:#fff url(images/about/about_bg.jpg) top center repeat-y;
	background-size:100%;
}

.about-title {
	width:100%;
}

.aboutmainbg2 {
	position:relative;
	width:1200px;
	margin:0 auto;
	padding:50px 0;
}

.aboutwaku {
	position:absolute;
	top:120px;
	left:50%;
	margin-left:-500px;
	width:1000px;
}

.about-card03 {
	width:400px;
}

.about-cardtext {
	margin: 10px auto;
}

.about-cardcmt01 {
	width:600px;
	margin:10px auto;
	font-family: "Kosugi Maru", sans-serif;
	font-size:1.2em;
	line-height:1.6;
}

.about-cardcmt02 {
	width:640px;
	margin:10px auto;
	font-family: "Kosugi Maru", sans-serif;
	font-size:1.2em;
	line-height:1.6;
}

.about-font {
	font-size:1.2em;
	font-weight:bold;
}

.about-card04 {
	width:400px;
}

.abouttitle01 {
	width:800px;
	margin:0 auto;
}

.abouttitle02 {
	width:800px;
	margin:0 auto;
}

.about-servicewaku01 {
	width:250px;
	font-family: "Kosugi Maru", sans-serif;
	line-height:1.6;
	padding:10px;
	background:#fff url(images/about/about_bg_num01.png) 50% 50% no-repeat;
	background-size:60%;
}

.about-servicewaku02 {
	width:250px;
	font-family: "Kosugi Maru", sans-serif;
	line-height:1.6;
	padding:10px;
	background:#fff url(images/about/about_bg_num02.png) 50% 50% no-repeat;
	background-size:60%;
}

.about-servicewaku03 {
	width:250px;
	font-family: "Kosugi Maru", sans-serif;
	line-height:1.6;
	padding:10px;
	background:#fff url(images/about/about_bg_num03.png) 50% 50% no-repeat;
	background-size:60%;
}

.aboutimg02 {
	margin:0 auto;
	width:600px;
}

.aboutimg03 {
	margin:0 auto;
	width:600px;
}

.aboutimg04 {
	margin:0 auto;
	width:600px;
}

.aboutcmt02 {
	color:rgb(0,93,153);
	font-weight:bold;
	font-family: "Kosugi Maru", sans-serif;
	font-size:1.1em;
}

.appldlbtn {
	display:block;
	width:400px;
	margin:0 auto;
	padding:20px;
	font-size:1.2em;
	text-align:center;
	color:#000;
	background-color:rgb(32,174,229);
	border:1px dotted #fff;
	transition: 0.3s all;
}

.appldlbtn:hover {
	color:#fff;
	text-decoration:none;
}

.about-footer {
	border-bottom:20px solid rgb(250,205,137);
}


/* スタンプラリーに参加しよう
---------------------------------------------------------------------------*/
.stamprally-bg {
	width:100%;
	min-width:1200px;
	aspect-ratio: 211 / 77;
	background-color:rgb(251,220,235);
}

.stamprally-bg2 {
	background-color:rgb(253,239,245);
}

.stamprallyumain img {
	width:100%;
}

.stamprally-text01 {
	font-family: "Kosugi Maru", sans-serif;
	padding:28px;
	text-align:center;
	font-size:2.6em;
	color:#fff;
	background-color:rgb(232,82,152);
}

.stamprally_app {
	width:900px;
}

.stamprally-text02 {
	font-family: "Kosugi Maru", sans-serif;
	padding:32px;
	text-align:center;
	font-size:2.6em;
	color:#fff;
	background-color:rgb(244,180,208);
}

.stamprally-footer {
	border-bottom:20px solid rgb(232,82,152);
}

.stamprally-footer {
	border-bottom:20px solid rgb(232,82,152);
}

.stamprallybottombg {
	margin:0 auto;
	width:1000px;
}

.stamprallybtn01 {
	position:absolute;
	top:1675px;
	left:250px;
	width:500px;
}

.stamprallybtn02 {
	position:absolute;
	top:2355px;
	left:250px;
	width:500px;
}

.stamprallybtn03 {
	position:absolute;
	top:1800px;
	left:250px;
	width:460px;
}


/* ぎふ子育て応援団を活用しよう
---------------------------------------------------------------------------*/
.katsuyou-bg {
	width:100%;
	min-width:1200px;
	aspect-ratio: 211 / 77;
	background-color:rgb(251,220,235);
}

.katsuyoumain img {
	width:100%;
}

.katsuyou-text01 {
	font-family: "Kosugi Maru", sans-serif;
	padding:28px;
	text-align:center;
	font-size:2.6em;
	color:#fff;
	background-color:rgb(250,205,137);
}

.katsuyouimg01 {
	width:900px;
}

.katsuyouiconwaku {
	position:relative;
	width:1000px;
	height:300px;
}

.katsuyouicon01 {
	position:absolute;
	top:85px;
	left:67px;
	width:200px;
	animation: katsuyouiconupdown 3.0s infinite;
}

.katsuyouicon02 {
	position:absolute;
	top:30px;
	left:235px;
	width:200px;
	animation: katsuyouiconupdown 3.4s infinite;
}

.katsuyouicon03 {
	position:absolute;
	top:85px;
	left:400px;
	width:200px;
	animation: katsuyouiconupdown 3.2s infinite;
}

.katsuyouicon04 {
	position:absolute;
	top:5px;
	left:575px;
	width:200px;
	animation: katsuyouiconupdown 3.3s infinite;
}

.katsuyouicon05 {
	position:absolute;
	top:112px;
	left:745px;
	width:200px;
	animation: katsuyouiconupdown 3.2s infinite;
}

@keyframes katsuyouiconupdown {
	0%, 100% {
		transform: translateY(0);
	}
	
	50% {
		transform: translateY(-8px);
	}
}




.katsuyou_card {
	position:absolute;
	top:70px;
	left:40px;
	width:410px;
}

.katsuyoulinkbtn {
	display:block;
	width:500px;
	padding:10px 50px;
	background-color:rgb(237,144,39);
	transition: 0.3s all;
}

.katsuyoulinkbtn:hover {
	opacity:0.8;
}

.katsuyou-footer {
	border-bottom:20px solid rgb(250,205,137);
}


/* エリアマップ
---------------------------------------------------------------------------*/
.areabg {
	background-color:rgb(249,235,181);
}

.areaimg {
	position:relative;
	margin:0 auto;
	width:1200px;
	height:870px;
}

.camp1027 {
	position:absolute;
	width:200px;
	top:-120px;
	left:50%;
	margin-left:-520px;
}

.areapoint {
	transition: 0.3s all;
}

.areapoint:hover {
	transform: translateY(5px);
}

.areapoint01 {
	display:block;
	position:absolute;
	width:230px;
	height:230px;
	top:462px;
	left:289px;
}

.areapoint02 {
	display:block;
	position:absolute;
	width:230px;
	height:230px;
	top:259px;
	left:35px;
}

.areapoint03 {
	display:block;
	position:absolute;
	width:230px;
	height:230px;
	top:84px;
	left:369px;
}

.areapoint04 {
	display:block;
	position:absolute;
	width:230px;
	height:230px;
	top:431px;
	left:952px;
}

.areapoint05 {
	display:block;
	position:absolute;
	width:230px;
	height:230px;
	top:26px;
	left:780px;
}

.areacomingsoon {
	position:absolute;
	top:-64px;
	left:88px;
	color:#555;
}


#footer {
	width:100%;
	min-width:1200px;
	padding:30px 5px 10px 5px;
}

#footer .footer-tel {
	display:inline;
	margin-right:0.3em;
	padding:0 2px;
	font-size:0.7em;
	border:1px solid #000;
}

#footer .footer-mail {
	display:inline;
	padding:0 2px;
	margin-right:0.3em;
	font-size:0.7em;
	border:1px solid #000;
}

#footer .footer-text01 {
	font-size:0.8em;
}

#footer .footer-text02 {
	font-size:1.2em;
}


/*menubar
---------------------------------------------------------------------------*/
#menubar {
	position:fixed;
	top:0;
	left:-100vw;
	width: 100%;
	height: 100%;
	z-index: 100;
	overflow: auto;
	padding: 0;
	text-align: center;
	opacity:0;
	transition: 0.3s;
}

#menubar.db {
	left: 0px;
	opacity:1;
	background: rgba(0,20,40,0.8);
	color: #fff;
}

#menubar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menubar a {
	display:block;
	text-align:left;
	color: #fff;
	padding: 15px 0 15px 15px;
	border-bottom:1px solid #888;
	transition: 0.3s;
}

#menubar ul ul a {
	padding: 15px 0 15px 35px;
}

#menubar ul ul a:before {
	font: var(--fa-font-solid);
	content:"\f105";
	margin-right:0.5em;
}

#menubar a:hover {
	background-color:rgba(120,120,120,0.8);
	text-decoration:none;
}

/*３本バーアイコン
---------------------------------------------------------------------------*/
#menubar_hdr {
	position:fixed;
	right: 5px;
	top: 0;
	z-index: 200;
	cursor: pointer;
	padding: 15px 12px;
	width: 60px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	order: 0;
	border:2px solid rgba(201,201,201,0);
	background-color:rgb(241,157,181);
	border-radius:0 0 8px 8px;
	transition: 0.3s;
}

#menubar_hdr.ham {
	right:7px;
	top: 7px;
	border-radius:12px;
	background-color:#fff;
}

#menubar_hdr span.line {
	display: block;
	border-top: 3px solid #fff;
	transition: 0.3s;
}

#menubar_hdr.ham span.line:nth-of-type(1),
#menubar_hdr.ham span.line:nth-of-type(3) {
	border-top: 3px solid #333;
	transform-origin: center center;
	width: 28px;
}

#menubar_hdr.ham span.line:nth-of-type(1){
	transform: rotate(45deg) translate(8px, 8px);
}

#menubar_hdr.ham span.line:nth-of-type(3){
	transform: rotate(-45deg) translate(8px, -8px);
}

#menubar_hdr.ham span.line:nth-of-type(2){
	opacity:0;
}


#spheadermenu {
	position:fixed;
	right: 5px;
	top: 0;
	z-index: 199;
	padding: 15px 12px;
	width: 60px;
	height: 60px;
	background-color:rgb(241,157,181);
	border:2px solid #ccc;
	border-radius:12px;
	overflow:hidden;
	transition: 0.3s;
}

#spheadermenu.ham {
	right: 5px;
	top: 5px;
	width: calc(100vw - 25px);
	height: calc((40vw - 45px) * 6 + 5px);
	max-height: calc(100svh - 15px);
	background-color:#fff;
	overflow:auto;
}


#pageTop {
	display:none;
	position:fixed;
	bottom:5px;
	left:50%;
	margin-left:-90px;
	width:180px;
	z-index:100;
}

#pageTop a {
	opacity:0.8;
}

#pageTop a:hover {
	opacity:1;
}



/* --- パソコン ---------------------------------------------------------------------- */
@media screen and (min-width: 576px) {
	.sp {
		display:none;
	}
	
	#menubar,
	#menubar_hdr {
		display:none;
	}
	
/*
	#menubar_hdr {
		right: 10px;
		top: 12px;
	}
*/
	#spheadermenu {
		display:none;
	}
}


/* --- スマホ ------------------------------------------------------------------------ */
@media screen and (max-width: 575px) {
	.pc {
		display:none;
	}
	
	#top {
		min-width:100%;
		width:100%;
		overflow:hidden;
	}
	
	#header {
		position:fixed;
		min-width:100%;
		width:100%;
		height:80px;
		overflow:hidden;
		z-index:10000;
	}
	
	#header .logo img {
		height:60px;
	}
	
	.section {
		margin:0 auto;
		width:100%;
		padding:30px 5px;
	}
	
	
	.waku1000 { width:100%; }
	.waku900 { width:100%; }
	.waku800 { width:100%; }
	.waku700 { width:100%; }
	.waku600 { width:100%; }
	
	#spheadermenu .spmenuwaku {
		margin-top:70px;
	}
	
	#spheadermenu .spmenuicon {
		display:block;
		width: calc(100% - 20px);
		margin:10px auto;
		transition: 0.3s;
	}
	
	#top {
		padding-top:80px;
	}
	
	
	/* トップページ
	---------------------------------------------------------------------------*/
	.topmain-bg {
		width:100%;
		min-width:100%;
		margin:0 auto;
	}
	
	.topmain {
		width:100%;
		min-width:100%;
		margin:80px auto 0 auto;
		aspect-ratio: 100 / 81;
	}
	
	.topmainlogo {
		position:absolute;
		top:80px;
		left:0;
		width:100%;
		min-width:100%;
		margin:0 auto;
	}
	
	.topmainimg {
		width:100%;
		max-width:100%;
		min-width:100%;
	}
	
	.topcamppr {
		width:100%;
		max-width:60%;
	}
	
	.slidebg {
		margin-bottom:80px;
		min-height:100px;
		width:100%;
		min-width:100%;
	}
	
	.sliderimgsp {
		margin:0 auto;
		padding:0;
		width: calc(100% - 80px);
	}
	
	.toptitle {
		width:90%;
	}
	
	.toptext01 {
		font-size:0.95em;
		line-height:1.5;
	}
	
	.toptext02 {
		font-size:0.8em;
	}
	
	.top-btn01 {
		width:70vw;
		padding-left:6vw;
	}
	
	.top-btn02 {
		width:58vw;
	}
	
	
	/* ぎふっこ応援キャンペーンとは
	---------------------------------------------------------------------------*/
	.aboutgifucco_bg {
		width:100%;
		min-width:100%;
		padding:10px 5px;
		background:rgb(250,235,181) url(images/aboutgifucco/aboutgifucco_bg.jpg) top center no-repeat;
		background-size:100%;
	}
	
	.aboutgifuccomainimg {
		width:100%;
		max-width:100%;
		min-width:100%;
	}
	
	.aboutgifuccomain-text01 {
		font-family: "Kosugi Maru", sans-serif;
		font-size:0.9em;
		line-height:1.4;
		font-weight:bold;
		color:rgb(62,58,57);
	}
	
	.aboutgifuccocard {
		position:relative;
		width:380px;
		padding-bottom:10px;
	}
	
	.aboutgifuccocard-text {
		position:absolute;
		top:0;
		left:0;
		width;100%;
		padding:120px 50px 50px 58px;
		font-family: "Kosugi Maru", sans-serif;
		font-size:0.85em;
		font-weight:bold;
		color:rgb(66,58,52);
		line-height:1.8;
		text-align:left;
	}
	
	.aboutgifucco-btn {
		display:block;
		width:360px;
		margin:0 auto;
		padding:15px;
		font-family: "Kosugi Maru", sans-serif;
		font-size:1.1em;
		font-weight:bold;
		color:#fff;
		text-align:center;
		background-color:rgb(103,89,82);
		border:2px solid rgb(103,89,82);
		transition: 0.3s;
	}
	
	.aboutgifucco-btn:hover {
		color:rgb(103,89,82);
		background-color:#fff;
		text-decoration:none;
	}
	
	.textmarker {
		background:linear-gradient(transparent 60%, rgba(120,240,120,0.9) 60%);
	}
	
	
	/* 参加店舗を探そう
	---------------------------------------------------------------------------*/
	.shopmain-bg {
		width:100%;
		min-width:100%;
		aspect-ratio: 211 / 77;
		background-color:rgb(251,220,235);
	}
	
	.shopmain img {
		width:100%;
	}
	
	.shop-text01 {
		font-family: "Kosugi Maru", sans-serif;
		padding:10px;
		text-align:center;
		font-size:1.2em;
		color:#fff;
		background-color:rgb(232,82,152);
	}

	.shop-text02 {
		font-family: "Kosugi Maru", sans-serif;
		padding:8px;
		font-size:2.9vw;
		white-space:nowrap;
		color:#fff;
		background-color:rgb(244,180,208);
	}
	
	.search-form {
		background-color:#fff;
		outline:none;
		width:35vw;
		padding:0.05em 0.2em;
		font-size:4vw;
		color:#333;
		border:none;
	}
	
	.search-btn {
		background-color:rgb(232,82,152);
		padding:3px;
		width:7vw;
	}
	
	.stampbtn {
		width:70vw;
		white-space:nowrap;
	}
	
	.stampbtn .stampcheckng {
		opacity:0.2;
	}
	
	.stampbtn input[type=checkbox] {
		display:none;
	}
	
	
	#kensakucmt {
		font-size:0.5em;
		letter-spacing:0em;
	}
	
	
	.shop-text03 {
		width:100%;
		font-family: "Kosugi Maru", sans-serif;
		text-align:center;
		padding:10px;
		font-size:1.4em;
		letter-spacing:0.3em;
		color:rgb(114,113,113);
		background-color:#fff;
		border:3px solid rgb(232,82,152);
	}
	
	.shop-text04 {
		width:100%;
		font-family: "Kosugi Maru", sans-serif;
	}
	
	.shop-text05 {
		text-align:center;
		font-size:3.8vw;
		color:rgb(103,89,82);
		line-height:1.4;
		font-weight:bold;
		padding:20px 0;
	}
	
	.shop-footer {
		border-bottom:20px solid rgb(232,82,152);
	}
	
	.shopbottombg {
		margin:0 auto;
		width:100%;
		
	}
	
	
	.shopwaku {
		position:relative;
		width: calc(50% - 4px);
		margin: 10px 2px;
		border-radius: 0 0.5em 0.5em 0;
		font-size:2.3vw;
	}
	
	.shopwaku .shopbody {
		padding:1em 1em 30vw 1em;
		line-height:1;
	}
	
	.shopwaku .shopinfo {
		width:75%;
	}
	
	.shopwaku .shopheader {
		width:100%;
		border-radius:0 0.5em 0 0;
	}
	
	.shoparea {
		margin:0 0.2em;
		height:1.2em;
		display:flex;
		justify-content:space-between;
		padding:0.1em;
		font-size:0.65em;
		color:rgb(3,110,184);
		background-color:#fff;
		border-radius:0.3em;
		line-height:1;
	}

	.shopwaku .shoparea-text {
		padding-top:0.1em;
		padding-left:1.2em;
		padding-right:0.7em;
		letter-spacing:0.5em;
		border-radius:0.3em;
		line-height:1;
	}

	.shopgenre {
		flex:1;
		margin:0 0.2em;
		height:1.2em;
		display:flex;
		justify-content:space-between;
		padding:0.1em;
		padding-top:0.1em;
		font-size:0.65em;
		color:rgb(234,85,20);
		background-color:#fff;
		border-radius:0.3em;
		line-height:1;
	}

	.shopwaku .shopgenre-text {
		width:6em;
		padding-top:0.1em;
		padding-left:0.2em;
		padding-right:0.2em;
		text-align:center;
		white-space:nowrap;
		overflow:hidden;
		color:#fff;
		background-color:rgb(234,85,20);
		border-radius:0.3em;
		line-height:1;
	}
	
	.shopname {
		font-size:1em;
		padding:0.2em 0;
	}

	.shopjusho {
		width:100%;
		font-size:0.9em;
		padding:0.1em 0;
		word-break:break-all;
	}

	.shoptel {
		width:100%;
		font-size:0.9em;
		padding:0.1em 0;
		word-break:break-all;
	}

	.shoptel a {
		color:#222;
	}
	
	.shopbody-bottom {
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:auto;
		aspect-ratio: 52 / 30;
		padding:1em;
	}

	.shoptokutensp {
		margin:3px;
		padding:2px;
		min-height:4em;
		border:1px solid rgb(228,0,127);
		font-size:0.55em;
	}
	
	.shoptokutentitle {
		text-align:center;
		color:#fff;
		background-color:rgb(233,71,9);
		font-size:1.6vw;
		padding:0.2em;
		border-radius:0.8em;
	}
	
	.shoptokutenkikanwaku {
		padding:0.4em;
	}
	
	.tokutenmark {
		width:6em;
	}
	
	.tokutenmark span {
		display:block;
		background-color:rgb(233,71,9);
		border-radius:20px;
		padding:2px 0px;
		text-align:center;
		font-size:0.8em;
		color:#fff;
	}
	
	.sankamark {
		width:1.5em;
	}
	
	.shopsankaimg {
		position:absolute;
		top:-3.5vw;
		left:0vw;
		width:9vw;
	}
	
	.shop-url {
		position:absolute;
		top:-5vw;
		right:0;
		height:5vw;
	}

	.shop-url img {
		height:5vw;
	}

	.shop_btn01 {
		width:65vw;
	}
	
	.shop_btn02 {
		width:65vw;
	}
	
	.shop-word {
		width:65vw;
		font-size:3.2vw;
		line-height:1.7;
		color:rgb(103,89,82);
	}
	
	.shop-text02-2 {
		width:50vw;
		font-family: "Kosugi Maru", sans-serif;
		padding:1vw 3vw;
		font-size:1.2em;
		white-space:nowrap;
		color:#fff;
		background-color:rgb(244,180,208);
		border-radius:3vw;
	}
	
	.shop-stampcmt {
		font-size:0.9em;
		line-height:1.6;
	}
	
	
	
	/* キャンペーン対象店舗になるには
	---------------------------------------------------------------------------*/
	.campaign-bg {
		width:100%;
		min-width:100%;
		aspect-ratio: 211 / 77;
		background-color:rgb(251,220,235);
	}
	
	.campaign-text01 {
		padding:6px;
	}
	
	.campaign-text01 a {
		display:block;
		margin: 0 auto;
		width:70%;
		color:#fff;
		transition: 0.3s;
	}
	
	.campaign_bg {
		width:100%;
		min-width:100%;
		padding:50px 5px;
		background:#fff url(images/campaign/campaign_bg.jpg) top center no-repeat;
		background-size:100%;
	}
	
	.campaign_title {
		width:90%;
		margin:0 auto;
		padding:10px 5px;
	}
	
	.campaign-text02 {
		font-size:1em;
		line-height:1.3;
	}
	
	.campaign_linktext01 {
		position:absolute;
		top:125vw;
		left:7vw;
		width:40vw;
		padding:0.1em;
		font-size:3.1vw;
		text-align:center;
		color:rgb(93,82,76);
		background-color:#fff;
		border:1px solid rgb(35,24,21);
		transition: 0.3s;
	}
	
	.campaign-text03 {
		font-size:3vw;
		line-height:1.4;
	}
	
	.campain-waku2 {
		padding:1em 2em;
		font-size:3vw;
		line-height:1.6;
		border:2px solid #75B2B0;
		border-radius:1.2em;
	}
	
	
	/* スタンプラリーに参加しよう
	---------------------------------------------------------------------------*/
	.stamprally-bg {
		width:100%;
		min-width:100%;
		aspect-ratio: 211 / 77;
		background-color:rgb(251,220,235);
	}
	
	.stamprally-bg2 {
		background-color:rgb(253,239,245);
	}
	
	.stamprallyumain img {
		width:100%;
	}
	
	.stamprally-text01 {
		font-family: "Kosugi Maru", sans-serif;
		padding:18px;
		text-align:center;
		font-size:1.6em;
		color:#fff;
		background-color:rgb(232,82,152);
	}
	
	.stamprally_app {
		width:80%;
	}
	
	.stamprally-text02 {
		font-family: "Kosugi Maru", sans-serif;
		padding:22px;
		text-align:center;
		font-size:1.6em;
		color:#fff;
		background-color:rgb(244,180,208);
	}

	.stamprally-footer {
		border-bottom:20px solid rgb(232,82,152);
	}

	.stamprally-footer {
		border-bottom:20px solid rgb(232,82,152);
	}

	.stamprallybottombg {
		margin:0 auto;
		width:100%;
	}
	
	.stamprallybtn01 {
		top:176vw;
		left:19vw;
		width:60vw;
	}

	.stamprallybtn02 {
		top:261vw;
		left:19vw;
		width:60vw;
	}

	.stamprallybtn03 {
		top:188vw;
		left:19vw;
		width:55vw;
	}

	
	/* ぎふっこカードとは
	---------------------------------------------------------------------------*/
	.about-bg {
		position:relative;
		width:100%;
		min-width:100%;
		aspect-ratio: 211 / 77;
		background-color:rgb(251,220,235);
	}
	
	.about-card01 {
		position:absolute;
		bottom:-8vw;
		left:50%;
		margin-left:-47vw;
		width:25vw;
		animation: cardupdown 3s infinite;
	}
	
	.about-card02 {
		position:absolute;
		bottom:-8vw;
		left:50%;
		margin-left: 22vw;
		width:25vw;
		animation: cardupdown 3.2s infinite;
	}

	.aboutmain img {
		width:100%;
	}

	.about-text01 {
		font-family: "Kosugi Maru", sans-serif;
		padding:8px;
		text-align:center;
		font-size:1.6em;
		color:#fff;
		background-color:rgb(250,205,137);
	}

	.aboutmainbg {
		position:relative;
		width:100%;
		min-width:100%;
		background:#fff url(images/about/about_bg.jpg) top center repeat-y;
		background-size:100%;
	}

	.about-title {
		width:100%;
	}

	.aboutmainbg2 {
		position:relative;
		width:100%;
		margin:0 auto;
		padding:20px 0;
	}
	
	.aboutwaku {
		position:relative;
		top:0;
		left:0;
		margin:0 auto;
		width:90vw;
	}
	
	.appldlbtnsp {
		position:absolute;
		bottom:24vw;
		left:7vw;
	}
	
	.appldlbtn {
		display:block;
		width:50vw;
		margin:0 auto;
		padding:5px 10px;
		font-size:3vw;
		text-align:center;
		color:#000;
		background-color:rgb(32,174,229);
		border:1px dotted #fff;
		transition: 0.3s all;
	}

	.appldlbtn:hover {
		color:#fff;
		text-decoration:none;
	}

	.about-footer {
		border-bottom:20px solid rgb(250,205,137);
	}

	
	
	/* ぎふ子育て応援団を活用しよう
	---------------------------------------------------------------------------*/
	.katsuyou-bg {
		width:100%;
		min-width:100%;
		aspect-ratio: 211 / 77;
		background-color:rgb(251,220,235);
	}

	.katsuyoumain img {
		width:100%;
	}

	.katsuyou-text01 {
		font-family: "Kosugi Maru", sans-serif;
		padding:8px;
		text-align:center;
		font-size:1.6em;
		color:#fff;
		background-color:rgb(250,205,137);
	}

	.katsuyouimg01 {
		width:100%;
	}

	.katsuyouiconwaku {
		position:relative;
		width:100%;
		height:60vw;
	}

	.katsuyouicon01 {
		position:absolute;
		top:5vw;
		left:1vw;
		width:32vw;
	}

	.katsuyouicon02 {
		position:absolute;
		top:28vw;
		left:20vw;
		width:32vw;
	}

	.katsuyouicon03 {
		position:absolute;
		top:26vw;
		left:49vw;
		width:32vw;
	}

	.katsuyouicon04 {
		position:absolute;
		top:5vw;
		left:32vw;
		width:32vw;
	}

	.katsuyouicon05 {
		position:absolute;
		top:5vw;
		left:67vw;
		width:32vw;
	}

	.katsuyou_card {
		position:absolute;
		top:9vw;
		left:1vw;
		width:44vw;
	}

	.katsuyoulinkbtn {
		display:block;
		width:70vw;
		padding:10px 50px;
		background-color:rgb(237,144,39);
		transition: 0.3s all;
	}

	.katsuyoulinkbtn:hover {
		opacity:0.8;
	}

	.katsuyou-footer {
		border-bottom:20px solid rgb(250,205,137);
	}

	
	
	
	/* エリアマップ
	---------------------------------------------------------------------------*/
	.areabg {
		background-color:rgb(249,235,181);
	}
	
	.areaimg {
		position:relative;
		margin:0 auto;
		width:100%;
		height:auto;
		aspect-ratio: 120 / 87;
	}
	
	.camp1027 {
		position:absolute;
		width:22vw;
		top:-5vw;
		left:50%;
		margin-left:-45vw;
	}
	
	.areapoint {
		transition: 0.3s all;
	}
	
	.areapoint:hover {
		transform: translateY(5px);
	}
	
	.areapoint01 {
		display:block;
		position:absolute;
		width:19.16vw;
		height:19.16vw;
		top:38vw;
		left:24vw;
	}
	
	.areapoint02 {
		display:block;
		position:absolute;
		width:19.16vw;
		height:19.16vw;
		top:21vw;
		left:3vw;
	}
	
	.areapoint03 {
		display:block;
		position:absolute;
		width:19.16vw;
		height:19.16vw;
		top:5vw;
		left:31vw;
	}
	
	.areapoint04 {
		display:block;
		position:absolute;
		width:19.16vw;
		height:19.16vw;
		top:36vw;
		left:79vw;
	}
	
	.areapoint05 {
		display:block;
		position:absolute;
		width:19.16vw;
		height:19.16vw;
		top:2vw;
		left:65vw;
	}
	
	.areacomingsoon {
		position:absolute;
		top:-7.2vw;
		left:6vw;
		font-size:0.5em;
		color:#555;
	}
	
	
	#footer {
		min-width:100%;
		width:100%;
		font-size:0.8em;
		overflow:hidden;
	}
	
	
	
}