#idx #main {
  position: relative;
  border-top: 0;
}
#idx #main .main_img img {
  width: 100%;
}
#idx .chocolate {
  background: url("../images/top/01_bg.webp"), #362620;
  background-size: cover;
  background-position: center top;
  position: relative;
	margin-top: -8px;
}
#idx .chocolate .choco_cnt {
  max-width: 1020px;
  margin: 0 auto;
  padding: 80px 0px 0;
  position: relative;
  z-index: 1;
}
#idx .chocolate .choco_ttl {
  position: relative;
	text-align: left;
}
#idx .chocolate .choco_ttl .img_panda {
  position: absolute;
}
#idx .chocolate .choco_ttl .img_title {
  width: min(32.431373vw, 80rem);
  margin-bottom: 24px;
}
#idx .chocolate #choco4 .choco_ttl .img_title{
	width: min(52.431373vw, 80rem);
}
#idx .chocolate #choco1 .choco_ttl .img_panda {
  width: min(28.137254902vw, 28.7rem);
  top: -50px;
  left: -30px;
  transform-origin: left;
  animation: wobblingPanda_x1 3s ease-in-out infinite alternate;
}
@keyframes wobblingPanda_x1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(20deg);
  }
}
#idx .chocolate #choco2 .choco_ttl .img_panda {
  width: min(32.4509803922vw, 33.1rem);
  top: 0px;
  right: -60px;
  animation: wobblingPanda_y2 3s ease-in-out infinite alternate;
}
@keyframes wobblingPanda_y2 {
  0% {
    top: 0px;
  }
  100% {
    top: -30px;
  }
}
#idx .chocolate #choco3 .choco_ttl .img_panda {
  width: min(43.6274509804vw, 44.5rem);
  top: -80px;
  left: -130px;
  animation: wobblingPanda_x3 3s ease-in-out infinite alternate;
}
@keyframes wobblingPanda_x3 {
  0% {
    top: -80px;
  }
  100% {
    top: -50px;
  }
}
#idx .chocolate #choco4 .choco_ttl .img_panda {
  width: min(27.1568627451vw, 27.7rem);
  top: -60px;
  right: -30px;
  animation: wobblingPanda_y4 3s ease-in-out infinite alternate;
}
@keyframes wobblingPanda_y4 {
  0% {
    top: -30px;
  }
  100% {
    top: -60px;
  }
}
#idx .chocolate .btn img {
  max-width: 230px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 50px;
}
#idx .chocolate .bg_choco01 {
  position: absolute;
  width: 6.4375vw;
  top: 36.5vw;
  right: 8.9375vw;
  animation: wobblingChocoTop_y1 5s ease-in-out infinite alternate;
}
@keyframes wobblingChocoTop_y1 {
  0% {
    top: 36.5vw;
  }
  100% {
    top: 34.625vw;
  }
}
#idx .chocolate .bg_choco02 {
  position: absolute;
  width: 6.875vw;
  top: 39.4375vw;
  right: 4.5vw;
  animation: wobblingChocoTop_y2 5s ease-in-out infinite alternate;
}
@keyframes wobblingChocoTop_y2 {
  0% {
    top: 37.5625vw;
  }
  100% {
    top: 39.4375vw;
  }
}
#idx .chocolate .bg_choco03 {
  position: absolute;
  width: 8.75vw;
  top: 69.25vw;
  left: 3.1875vw;
  transform-origin: bottom;
  animation: wobblingChocoTop_x3 5s ease-in-out infinite alternate;
}
@keyframes wobblingChocoTop_x3 {
  0% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
#idx .chocolate .bg_choco04 {
  position: absolute;
  width: 7.125vw;
  top: 79.5625vw;
  right: 3.875vw;
  transform-origin: top;
  animation: wobblingChocoTop_x4 5s ease-in-out infinite alternate;
}
@keyframes wobblingChocoTop_x4 {
  0% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
#idx .chocolate .bg_choco05 {
  position: absolute;
  width: 5.875vw;
  top: 111.5vw;
  left: 2.875vw;
  transform-origin: right bottom;
  animation: wobblingChocoTop_x5 5s ease-in-out infinite alternate;
}
@keyframes wobblingChocoTop_x5 {
  0% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
#idx .chocolate .bg_choco06 {
  position: absolute;
  width: 6.75vw;
  top: 116.125vw;
  left: 5.6875vw;
  transform-origin: left top;
  animation: wobblingChocoTop_x6 5s ease-in-out infinite alternate;
}
@keyframes wobblingChocoTop_x6 {
  0% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
#idx #sweets{
	margin: 60px 0px 94px;
}
#idx #sweets img{
  width: 100%;
}

