@charset "utf-8";
/* CSS Document */
.mt20{margin-top: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb90{margin-bottom: 90px;}
.mb160{margin-bottom: 160px;}

.pc{display: block;}
.sp{display: none;}
ul {list-style: none;}
figure{line-height: 0;}
a img:hover{opacity: 0.9;}
.marker{background: linear-gradient(transparent 50%, #ddd95b 50%);}

/*----fonttype----*/
#prologue h2{
	font-family: "heisei-kaku-gothic-std", sans-serif;
	font-weight: 700;
	font-style: normal;}
#prologue p　#prologue p strong,.kyotsu .content-box a span,#kenben .supplement,#drink .appeal-icecafe .txt,#drink .appeal-monin dd{
	font-family: source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 300;}
#attention p span,.kyotsu .a-contents .list .model p,.kyotsu .a-contents .supplementary1,.kyotsu .a-contents .supplementary1 span, .kyotsu .a-contents .supplementary2,.kyotsu .content-box a h4,.kyotsu .content-box a p,#checklist dt,#checklist dd,#kenben dd,#drink .appeal-monin dt,#drink .monin-recipe .monin-recipe_set p,#prologue p,#prologue p strong{
	font-family: source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 500;}
#attention h2,#attention dd a,#drink .appeal-icecafe .txt2{
	font-family: source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 600;}
#attention dt{
	font-family: source-han-sans-japanese, sans-serif;
	font-style: normal;
	font-weight: 800;}
#select .inner h2,#select .inner h3{
	font-family: ab-showa, sans-serif;
	font-style: normal;
	font-weight: 400;}
nav .main li p,nav .sub li p,.kyotsu .accordion summary,.kyotsu .a-contents h3,.kyotsu h2,.kyotsu .more a,#checklist .download a,.h2-mini,#kenben .move a,#drink .appeal-monin div p
{font-family: "ab-gamma", sans-serif;
font-weight: 400;
font-style: normal;}
.kyotsu .a-contents dt,.kyotsu .a-contents dd,.kyotsu .a-contents dt span,.kyotsu .a-contents dd span,.kyotsu .select li a,.kyotsu .select-title,#kenben .kind li a,#kenben h3,#kenben dt,#drink .appeal-icecafe dt span,#drink .appeal-icecafe dt,#drink .monin-acordion dd a,#kenben .kind .osusume:before{
font-family: "fot-tsukuardgothic-std", sans-serif;
font-weight: 700;
font-style: normal;}

h1{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;}




.mainbnr{
	text-align: center;
	background-color: #f7f7f7;
	line-height: 0;}
.mainbnr img{max-width: 70%;margin: 0 auto;}


.inner{width: 1080px;margin: 0 auto;}

