.home #wrapper::before {
	position: absolute; left: 0; right: 0; bottom:150px;
	display: block; clear: both; content: "";
	margin: auto;
	width: 595px; height: auto; aspect-ratio: 595 / 631;
	background: url("image/bg_line4.webp") no-repeat;
}
.home #site-footer .inner::after {
	position: absolute; top: 145px !important; right:80px !important;
	width: 280px !important; height: 280px !important;
	background: url("../image/illust/illust_hairmayabashi.webp") no-repeat !important;
	background-size: 100% auto !important;
}
@media (max-width:1280px){
	.home #site-footer .inner::after {
		top: 140px !important; right:3% !important;
	}
}
@media (max-width:1120px){
	.home #site-footer .inner::after {
		top: 70px !important; right:-3% !important;
	}
}
@media (max-width:835px){
	body::before { display: none !important;}
	.home #site-footer .inner::after {
		top: -90px !important; right:25% !important;
		width: 146px !important; height: 146px !important;
	}
}
@media (max-width:468px){
	 #site-header { height: 0 !important;}
	.home #site-footer .inner::after {
		top: -90px !important; right:0 !important;
		width: 146px !important; height: 146px !important;
	}
}




/*=============================================
  TOP
=============================================*/
.b_more {
	position: relative; z-index: 9;
	margin: auto;
	width: 90%; max-width: 350px;
}
.b_more a {
	position: relative;
	display: block;
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-family: "Dokdo", system-ui;
	font-size: 312.5%;
	font-weight: 400;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	letter-spacing: 2%;
	background: #008796;
	border: 3.5px solid #fff;
	border-radius: 100px;
	box-shadow: 0px 6px 0px 0px #5BA295;
}
.b_more a::before {
	position: absolute; top: 0; bottom: 0; right: 30px;
	display:block; clear: both; content:"";
	margin: auto;
	width:26px; height:25px;
	background: url("../image/arrow_y.webp") no-repeat center center;
	background-size: 100% auto;
}
@media (min-width:834px){
	.b_more a:hover { opacity: 0.7;}
}
@media (max-width:835px){
	.b_more { max-width: 196px;}
	.b_more a {
		position: relative;
		display: block;
		width: 100%;
		height: 60px;
		line-height: 60px;
		font-size: 168.8%;
	}
	.b_more a::before {
		right: 15px;
		width:14px; height:14px;
	}
}



/* ILLUSTRATION */
.illust { position: absolute;}
.illust img { width: 100%; height: auto;}
.i_main { width:395px; display: none;}
.i_obiyamachi { width:577px;}
.i_hirome { width:251px;}
.i_food { width:221px;}
.i_family { width:245px;}
.i_kochijo { width:256px;}
.i_yosakoi { width:293px;}
.i_otepia { width:332px;}
.i_jk { width:223px;}
.i_avenue { width:357px;}
.i_tukasa { width:269px;}
.i_sango { width:241px;}
.i_senior { width:231px;}
.i_daimaru { width:369px;}
.i_event { width:580px;}
.i_garland1,
.i_garland2,
.i_garland3,
.i_garland4,
.i_garland5 { width:204px;}
.pin::before {
	position:absolute;
	display: block; clear:both; content:"";
	width: 100px; height: auto; max-width: 75px; aspect-ratio: 153 / 151;
	background: url("../image/bg_pin.webp") no-repeat;
	background-size: 100%;
}
.i_yosakoi.pin::before { top: 110px; left: -76px;}
.i_otepia.pin::before { top: 20px; right: -65px; transform: scale(-1, 1);}
.i_avenue.pin::before { top: 133px; left: -42px;}
.i_tukasa.pin::before { top: 100px; left: -61px;}
.i_sango.pin::before { top: 106px; right: -74px; transform: scale(-1, 1);}


	.illust_garland {
		position: absolute; left: 0; right: 0; top: 0;
		margin: auto; width: 768px;
	}
	.i_obiyamachi { bottom:-92px; left: 0; right: 0; margin: auto;}
	.i_hirome { bottom: -81px; left:-197px;}
	.i_food { bottom: -196px; left: 10px;}
	.i_family { bottom: -171px; right:102px;}
	.i_kochijo { bottom: -42px; right:-110px;}
	.i_yosakoi { top: -251px; left: 11.5vw;}
	.i_otepia { top: -80px; right: 11.5vw;}
	.i_jk { top: 95px; right: 27.2vw;}
	.i_avenue { bottom: 448px; left: 10.2vw;}
	.i_tukasa { top: -33px; left: 12.5vw;}
	.i_sango { top: -50px; right:13vw;}
	.i_senior { top: 20px; right: 27vw;}
	.i_daimaru { bottom:170px; left:13.5vw;}
	.i_event { bottom:-20px; right: 15.6vw;}
	.i_garland1 { top: 176px; right: -276px; transform: rotate(-4deg);}
	.i_garland2 { top: 666px; left: -472px; transform: rotate(-45deg);}
	.i_garland3 { top: -159px; right: -410px; transform: rotate(-4deg);}
	.i_garland4 { top: 945px; left: -366px; transform: rotate(-45deg);}
	.i_garland5 { top: 1350px; right: -287px; transform: rotate(-4deg);}