#idx #online{
	padding: 76px 40px;
	position: relative;
	margin-bottom: 85px;
}
#idx #online img.ttl{
	width: 100%;
	margin-bottom: 40px;
	padding: 0px 20px;
}
#idx #online .online_list{
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap:0px 20px;
	margin-bottom: 40px;
}
#idx #online .online_list .list{
	position: relative;
	width: calc(100%/3);
}
#idx #online .online_list .list img{
	width: 100%;
}
#idx #online .online_list .list .txt{
	padding: 17px 0px 120px;
	text-align: left;
}
#idx #online .online_list .list .txt p{
	font-size: 1.4rem;
	font-weight: 400;
	color: #fff;
}
#idx #online .online_list .list .txt p.spec{
	margin-top: 16px;
	font-size: 1.6rem;
}
#idx #online .online_list .list .list_btn{
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0%;
	transform: translate(0%,-50%);
}
#idx #online .online_list .list .list_btn a{
	display: block;
}
#idx #online .online_list .list .list_btn img{
	width: 211px;
}
#idx #online .online_btn{
	max-width: 416px;
	margin: 0 auto;
}
#idx #online .online_btn img{
	width: 100%;
}

#idx #bnr .cat_btn {
  display: flex;
  flex-wrap: wrap;
}
#idx #bnr .cat_btn img {
  max-width: 100%;
  height: min(6.875vw, 11rem);
}
#idx #bnr .cat_btn .btn_dg, #idx #bnr .cat_btn .btn_list, #idx #bnr .cat_btn .btn_map {
  padding: min(4.625vw, 7.4rem);
  background-size: cover;
  background-position: center top;
  display: flex;
  align-items: center;
  justify-content: center;
}
#idx #bnr .cat_btn .btn_dg {
  width: 100%;
  background-image: url("../images/top/dg_bg.png");
}
#idx #bnr .cat_btn .btn_dg a {
  position: relative;
}
#idx #bnr .cat_btn .btn_dg a::after {
  content: "";
  position: absolute;
  background-image: url("../images/top/dg_btn_img_pc.png");
  background-size: cover;
  width: min(5.0625vw, 8.1rem);
  height: min(6.75vw, 10.8rem);
  top: max(-1.25vw, -2rem);
  right: min(5vw, 8rem);
}
#idx #bnr .cat_btn .btn_list {
  width: 50%;
  background-image: url("../images/top/list_bg.jpg");
}
#idx #bnr .cat_btn .btn_map {
  width: 50%;
  background-image: url("../images/top/map_bg.jpg");
}

#idx #photographer{
	background: url("../images/top/photographer_bg.jpg");
	background-size: cover;
	background-position: center top;
}
#idx #photographer .photographer_cnt{
	max-width: 1020px;
	margin: 0 auto;
	color: #fff;
	text-align: left;
	padding: 82px 0px;
}
#idx #photographer .photographer_cnt p.copy{
	font-family: "Zen Old Mincho", serif;
	font-size: 2.6rem;
	margin-bottom: 37px;
}
#idx #photographer .photographer_cnt p{
	font-size: 1.8rem;
	line-height: 1.6;
}
#idx #photographer .photographer_cnt .profile{
	margin-top: 42px;
	border: solid 1px #fff;
	padding: 60px 64px;
	display: flex;
}
#idx #photographer .photographer_cnt .profile .prof_img{
	width: 39.3%;
	margin-right: 40px;
}
#idx #photographer .photographer_cnt .profile .prof_img img{
	width: 100%;
}
#idx #photographer .photographer_cnt .profile .prof_txt p{
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: 400;
}
#idx #photographer .photographer_cnt .profile .prof_txt p.occupation{
	font-size: 1.4rem;
	margin-bottom: 8px;
}
#idx #photographer .photographer_cnt .profile .prof_txt .name_link{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
#idx #photographer .photographer_cnt .profile .prof_txt .name_link p{
	display: flex;
	align-items: center;
	font-size: 1.8rem;
}
#idx #photographer .photographer_cnt .profile .prof_txt .name_link p span{
	font-size: 1.4rem;
	margin: 0px 20px 0px 10px;
}
#idx #photographer .photographer_cnt .profile .prof_txt .name_link a{
	margin-right: 20px;
}
#idx #photographer .photographer_cnt .profile .prof_txt .name_link a img{
	width: 20px;
}

