@charset "utf-8";

.nopc {
	display: block;
}
.nosp {
	display: none;
}

/* slider --------------*/

.mainSlider {
	margin-bottom: 25px;
}

/* viewWrap --------------*/

.boxPos > .wrapper{
	position: static;
}

#viewWrap {
	width: 100%;
	height: auto;
	background: none;
	margin-bottom: 25px;
}

.innerBox {
	width: 95%;
	height: auto;
	margin: 0 auto;
	position: relative;
	padding: 20px 15px 57px 15px;
}

.innerBox h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.innerBox .dtlTxt {
	margin-bottom: 15px;
}

.pointPos_viewTtl img {
	width: 100px;
	height: auto;
}

.pointPos_view {
	position: absolute;
	bottom: -60px;
	right: -2.9%;
	width: 87px;
	height: 115px;
	z-index: 1;
}

.pointPos_view img {
	width: 87px;
	height: auto;
}

/* dishWrap --------------*/

#dishWrap {
	width: 100%;
	height: auto;
	background: none;
	margin-bottom: 25px;
}

#dishWrap.dish .innerBox {
	position: relative;
	margin-bottom: 15px;
}

#dishWrap.dish h3 {
	margin-left: 100px;
}

#dishWrap.dish .pointPos_view {
	width: 119px;
	height: 102px;
	bottom: -50px;
	left: -2.9%;
}

#dishWrap.dish .pointPos_view img {
	width: 119px;
	height: 102px;
}

/* locationWrap --------------*/

#locationWrap {
	width: 100%;
	height: auto;
	background: none;
	margin-bottom: 60px;
}

/* 230425_SUMMERSALE */
.fair_list {
	width: 95%;
}
.fair_list li {
	width: 48%;
}

.subNav.type2 > ul > li:first-child, .subNav.type2 > ul > li:last-child {
	border-left: none;
}

.spWrapper {
	text-align: center;
}
.subNav.type2 > ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.subNav.type2 > ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
#pageTtl {
	background: url(../img/24fire_mv_sp.png) no-repeat 50% 0;
    background-size: cover;
	height: 414px;
	width: 100%;
	padding: 0;
}

.pr_mv {
	padding-top: 56.62%;
  }
  #summer_sale .leadWrap .txtLead {
    line-height: 1.3em;
    font-size: 25px;
    margin: 7% auto;
}

  #summer_sale .txt01 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 60px;
}

/* 230510 */
.member_area a {
	width: 85%;
}
.close_text {
	top: 50%;
	font-size: 6.0vw !important;
}

.close_text.f_end {
    font-size: 6.0vw !important; 
}
.subNav > ul > li > a {
	font-size: 18px;
}
.member_area {
	font-size: 16px;
}
.member_area p {
	line-height: 2.2em;
}
.fair_list .label,
.fair_list .label02,
.fair_list .label03,
.fair_list .label04 {
    font-size: 12px;
}

/* 230712 */
.close_text.contact {
    font-size: 4.0vw!important;
    padding: 15px 5%;
    width: 70%;
}