.mainimg .illust_wrapper1 { position: relative; margin: auto; width: 1000px;}
@media (max-width:1600px){
	.illust_wrapper1,
	.illust_wrapper2 {
		position: absolute !important; left: 0; right: 0;
		margin: auto; width: 768px !important;
	}
	.mainimg .illust_wrapper1 { bottom: 0;}
	.event .illust_wrapper1 { top: 0;}
	.event .illust_wrapper2 { bottom: 0;}
	.shop .illust_wrapper1 { top: 0;}
	.shop .illust_wrapper2 { bottom: 0;}
	.i_obiyamachi { bottom:41px;}
	.i_hirome { bottom: 48px; left: -251px;}
	.i_food { bottom: -66px; left: -79px;}
	.i_family { bottom: -39px; right: 4px;}
	.i_kochijo { bottom: 93px; right: -168px;}
	.i_yosakoi { top: -276px; left: -206px;}
	.i_otepia { top: -89px; right: -214px;}
	.i_jk { top: 95px; right: -53px;}
	.i_avenue { bottom: 448px; left: -238px;}
	.i_tukasa { top: -33px; left: -217px;}
	.i_sango { top: -50px; right: -199px;}
	.i_senior { top: 33px; right: -56px;}
	.i_daimaru { bottom:170px; left:-195px;}
	.i_event { bottom:-20px; right: -155px;}
}
@media (max-width:1280px){
	.i_obiyamachi { bottom:41px;}
	.i_hirome { bottom: 48px; left: -124px;}
	.i_food { bottom: -66px; left: 9px;}
	.i_family { bottom: -39px; right: 81px;}
	.i_kochijo { bottom: 93px; right: -60px;}
	.i_yosakoi { top: -276px; left: -87px;}
	.i_otepia { top: -89px; right: -85px;}
	.i_jk { top: 95px; right: -53px;}
	.i_avenue { bottom: 434px; left: -112px;}
	.i_tukasa { top: -33px; left: -86px;}
	.i_sango { top: -71px; right: -65px;}
	.i_senior { top: 15px; right: -52px;}
	.i_daimaru { bottom: 158px; left: -89px;}
	.i_garland1 { top: 176px; right: -276px;}
	.i_garland2 { top: 666px; left: -472px;}
	.i_garland3 { top: -176px; right: -348px;}
	.i_garland4 { top: 1005px; left: -306px;}
	.i_garland5 { top: 1797px; right: -215px;}
}
@media (max-width:835px){
	.illust_garland { width: 375px;}
	.illust_wrapper1,
	.illust_wrapper2 { width: 375px !important;}
	.i_main { display: block; bottom:-10px; left: 0; right: 0; margin: auto;}
	.i_obiyamachi,
	.i_hirome,
	.i_food,
	.i_family,
	.i_kochijo { display: none;}
	.i_yosakoi { width:145px; top: -75px; left: -21px;}
	.i_otepia { width:180px; top: -163px; right: -18px;}
	.i_jk { width:110px; top: -60px; right: 17px;}
	.i_avenue { width:187px; bottom: 310px; left: -61px;}
	.i_tukasa { width:147px; top: -125px; left: -20px;}
	.i_sango { width:137px; top: -71px; right: -16px;}
	.i_senior { width:125px; top: 20px; right: -23px;}
	.i_daimaru { width:207px; bottom:40px; left:-40px;}
	.i_event { width:353px; bottom:-20px; right: -90px;}
	.i_garland1,
	.i_garland2,
	.i_garland3,
	.i_garland4,
	.i_garland5 { width:113px;}
	.i_garland1 { top: -68px; right: 289px; transform: scale(-1, 1);}
	.i_garland2 { top: 742px; left: 262px; transform: rotate(-4deg);}
	.i_garland3 { display: none;}
	.i_garland4 { top: 37px; left: -31px; transform: rotate(-60deg);}
	.i_garland5 { display: none;}
	.pin::before { display: none;}
}
@media (max-width:468px){
	.i_main { bottom:-15px; left: -10px;}
}