#idx #gohubi_item{
	background: url("../images/top/gohubi_item_bg.jpg");
	background-size: cover;
	background-position: center top;
	padding: 85px 0px;
}
#idx #gohubi_item .gohubi_cnt{
	max-width: 405px;
	margin: 0 auto;
	color: #fff;
}
#idx #gohubi_item .gohubi_cnt img.ttl{
	width: 357px;margin-bottom: 55px;
}
#idx #gohubi_item .gohubi_cnt p{
	margin-bottom: 40px;
}
#idx #gohubi_item .gohubi_cnt a{
	max-width: 277px;
	display: block;
	margin: 0 auto;
}
#idx #gohubi_item .gohubi_cnt a img{
	width: 100%;
}

#idx #campaign{
	background: #985049;
	padding: 80px 0px;
}
#idx #campaign .campaign_cnt{
	max-width: 1020px;
	margin: 0 auto;
}
#idx #campaign .campaign_cnt img.ttl{
	max-width:276px;
	margin-bottom: 31px;
}
#idx #campaign .campaign_cnt .campaign_list{
	display: flex;
	justify-content: space-between;
	align-content: stretch;
	flex-wrap: wrap;
	color: #fff;
}
#idx #campaign .campaign_cnt .campaign_list .camp_list{
	width: calc(100%/2 - 40px);
	margin-bottom: 50px;
}
#idx #campaign .campaign_cnt .campaign_list .camp_list img{
	width: 100%;
	margin-bottom: 18px;
}
#idx #campaign .campaign_cnt .campaign_list .camp_list .txt p{
	text-align:left;
	line-height: 1.8;
}
#idx #campaign .campaign_cnt .campaign_list .camp_list .txt p.copy{
	font-size: 2.0rem;
    line-height: 1.4;
    margin-bottom: 11px;
}
#idx #campaign .campaign_cnt .campaign_list .camp_list .txt p.day{
	margin-top: 20px;
}
#idx #campaign .campaign_cnt .campaign_list .camp_list .txt a{
	max-width: 211px;
	display: block;
	margin-top: 30px;
}
#idx #campaign .campaign_cnt .campaign_list .camp_list .txt a img{
	width: 100%;
}

#idx #event {
  padding: 0 0 102px;
  background: url("../images/top/event_bg.jpg");
	background-size: 100%;
}
#idx #event img.ttl{
	width: 168px;
}
#idx #event h2 {
  margin-bottom: 30px;
}
#idx #event h2 img {
  max-width: 387px;
  margin-top: 50px;
}
#idx #event h2 > p {
  margin-top: 30px;
  font-size: 2.8rem;
  color: #600e11;
}
#idx #event #slider {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#idx #event #slider .content {
  margin: 0 auto;
  padding: 0.5%;
  outline: none;
}
#idx #event #slider .content h3 {
  font-size: 3.2rem;
	font-weight: 400;
}
#idx #event #slider .content p {
  font-size: 2.4rem;
}
#idx #event .btn_more {
  margin: 60px auto 102px;
  text-align: center;
}
#idx #event .btn_more img {
  max-width: 269px;
}

@media screen and (max-width: 750px) {
  #idx .chocolate {
    background: url(../images/top/01_bg_sp.webp), #362620;
    background-size: 100%;
    background-position: center top;
	background-repeat: no-repeat;
  }
  #idx .chocolate .choco_cnt {
    padding: 64px 34px 80px;
  }
  #idx .chocolate .choco_ttl .img_title,#idx .chocolate #choco4 .choco_ttl .img_title {
    width: 100%;
    margin-bottom: 50px;
  }
  #idx .chocolate .btn img {
    margin-bottom: 100px;
	  max-width: 486px;
	  margin-top: 80px;
  }
  #idx #event .btn_more img {
    max-width: 526px;
  }
}
@media screen and (min-width: 769px) {
  #idx #event h2 > p {
    font-size: 2rem;
  }
  #idx #event #slider {
    max-width: 1030px;
    margin: 0 auto;
  }
  #idx #event #slider .content h3 {
    font-size: 2rem;
  }
  #idx #event #slider .content .text {
    font-size: 1.6rem;
  }
  #idx #event #slider .content .info {
    font-size: 1.6rem;
  }
  #idx #event #slider .content .floor {
    font-size: 1.4rem;
  }
}/*# sourceMappingURL=index.css.map */