/* 2024花火 */
.member_area p{
	color: #c7006f;
	line-height: 2.2em;
	}
	.member_area p span{
	color: #e3007f;
	background: linear-gradient(transparent 70%, #ffee00 70%);
	font-size: 33px;
	
	}
	.member_area a {
		display: block;
		width: 72%;
		background: #cf0c5d;
		margin: 0px auto 40px;
		padding: 3px;
		border-radius: 10px;
		color: #fff;
		transition: .3s;
	}
    p.txt02 {
        line-height: 18px;
        padding: 11px 0;
        font-size: 13px;
    }
    p.alert_txt {
        padding-top: 30px;
        font-size: 11px;
    }

	p.pink_alart {
		font-size: 12px;
		padding: 0 7% 5% 7%;
		box-sizing: border-box;
	}

	.fair_list .label02 {
		position: absolute;
		background: #00a9be;
		color: #fff;
		padding: 3px 8px;
		z-index: 1;
	}
	.fair_list .label03 {
		position: absolute;
		background: #b8a565;
		color: #fff;
		padding: 3px 8px;
		z-index: 1;
	}
	.category_btn {
		margin: 60px auto 90px;
	}

	.category_btn li:nth-child(1),
.category_btn li:nth-child(2),
.category_btn li:nth-child(3),
.category_btn li:nth-child(4) {
    width: 100%;
}


	.category_btn li:nth-child(1) a {
		background: rgb(207, 12, 93);
		/* box-shadow: 4px 5px #780044; */
		margin-bottom: 7px;
		font-size: 4.2vw;
	}
	.category_btn li:nth-child(2) a {
		background: #00a9be;
		/* box-shadow: 4px 5px #007988; */
		margin-bottom: 7px;
		/* height: 9.8vw; */
		font-size: 4.2vw;
        line-height: 21px;
	}
	.category_btn li:nth-child(3) a {
		background: #b8a565;
		/* box-shadow: 4px 5px #8a322e; */
		margin-bottom: 7px;
		/* height: 9.8vw; */
		font-size: 4.2vw;
        line-height: 21px;
	}
	.category_btn li:nth-child(4) a {
		background: #2cbe86;
		/* box-shadow: 4px 5px #196749; */
        margin-bottom: 7px;
        font-size: 4.2vw;
    }
	.txtLead01 {
		font-weight: bold;
		position: relative;
		background-color: rgb(207, 12, 93);
		color: #fff;
		width: 80%;
		text-align: center;
		font-size: 18px;
		margin: 0 auto;
		position: relative;
		bottom: 14px;
		height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.p_txt {
		font-size: 14px;
		margin: 1%;
	}
	span.pink {
		color: rgb(207, 12, 93);
		font-weight: bold;
		font-size: 11px;
	}
	.p_txt {
		font-size: 14px;
		margin: 7px 20px 0 20px;
		line-height: 19px;
	}
	.txtLead02 {
		font-weight: bold;
		background-color: #00a9be;
		color: #fff;
		width: 80%;
		margin: 0 auto;
		text-align: center;
		font-size: 18px;
		position: relative;
		bottom: 14px;
		height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.p_blue {
		font-size: 4.8vw;
		margin: 1%;
		color: #00a9be;
	}
	.txtLead03 {
		font-weight: bold;
		position: relative;
		background-color: #b8a565;
		color: #fff;
		width: 80%;
		margin: 0 auto;
		text-align: center;
		font-size: 18px;
		position: relative;
		bottom: 14px;
		height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.p_orange {
		font-size: 4.8vw;
		margin: 1%;
		color: #b8a565;
	}

	.txtLead04 {
		font-weight: bold;
		position: relative;
		background-color: #2cbe86;
		color: #fff;
		width: 80%;
		margin: 0 auto;
		text-align: center;
		font-size: 18px;
		position: relative;
		bottom: 14px;
		height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.p_green {
		font-size: 4.8vw;
		margin: 1%;
		color: #2cbe86;
	}
	.fair_list .label04 {
        position: absolute;
        background: #2cbe86;
        color: #fff;
        padding: 3px 8px;
        z-index: 1;
    }

	.fair_list h4 {
		font-size: 14px;
		font-weight: bold;
		padding: 5px;
		color: #fff;
	}

	.fair_list.column02 h4 {
		font-size: 16px;
	}

	.fair_list p {
		font-size: 13px;
	}
	.fair_list .text_box .food, .fair_list .text_box .kikan {
		font-size: 0.6rem;
		padding: 0 10px;
	}

	.bgc-pink .fair_list li {
        width: 100%;
    }

	.txtLead.hanabi_main {
		font-size: 8.0vw;
		margin-bottom: 15%;
		padding: 8% 0;
	}
	
	.txtLead.hanabi_main span {
		font-size: 6.0vw;
	}
	
	.txtLead.hanabi_main small {
		font-size: 5.5vw;
	}

	.txtLead.hanabi_main .ff_icon {
		top: -60px;
		right: 23px;
		font-size: 3.5vw;
		padding: 6% 3%;
	}

	.txtLead.hanabi_main .ff_icon strong {
		font-size: 5.0vw;
	}

	section.bgc-pink,
	section.bgc-blue,
	section.bgc-orange,
	section.bgc-green {
		width: 90%;
		box-sizing: border-box;
	}

	section.bgc-pink {
		margin: 20% auto 13% auto;
	}

	.ashiya_box {
		padding: 0 0 12%;
	}

	.fair_list.single_plan li:first-child {
		width: 100%;
	}

	.fair_list.single_plan p.alert_txt,
	.fair_list.awaji_plan p.alert_txt {
		font-size: 12px;
	}