/* MAINIMG */
.mainimg {
	position: relative;
	padding-bottom: 130px;
}
.mainimg .mainbox {
	position: relative;
	margin: auto;
	max-width: 1100px;
}
.mainimg .mainbox .mainslide {
	border-bottom-left-radius: 120px;
	border-bottom-right-radius: 120px;
	overflow: hidden;
}
.mainimg .mainbox .mainslide img {
	width: 100%; height: auto;
	aspect-ratio: 1100 / 650;
    object-fit: cover;
}
.mainimg .mainbox h2 p {
	position: absolute; top:334px; z-index: 99;
	width: 100%; height: auto;
	text-indent: -9999px;
	background-size: 100% auto !important;
}
.mainimg .mainbox h2 p:nth-child(1) {
	right: -90px;
	max-width: 117px;
	aspect-ratio: 227 / 468;
	background: url("../image/catch1.webp") no-repeat;
}
.mainimg .mainbox h2 p:nth-child(2) {
	left: -145px;
	max-width: 171px;
	aspect-ratio: 355 / 518;
	background: url("../image/catch2.webp") no-repeat;
}
@media (max-width:1600px){
	.mainimg .mainbox h2 p:nth-child(1) { right: -20px;}
	.mainimg .mainbox h2 p:nth-child(2) { left: -80px;}
}
@media (max-width:1280px){
	.mainimg { padding-bottom: 140px;}
	.mainimg .mainbox h2 p { top:284px;}
	.mainimg .mainbox h2 p:nth-child(1) { right:40px;}
	.mainimg .mainbox h2 p:nth-child(2) { left:-10px;}
}
@media (max-width:1110px){
	.mainimg .mainbox h2 p:nth-child(2) { left:40px;}
}
@media (max-width:835px){
	.mainimg { padding-bottom: 120px;}
	.mainimg .mainbox .catch {
		position: relative;
		margin: auto;
		width: 344px;
	}
	.mainimg .mainbox h2 p { top:130px;}
	.mainimg .mainbox h2 p:nth-child(1) {
		right:50px;
		max-width: 60px;
	}
	.mainimg .mainbox h2 p:nth-child(2) {
		left:-55px;
		max-width: 100px;
	}
	.mainimg .mainbox .mainslide {
		border-bottom-left-radius:40px;
		border-bottom-right-radius: 0;
	}
	.mainimg .mainbox .mainslide img {
		aspect-ratio: 768 / 350;
	}
}
@media (max-width:468px){
	.mainimg { padding-bottom: 141px;}
	.mainimg .mainbox h2.catch { width:394px; top: 80px;}
	.mainimg .mainbox h2 p { top: 80px;}
	.mainimg .mainbox h2 p:nth-child(1) {
		right:20px;
		max-width: 60px;
	}
	.mainimg .mainbox h2 p:nth-child(2) {
		left:20px;
		max-width: 100px;
	}
	.mainimg .mainbox .mainslide {
		border-radius: 0;
	}
	.mainimg .mainbox .mainslide img {
		aspect-ratio: 376 / 350;
        height:auto;
		object-fit: cover;
	}
}