.btn{
	text-align: right;
	margin-right: 30px;
}
#event .btn{
	margin-right: 0;
}
@media screen and (max-width: 750px) {
	.btn{
		text-align: center;
		margin-right: 0;
	}
}

/*2025年版新規*/
p.tyui{
	color: #333333;
}
@media screen and (max-width: 750px) {
	#idx #sweets{
		margin: 60px 0px 124px;
	}
	#idx #online{
		border-radius: 20px;
		padding: 56px 34px;
		margin-bottom: 110px;
	}
	#idx #online img.ttl{
		position: relative;
		z-index: 2;
	}
	#idx #online .online_list{
		display: block;
	}
	#idx #online .online_list .list{
		margin-bottom: 40px;
		border-radius: 20px;
		width: 100%;
	}
	#idx #online .online_list .list .txt{
		padding: 17px 0px 230px;
	}
	#idx #online .online_list .list .txt p{
		font-size: 2.8rem;
	}
	#idx #online .online_list .list .txt p.spec{
		font-size: 3.2rem;
	}
	#idx #online .online_list .list .list_btn img{
		width: 432px;
	}
	#idx #online .online_btn{
		max-width: 660px;
	}
	#idx #online .online_list .list .txt p.spec{
		margin-top: 36px;
	}
	
	#idx #bnr .cat_btn{
		display: block;
	}
	#idx #bnr .cat_btn .btn_list,#idx #bnr .cat_btn .btn_map{
		width: 100%;
	}
	#idx #bnr .cat_btn .btn_dg, #idx #bnr .cat_btn .btn_list, #idx #bnr .cat_btn .btn_map{
		padding: min(8.625vw, 7.4rem);
	}
	#idx #bnr .cat_btn img{
		height: min(16.875vw, 11rem);
	}
	
	#idx #photographer{
		padding: 124px 30px;
		background: url("../images/top/photographer_bg_sp.jpg");
		background-size: cover;
	}
	#idx #photographer .photographer_cnt{
		padding: 0;
	}
	#idx #photographer .photographer_cnt p.copy{
		font-size: 4rem;
	}
	#idx #photographer .photographer_cnt p{
		font-size: 2.8rem;
		line-height: 1.6;
	}
	#idx #photographer .photographer_cnt .profile{
		margin-top: 80px;
		display: block;
		padding: 60px 30px;
	}
	#idx #photographer .photographer_cnt .profile .prof_img{
		text-align: center;
		margin: 0 auto 60px;
	}
	#idx #photographer .photographer_cnt .profile .prof_txt p.occupation{
		font-size: 2.4rem;
	}
	#idx #photographer .photographer_cnt .profile .prof_txt .name_link p{
		font-size: 3.2rem;
	}
	#idx #photographer .photographer_cnt .profile .prof_txt .name_link p span{
		font-size: 2.4rem;
	}
	#idx #photographer .photographer_cnt .profile .prof_txt .name_link a img{
		width: 40px;
	}
	#idx #photographer .photographer_cnt .profile .prof_txt p{
		font-size: 2.4rem;
	}
	
	#idx #gohubi_item{
		background: url(../images/top/gohubi_item_bg_sp.jpg);
		background-size: cover;
		position: relative;
	}
	#idx #gohubi_item .gohubi_cnt{
		max-width: 100%;
		padding: 102px 60px 60px;
	}
	#idx #gohubi_item .gohubi_cnt img.ttl{
		width: 544px;
	}
	#idx #gohubi_item .gohubi_cnt p{
		font-size: 2.4rem;
		line-height: 2;
	}
	#idx #gohubi_item .gohubi_cnt a{
		max-width: 520px;
	}
	
	#idx #campaign .campaign_cnt img.ttl{
		max-width: 340px;
	}
	#idx #campaign .campaign_cnt .campaign_list{
		display: block;
		padding: 0px 60px;
	}
	#idx #campaign .campaign_cnt .campaign_list .camp_list{
		width: 100%;
	}
	#idx #campaign .campaign_cnt .campaign_list .camp_list .txt p.copy{
		font-size: 3.6rem;
	}
	#idx #campaign .campaign_cnt .campaign_list .camp_list .txt p{
		font-size: 2.8rem;
	}
	#idx #campaign .campaign_cnt .campaign_list .camp_list .txt a{
		max-width: 422px;
	}
}