.red{color: #f43233;}


#prologue{background-color: #f43233;}
#prologue .inner{padding: 60px 0 300px; width: 100%; background: url("../img/prologue-img.webp");background-repeat: no-repeat;background-position: bottom center;background-size: contain;;}
#prologue h2{font-size: 28px; color: #fff000; text-align: center; margin-bottom: 30px; line-height: 1.6;}
#prologue p{text-align: left; font-size: 17px; color: #fff; width: 740px; margin: 0 auto;}
#prologue p strong{color: #fff; text-decoration: underline; font-size: 90%;}



nav .inner{padding: 60px 0;}
nav ul{display: flex; flex-wrap: wrap;}
nav .main li{width: 24.5%; position: relative; margin-right: 0.66%;}
nav .main li:nth-child(4n){margin-right: 0;}
nav .main li:nth-child(n+5){margin-top: 0.66%;}
nav .main li p,
nav .sub li p{font-size: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; color: #fff; text-align: center; line-height: 1.3;}
nav .main li a:hover img,
nav .sub li a:hover img{visibility: hidden;}
nav .sub{margin: 5px 0 60px;}
nav .sub li{width: 32.89%; position: relative; margin-right: 0.66%;}
nav .sub li:nth-child(3n){margin-right: 0;}
nav ul li a{width: 100%;}
nav ul li a img{width: 100%;}
nav .osusume{justify-content: space-between;}
nav .osusume li{width: 33%;}
nav .osusume p{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;}
nav .inner h2{font-size: 30px; color: #f43233; margin-bottom: 30px; text-align: center;}
nav .inner h3{font-size: 30px; color: #000000; margin-bottom: 30px; text-align: center;}
nav .menrui-kome{background: url("../img/select-yakisoba-light.webp")no-repeat; background-size: contain;}
nav .furankufuruto{background: url("../img/select-furankufuruto-light.webp")no-repeat; background-size: contain;}
nav .yakitori{background: url("../img/select-yakitori-light.webp")no-repeat; background-size: contain;}
nav .desert{background: url("../img/select-desert-light.webp")no-repeat; background-size: contain;}
nav .poteto{background: url("../img/select-poteto-light.webp")no-repeat; background-size: contain;}
nav .karaage{background: url("../img/select-karaage-light.webp")no-repeat; background-size: contain;}
nav .takoyaki{background: url("../img/select-takoyaki-light.webp")no-repeat; background-size: contain;}
nav .drink{background: url("../img/select-drink-light.webp")no-repeat; background-size: contain;}
nav .takeoutgoods{background: url("../img/select-takeoutgoods-light.webp")no-repeat; background-size: contain;}
nav .child{background: url("../img/select-child-light.webp")no-repeat; background-size: contain;}
nav .eisei{background: url("../img/select-eisei-light.webp")no-repeat; background-size: contain;}



#attention{margin-bottom: 60px;}
#attention .inner{
	background-color: #fff9ee;
	border-bottom: solid 3px #ff6800;
	border-top: solid 3px #ff6800;
	padding: 60px 30px 30px 30px;}
#attention h2{font-size: 23px; position: relative; text-align: center; color: #ff5600;}
#attention h2:before{
	content: "";
	background: url("../img/attention-icon.webp")no-repeat;
	width: 36px;
	height: 36px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -40px;}
#attention dl{text-align: center; margin-bottom: 20px;}
#attention dt{font-size: 26px;}
#attention dd{font-size: 16px; text-decoration: underline;}
#attention p{font-size: 19px; letter-spacing: 1px;}
#attention p span{background: linear-gradient(transparent 70%, #f9e780 0%);}



.kyotsu{padding: 60px 0;}
.kyotsu h2{font-size: 60px; text-align: center; margin-bottom: 50px; line-height: 1;}
.kyotsu .accordion{font-size: 37px; text-align: center;}
.kyotsu .a-contents{padding: 40px;}
.kyotsu .a-contents h3{font-size: 28px; text-align: center; margin-bottom: 40px;}
.kyotsu .a-contents .list{display: flex; flex-wrap: wrap; margin-bottom: 40px;}
.kyotsu .a-contents .list .model{width: 23%; margin-right: 2%; line-height: 1;}
.kyotsu .a-contents .list .model:nth-child(4){margin-right: 0;}
.kyotsu .a-contents .list .model a{display: inline-block; line-height: 1;}
.kyotsu .a-contents .list .model a img{width: 100%; height: auto;}
.kyotsu .a-contents .list .model p{font-size: 20px;}
.kyotsu .a-contents dl{text-align: left; margin-bottom: 40px;}
.kyotsu .a-contents dt{font-size: 29px;}
.kyotsu .a-contents dt span{font-size: 35px; line-height: 1.4;}
.kyotsu .a-contents dd{font-size: 29px;}
.kyotsu .a-contents dd span{line-height: 1.4;}
.kyotsu .a-contents .equal{font-size: 25px; line-height: 1;}
.kyotsu .a-contents dd .red{font-size: 35px;}
.kyotsu .a-contents dd .mini{font-size: 19px;}
.kyotsu .a-contents .supplementary1{margin-bottom: 20px;}
.kyotsu .a-contents .supplementary1,
.kyotsu .a-contents .supplementary2{font-size: 17px; text-align: left;}
.kyotsu .select{display: flex; flex-wrap: wrap; margin: 55px 0;}
.kyotsu .select li{width: 23%; margin-right: 2%;}
.kyotsu .select li:nth-child(4){margin-right: 0%;}
.kyotsu .select li:nth-child(n+5){margin-top: 20px;}
.kyotsu .select li a{display: block; font-size: 22px;}
.kyotsu .select-title{font-size: 29px; margin-bottom: 38px;}
.kyotsu .content-box{display: flex; flex-wrap: wrap; margin-bottom: 70px;}
.kyotsu .content-box a{width: 23.8%; margin-right: 1.5%; display: flex; flex-direction: column;}
.kyotsu .content-box a:nth-child(4n){margin-right: 0%;}
.kyotsu .content-box a:nth-child(n+5){margin-top: 30px;}
.kyotsu .content-box a img{width: 100%; height: auto;}
.kyotsu .content-box a h4{font-size: 18px; flex-grow: 1; padding-top: 10px; line-height: 1.4;}
.kyotsu .content-box a p{font-size: 23px; line-height: 1; padding: 20px 0;}
.kyotsu .content-box a .size{color: #fff; font-size: 17px; line-height: 1.3; letter-spacing: 1px;}
.kyotsu .more{font-size: 29px; text-align: center;}
.kyotsu .more a{display: inline-block; width: 310px; padding: 5px 0;}

.aka{background-color: #f43233;}
.aka h2,.aka .select li a,.aka .content-box a h4,.aka .content-box a p,.aka .select-title{color: #fff;}
.aka .accordion{background-color: #fff; color: #f43233;}
.aka .select-title{border-bottom: solid 1px #fff;}
.aka .select li a{border-bottom: solid 1px #fff; position: relative;}
.aka .select li a:after{
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 0 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg) translateY(-50%);;
	position: absolute;
	top: 50%;
	right: 0;}
.aka .more a{background-color: #ffe670; color: #f43233;}

.shiro h2{color: #f43233;}
.shiro .a-contents h3,.shiro .a-contents .list .model p,.shiro .a-contents .supplementary1, .shiro .a-contents .supplementary2,.shiro .a-contents dt,.shiro .a-contents dd,.shiro .a-contents dd span{color: #fff;}
.shiro .red{color: #fff000 !important;}
.shiro .accordion summary{background-color: #f43233; color: #fff;}
.shiro .select-title{border-bottom: solid 1px #000;}
.shiro .select li a{border-bottom: solid 1px #000; position: relative;}
.shiro .select li a:after{
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 0 10px;
	border-bottom: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(45deg) translateY(-50%);;
	position: absolute;
	top: 50%;
	right: 0;}
.shiro .more a{background-color: #f43233; color: #ffe670;}
.shiro .a-contents{background-color: #f43233;}

.marker-no1,.marker-no2,.marker-no3{position: relative;}
.marker-no1:after{
	content: "";
	background: url("../img/pop-01.webp")no-repeat;
	width: 85px;
	height: 85px;
	position: absolute;
	left: 0;
	top: 0;}
.marker-no2:after{
	content: "";
	background: url("../img/pop-02.webp")no-repeat;
	width: 85px;
	height: 85px;
	position: absolute;
	left: 0;
	top: 0;}
.marker-no3:after{
	content: "";
	background: url("../img/pop-03.webp")no-repeat;
	width: 85px;
	height: 85px;
	position: absolute;
	left: 0;
	top: 0;}


#drink .appeal-monin{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 80px;}
#drink .appeal-monin div{width: 45%; align-content: center;}
#drink .appeal-monin div p{font-size: 23px; color: #d11e34;}
#drink .appeal-monin dl:nth-child(n+2){margin-top: 10px;}
#drink .appeal-monin dt{font-size: 18px; color: #822b6f;}
#drink .appeal-monin dd{font-size: 15px;}
#drink .monin-recipe{display: flex; flex-wrap: wrap;}
#drink .monin-recipe .monin-recipe_set{width: 40%;}
#drink .monin-recipe .monin-recipe_set p{font-size: 23px; color: #fff; padding-bottom: 15px;}
#drink .monin-recipe .monin-recipe_set .monin-recipe_set_item{display: flex;}
#drink .monin-recipe .monin-recipe_set .monin-recipe_set_item a{width: 50%;}
#drink .monin-acordion{margin-bottom: 80px;}
#drink .monin-acordion dt{font-size: 20px;}
#drink .monin-acordion dd{font-size: 18px;}
#drink .monin-acordion dd a{color: #fff;}

#drink .appeal-icecafe{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}
#drink .appeal-icecafe dl{width: 45%; align-content: center;}
#drink .appeal-icecafe dt{font-size: 28px; margin-bottom: 25px; line-height: 1.3;}
#drink .appeal-icecafe dt span{color: #42a4b6;}
#drink .appeal-icecafe .txt{font-size: 16px; margin-bottom: 30px;}
#drink .appeal-icecafe .txt2{font-size: 18px;}


#checklist h2{color: #099ad8;}
#checklist h2 .h2-mini{color: #099ad8;}
#checklist .download{text-align: center; margin: 35px 0 25px 0;}
#checklist .download a{display: inline-block; padding: 10px 80px;  font-size: 25px; color: #fff; background-color: #099ad8; position: relative;}
#checklist .download a:after{
	content: "";
	background: url("../img/checklist-download.webp")no-repeat;
	width: 34px;
	height: 33px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;}
#checklist dt,#checklist dd{font-size: 17px;}


#kenben h2 .h2-mini{color: #fff; position: relative;}
#kenben h2 .h2-mini:after{
	content: "";
	background: url("../img/kenben-catch.webp")no-repeat;
	width: 110px;
	height: 110px;
	position: absolute;
	left: 147%;
	bottom: -21px}
#kenben .leed{font-size: 17px; color: #fff; margin-bottom: 55px;}
#kenben h3{width: 300px; border-radius: 5px; font-size: 28px; margin: 0 auto 60px auto; text-align: center; color: #f43233; padding: 3px 15px; background-color: #fff; position: relative;}
#kenben h3:after{
	content: "";
	width:0;
	height:0;
	border-style:solid;
	border-width: 10px 8px 0 8px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
}
#kenben .kind{display: flex; flex-wrap: wrap; justify-content: space-between;}
#kenben .kind li{width: 49%; text-align: center; margin-bottom: 20px;}
#kenben .kind li a{display: block; font-size: 21px; color: #f43233; background-color: #fff; align-content: center; height: 100%; line-height: 1.2; padding: 30px 10px; position: relative;}
#kenben .kind li a:before{
	content: "";
	background: url("../img/kenben-hanmaru.webp")no-repeat;
	width: 29px;
	height: 29px;
	position: absolute;
	left: 5px;
	top: 5px;}
#kenben .kind li a span{font-size: 15px; color: #f43233;}
#kenben .kind .osusume{position: relative;}
#kenben .kind .osusume:before{
	content: "▼ 屋台・模擬店におすすめ！ ▼";
	font-size: 23px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -40px;
	width: 100%;
	color: #fff000;}
#kenben .supplement{font-size: 17px; margin-bottom: 40px; color: #fff;}
#kenben dl{margin-bottom: 70px;}
#kenben dt{font-size: 25px; color: #fff000; text-decoration: underline; text-align: center; margin-bottom: 30px;}
#kenben dd{font-size: 17px; color: #fff;}
#kenben .move{font-size: 29px; text-align: center;}
#kenben .move a{background-color: #ffe670; color: #f43233; display: inline-block; width: 310px; padding: 5px 0;}


.h2-mini{font-size: 80%;}

#first h2{color: #23ac38;}
#first h2 .h2-mini{color: #23ac38; position: relative;}
#first h2 .h2-mini:after{
	content: "";
	background: url("../img/First-icon.webp")no-repeat;
	width: 55px;
	height: 76px;
	position: absolute;
	right: -75px;
	top: 0;}


.spotlist_back {
	margin-top: 60px;
	text-align: center;}
.spotlist_back a {
	font-size: 20px;
	border: solid 2px;
	padding: 15px 80px;
	border-radius: 10px;}

.pagetop-icon{width: 100%;}
.pagetop-icon a{position: fixed; bottom: 50px; right: 50px;}


.rpa-product-name,.rpa-product-price{padding: 0; color: unset; line-height: inherit;}


@media only screen and (max-width: 768px) {}
@media (max-width: 1024px) {}
@media (max-width: 768px) {
	.pc{display: none;}
	.sp{display: block;}

	
	h1 img{max-width: 100%;}
	.inner{width: 95% !important;}
	.mainbnr img{max-width: 100%;}
	

	
	
	nav ul{justify-content: space-between;}
	nav .main li{width: 49%;}
	nav ul li:nth-child(n+3){margin-top: 3px;}
	nav .main li{margin-right: 0;}
	nav .main li p, nav .sub li p{font-size: 33px;}
	nav .sub li{width: 100%;}
	nav .osusume li{width: 80%; margin: 0 auto;}
	nav .osusume li:nth-child(n+2){margin-top: 20px;}
	
	#attention .inner{padding: 60px 20px 20px 20px;}
	#attention dt{font-size: 18px;}
	#attention p{font-size: 15px;}
	
	.kyotsu h2{font-size: 40px;}
	.kyotsu .accordion{font-size: 24px;}
	.kyotsu .select li{width: 100%; margin-right:0;}
	.kyotsu .select li:nth-child(n+2){margin-top: 20px;}
	.kyotsu .select li a{font-size: 20px;}
	.kyotsu .select-title{font-size: 24px;}
	.kyotsu .content-box{justify-content: space-between;}
	.kyotsu .content-box a{width: 48%;}
	.kyotsu .content-box a h4{font-size: 15px;}
	.kyotsu .content-box a p{font-size: 18px; padding: 10px 0;}
	.kyotsu .content-box a span{font-size: 16px;}
	.kyotsu .more{font-size: 24px;}
	.kyotsu .a-contents{padding: 20px;}
	.kyotsu .a-contents dt{font-size: 20px;}
	.kyotsu .a-contents dd{font-size: 20px;}
	.kyotsu .a-contents dd .mini{font-size: 16px;}
	.kyotsu .a-contents dt span{font-size: 25px;}
	.kyotsu .a-contents dd .red{font-size: 25px;}
	.kyotsu .a-contents .supplementary1, .kyotsu .a-contents .supplementary2{font-size: 15px;}
	.kyotsu .a-contents .equal{font-size: 20px;}
	.kyotsu .a-contents .list{justify-content: space-between;}
	.kyotsu .a-contents .list .model {width: 48%; margin-right: 0;}
	.kyotsu .a-contents .list .model p{font-size: 16px;}
	.kyotsu .a-contents h3{font-size: 20px;}
	.kyotsu .content-box a:nth-child(n+3){margin-top: 30px;}
	
	
	
	#drink .appeal-monin figure img{width: 100%;}
	#drink .appeal-monin div{width: 100%;}
	#drink .monin-acordion .monin-recipe figure img{width: 100%;}
	#drink .monin-recipe .monin-recipe_set{width: 100%;}
	#drink .appeal-monin dl:nth-child(n+2){margin-top: 5px;}
	#drink .appeal-monin dt{font-size: 16px;}
	#drink .monin-recipe .monin-recipe_set p{padding: 10px 0;}
	
	
	#drink .appeal-icecafe figure img{width: 100%;}
	#drink .appeal-icecafe dl{width: 100%;}
	#drink .appeal-icecafe dt{font-size: 23px;}
	#drink .appeal-icecafe .txt2{font-size: 16px;}
	#drink .appeal-icecafe .txt{margin-bottom: 10px;}
	
	
	#checklist dt, #checklist dd{font-size: 15px;}
	
	#kenben h2 .h2-mini:after {
		width: 83px;
		height: 82px;
		background-size: contain;
		left: 108%;
		bottom: -5px;}
	#kenben .leed{font-size: 16px;}
	#kenben .kind li{width: 100%;}
	#kenben .kind li a{padding: 20px 10px; font-size: 23px;}
	#kenben dt{font-size: 20px;}
	#kenben dd{font-size: 16px;}
	#kenben .supplement{font-size: 16px; font-weight: 400;}
	
	#first h2 .h2-mini:after {
    width: 45px;
    height: 66px;
    background-size: contain;
    right: -50px;
    top: -19px;}
	
	.mb90{margin-bottom: 60px;}
	
	#prologue{margin: 0 auto;}
	#prologue .inner{padding: 30px 0 60px;}
	#prologue .inner h2{margin-bottom: 20px;  font-size: 23px;}
	#prologue .inner p{width: 100%;}
	
	
	.pagetop-icon img{width: 80px;}
	.pagetop-icon a{bottom: 10px; right: 10px;}
	
	
	
}