/* EVENT */
.news {
	position: relative;
	padding-bottom: 60px;
	background: url("../image/bg_line1.webp") no-repeat center 60px;
}
.news h3 {
	margin: 0 auto 20px;
	width: 315px; height: auto; aspect-ratio: 630 / 179;
	text-indent: -9999px;
	background: url("../image/tit_news.webp") no-repeat center center;
	background-size: 100% auto;
}
.news-list {
	margin:0 auto 40px;
	width: 96%; max-width: 820px;
}
@media (max-width:835px){
	.news {
		background: url("../image/bg_line1_2.webp") no-repeat center top;
		background-size: 144px;
	}
	.news h3 { margin: 0 auto 10px; width: 230px;}
}



/* EVENT */
.event {
	position: relative;
	background: url("../image/bg_line2.webp") no-repeat center bottom;
}
.event h3 {
	margin: 0 auto 20px;
	width: 315px; height: auto; aspect-ratio: 630 / 407;
	text-indent: -9999px;
	background: url("../image/tit_event.webp") no-repeat center center;
	background-size: 100% auto;
}
.event-list { 
	margin:0 auto 40px;
	width: 96%; max-width: 1200px;
}
.event-list .box:nth-child(1) { top: -120px;}
.event-list .box:nth-child(3) { top: 120px}
.event .yosakoi {
	margin:20px auto 10px;
	width: 96%; max-width: 1080px;
}
.event .yosakoi img { width: 100%; height: auto;}
/* .event-list → style.css */
@media (max-width:835px){
	.home .event-list { position: relative; display: block; width: 327px;}
	.home .event-list .box { position: static; display: block; margin: 0 7px; width:100%;}
	.home .event-list .box:nth-child(1) { top: 0;}
	.home .event-list .box:nth-child(3) { top: 0}
	.home .event-list .box .txt { padding: 30px 20px 20px;}
	.home .event-list .box .txt .data { width: 100%;}
	.home .event-list .slick-list { overflow:visible;}
	.home .event-list .slick-track { display: flex !important;　align-items: stretch;}
	.home .event-list .slick-slide { height: auto !important;}
	.home .event-list .slick-slide > div { height: 100%;}
	.home .event-list .slick-slide .event-box { height: 100%;}
}
@media (max-width:835px){
	.event { background-size: 143px auto;}
	.event h3 { margin: 0 auto 10px; width: 230px;}
	.event .yosakoi { margin:70px auto; max-width:320px;}
}



/* SHOP */
.shop {
	position: relative;
	padding-bottom: 300px;
	background: url("../image/bg_line3.webp") no-repeat center 190px;

}
.shop h3 {
	margin: 0 auto 40px;
	width: 315px; height: auto; aspect-ratio: 630 / 417;
	text-indent: -9999px;
	background: url("../image/tit_shop.webp") no-repeat center center;
	background-size: 100% auto;
}
/* .shop-list → style.css */
@media (max-width:835px){
	.shop { padding-bottom: 200px}
	.shop h3 { margin: 0 auto 10px; width: 230px;}
}



/* BANNER */
#toppage .banner {
	position: relative;
	display: flex; flex-wrap: wrap; gap:20px;
	margin: auto;
	padding:  0 0 30px;
	width: 89%; max-width:830px;
}
#toppage .banner .bana { position: relative; z-index: 9;}
#toppage .banner .bana:nth-child(1){
	width: 100%;
}
#toppage .banner .bana:nth-child(2){
	display: flex;
}
#toppage .banner .bana:nth-child(2) p { width: 50%;}
#toppage .banner .bana img { width: 100%; height: auto;}
@media (max-width:835px){
	#toppage .banner { padding: 0 0 100px; max-width:335px;}
	#toppage .banner .bana:nth-child(2){ flex-direction: column;}
	#toppage .banner .bana:nth-child(2) p { width: 100%;}
}
@media (max-width:468px){
	#toppage .banner { padding: 0 0 50px; max-width:315px;}
}