@charset "UTF-8";


*{box-sizing:border-box;}
a{transition:0.3s;}
a:hover{opacity:0.8;}
#container a{text-decoration:none; width:100%;}
#container{max-width:100vw; overflow-x:hidden; margin-top:0; color:#444;}
.bgWhite{background-color:#fff !important;}


#header {background-color:#fff; text-align:center; border:none; position: relative;}
#header .logoBox{float:none; padding:30px 0;}
#header .logoBox .logo img{width:auto;}
#header .btn{position:fixed; top:0; left:5px; background:#ac9151; border-radius:0 0 3px 3px; font-size:14px; font-weight:bold; transition:0.3s; z-index:999;}
#header .btn a{display:block; color:#fff; padding:15px 20px;}
#header .btn:hover{opacity:0.8;}

.kv {background: #fff;}
.kv img {width:100%;}

h2.ttlPtn01{font-size:26px; font-weight:400; color:#81777a; line-height:1.8em; font-family:serif; margin-bottom:20px; text-align:center;
	border-bottom: 1px solid; height:45px; margin-inline: auto; max-width: 100%; width: auto; border-image: linear-gradient(to right, #fff, #81777a, #fff) 1;}

.leadBox {background-attachment:fixed; background:linear-gradient(#d0e4f5, #fdebf1); padding:30px 5px; box-sizing:border-box;}
.leadBox .title{font-size:28px; font-weight:bold; margin-bottom:50px; text-align: center; font-family: serif; font-weight: 300;}
.leadBox .leadTxt{line-height:1.5em; margin-bottom:35px; padding:0 10px; font-size:16px; }

#sakuraReport {margin-top:0; background:#fdebf1;}
#sakuraReport .wrap {padding:30px 20px;}
#sakuraReport .innerFrame {background-color:fff; background-image:none;}

#menuBox{width:90%; max-width:1220px; margin:auto; position:relative; padding:15% 15px 30px 20px; transition:0.5s; background:no-repeat left center url(../../special/img/sakura_2024/bg_menu_cls.png), no-repeat right center url(../../special/img/sakura_2024/bg_menu.png); background-size:15% 90%, auto; display:flex; z-index:500;}
#menuBox .menuList{-webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; position:relative; transition:1s; margin:auto; min-height:250px;}
#menuBox .menuList li{background-size:18px; margin-left:10px; font-size:16px; padding:5px 0;}
#menuBox.cls{position:fixed; top:20px; right:0; transform:translateX(150%);}
#menuBox.cls .menuList{opacity:0;}
#menuBox.opn{transform:translateX(0);}
#menuBox.menuOpn{transform:translateX(5%);}
#menuBox.menuOpn .menuList{opacity:1;}
#sideMenuBtn{width:30px; position:fixed; top:20px; right:0; opacity:0;  pointer-events:none; background:none; padding:0; margin:0; border:none; z-index:500; transition:0.3s;}
#sideMenuBtn.shw{opacity:1; pointer-events:auto;}
#sideMenuCls{min-height:3em; background:none; border:solid 2px #85a7d9; padding:10px 5px; font-size:16px; position:absolute; top:50%; left:2%; transform:translateY(-50%); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; background:rgba(255,255,255,0.8); display:none;}
#menuBox.menuOpn #sideMenuCls{display:block; width:auto;  padding:10px 5px;}

@keyframes menuCls{
	0%{left:0;}
	50%{left:50%;}
	100%{left:calc(100% - 50px);}
}
@keyframes menuOpn{
	0%{left:98%;}
	50%{left:50%;}
	100%{left:0%;}
}

#sakuraMap{padding:20px;}
#sakuraMap .infoFlex{padding:0 0;}
#sakuraMap .clm.map{padding:10px 0;}
#sakuraMap .clm .text {margin-bottom:20px;}
#sakuraMap img {margin-bottom:1em;}

#sakuraMap .season {width:100%;}
#sakuraMap .season p {margin-bottom:10px; font-size:1.25em; font-weight: bold;}
#sakuraMap .season ul {display:flex; flex-wrap:wrap;}
#sakuraMap .season li {width:100%; border:1px solid #fbd3df; padding:10px; border-radius:10px; margin-bottom:1em;}
#sakuraMap .season li:last-child {margin-bottom:0;} 
#sakuraMap .season dl {display:flex; flex-wrap:wrap; width:100%;}
#sakuraMap .season dt {width: 30%; margin-bottom: 10px; background-color: #eee; padding:10px 5px 5px; text-align: center;}
#sakuraMap .season dd {width: 70%; background-color: #fff; margin-bottom: 10px; padding:8px 5px 5px;}
#sakuraMap .season dd.flower01::after {content: url(../../special/img/sakura_2024/img_menu01.png); vertical-align: middle; margin-left:5px;}
#sakuraMap .season dd.flower02::after {content: url(../../special/img/sakura_2024/img_menu02.png); vertical-align: middle; margin-left:5px;}
#sakuraMap .season dd.flower03::after {content: url(../../special/img/sakura_2024/img_menu03.png); vertical-align: middle; margin-left:5px;}
#sakuraMap .season .circle {
  display: inline-block;
  background: #e3007c;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #fff;
  font-size: 21px;
  text-align: center;
  line-height: 30px;
font-weight: normal;
}

#sakuraTl{padding:40px 10px; position:relative;}
#sakuraTl *{position:relative; z-index:5;}
#sakuraTl::before{content:""; width:100%; height:100%; pointer-events:none; position:absolute; top:-30px; left:0; background:transparent no-repeat center 0 url(../../special/img/sakura_2024/bg_sakura01.png); background-size:contain; z-index:1;}

#timelineSlide{position:relative; width:100%;}
#timelineSlide::before{content:""; position:absolute; bottom:0; left:0; width:100%; height:5px; background:#f9abc5; z-index:2;}
#timelineSlide .slideImg{text-align:center; position:relative; padding-bottom:20px; margin:0 -1px; box-sizing:border-box;}
#timelineSlide .slideImg::before, #timelineSlide .slideImg::after, #timelineSlide .date::before{content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:15px; box-sizing:border-box; border-left:solid 3px #000; border-right:solid 3px #000; z-index:1;}
#timelineSlide .slideImg::before{width:80%;}
#timelineSlide .slideImg::after{width:40%;}
#timelineSlide .imgs{border-radius:100%; padding:3px; background:#000; width:80%; margin:auto; margin-bottom:20px;}
#timelineSlide .slick-slide .imgs{transform:scale(0.8);}
#timelineSlide .slick-current .imgs{transform:scale(1);}
#timelineSlide .imgs img{width:100%; position:relative; z-index:3;}
#timelineSlide .date{width:auto; padding:5px 15px; border-radius:15px; font-size:14px; background:#000; display:inline-block; color:#fff; font-weight:bold; position:relative;}
#timelineSlide .date::before{height:25px; width:3px; background:#000; bottom:auto; top:100%; border:none;}
#timelineSlide .date1 .imgs, #timelineSlide .date1 .date, #timelineSlide .date1 .date::before{background-color:#a39342;}
#timelineSlide .date2 .imgs, #timelineSlide .date2 .date, #timelineSlide .date2 .date::before{background-color:#b6e143;}
#timelineSlide .date3 .imgs, #timelineSlide .date3 .date, #timelineSlide .date3 .date::before{background-color:#e0d838;}
#timelineSlide .date4 .imgs, #timelineSlide .date4 .date, #timelineSlide .date4 .date::before{background-color:#f8baa9;}
#timelineSlide .date5 .imgs, #timelineSlide .date5 .date, #timelineSlide .date5 .date::before{background-color:#f6bcc6;}
#timelineSlide .date6 .imgs, #timelineSlide .date6 .date, #timelineSlide .date6 .date::before{background-color:#f9abc5;}
#timelineSlide .slideImg.date1::before{border-left:none; border-right:solid 2px #a4b62e;}
#timelineSlide .slideImg.date1::after{border-left:none; border-right-color:#9ea428;}
#timelineSlide .slideImg.date2::before{border-left-color:#aac634; border-right-color:#c9e45f;}
#timelineSlide .slideImg.date2::after{border-left-color:#b0d53b; border-right-color:#bfe44f;}
#timelineSlide .slideImg.date3::before{border-left-color:#d3e470; border-right-color:#f9e4b4;}
#timelineSlide .slideImg.date3::after{border-left-color:#dee482; border-right-color:#f1e4a5;}
#timelineSlide .slideImg.date4::before{border-left-color:#fee1c5; border-right-color:#fbccc6;}
#timelineSlide .slideImg.date4::after{border-left-color:#feddc6; border-right-color:#fed7c6;}
#timelineSlide .slideImg.date5::before{border-left-color:#f8c6c6; border-right-color:#f7b5c6;}
#timelineSlide .slideImg.date5::after{border-left-color:#f7c1c6; border-right-color:#f6b8c6;}
#timelineSlide .slideImg.date6::before{border-left-color:#f7b2c5; border-right:none;}
#timelineSlide .slideImg.date6::after{border-left-color:#f8aec5; border-right:none;}

#banner{margin:20px auto; padding:0 20px;}
#banner .bannerImg{margin-bottom:20px;}
#banner .bannerImg a {padding:0;}
#banner .bannerImg a img{box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3);}
#banner .bannerImg img{margin-bottom:15px;}
#banner .bannerImg img:nth-child(3) {margin-bottom:0;}

#exhibition {padding: 0 15px;}

/*
#sakuraCamera{background:no-repeat 0 0 url(../../special/img/sakura_2024/bg_sakura02_l.png), no-repeat right 0 url(../../special/img/sakura_2024/bg_sakura02_r.png), repeat 0 0 url(../../special/img/sakura_2024/bg_01.png); background-size:contain, contain, auto; width:100%; padding:40px 0 50px;}
*/
#sakuraCamera{background:repeat 0 0 url(../../special/img/sakura_2024/bg_01.png); background-size:auto; width:100%; padding:40px 0 50px;}
#sakuraCamera .cameraBox{max-width:600px; width:80%; margin:auto;}

#sakuraFood{padding:50px 10px 10px;}
.foodBox~.foodBox{margin-top:20px;}
.foodBox{display:flex; align-items:flex-start; margin:auto; flex-wrap:wrap;}
.foodBox .imgBox{width:80%; order:1; position:relative;  margin:50px auto 0; z-index:3;}
.foodBox .imgBox img{box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3);}
.foodBox .imgBox::before, .foodBox .imgBox::after{content:""; position:absolute; width:120%; height:120%; background-repeat:no-repeat;}
.foodBox .imgBox::before{background-size:40%;}
.foodBox .imgBox::after{background-size:25%;}
.foodBox .imgBox.boxL::before, .foodBox .imgBox.boxL::after{top:-12%; left:-13%;}
.foodBox .imgBox.boxR::before, .foodBox .imgBox.boxR::after{top:-13%; right:-13%;}
.foodBox .imgBox.boxL::before{background-position:0 0; background-image:url(../../special/img/sakura_2024/bg_sakura_photo01_l.png);}
.foodBox .imgBox.boxL::after{background-position:right bottom; background-image:url(../../special/img/sakura_2024/bg_sakura_photo01_r.png);}
.foodBox .imgBox.boxR::before{background-position:right 0; background-image:url(../../special/img/sakura_2024/bg_sakura_photo02_l.png);}
.foodBox .imgBox.boxR::after{background-position:0 bottom; background-image:url(../../special/img/sakura_2024/bg_sakura_photo02_r.png);}
.foodBox .infoBox{width:100%; padding:20px 10px 0; order:2;}
.foodBox .infoBox .foodName{font-size:24px; line-height:1.5em; margin:5px 0 10px;}
.foodBox .infoBox .foodName span{background:#ffd6eb;}
.foodBox .infoBox .info{padding:10px 12px 10px 4em; text-indent:-3em; background:#fff; border:solid 1px #96fac0; margin-top:25px;}
.foodBox .infoBox .btnBox{display:flex;}
.foodBox .infoBox.boxL .btnBox{justify-content:flex-start;}
.foodBox .infoBox.boxR .btnBox{justify-content:flex-end;}
.foodBox.simple{margin-top:0;}
.foodBox.simple .imgBox{width:100%;}
.foodBox.simple .imgBox::before, .foodBox.simple .imgBox::after{display:none;}

#yozakura {background:linear-gradient(#00387d, #895474); background-size:cover; color:#fff; padding:0;}
#yozakura .info{background-color:transparent;}
#yozakura .foodBox .infoBox {padding:20px}

#sakuraGallery{background-color:#fff; padding:40px 0; position:relative;}
#sakuraGallery .slideGallery{position:relative; text-align:center; margin-top:20px;}
#sakuraGallery .slideGallery .slideImg{padding:0 10px; max-width:700px;}
#sakuraGallery .slideGallery .slideImg img{width:100%;}
#sakuraGallery .slideGallery .slick-prev, #sakuraGallery .slideGallery .slick-next{width:30px; height:100%; background:rgba(255,255,255,0.7);}
#sakuraGallery .slideGallery .slick-prev{left:0; z-index:100;}
#sakuraGallery .slideGallery .slick-next{right:0; z-index:100;}
#sakuraGallery .slideGallery .slick-prev::before, #sakuraGallery .slideGallery .slick-next::before{content:""; width:15px; height:15px; border:solid 2px #e91781; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)rotate(45deg);}
#sakuraGallery .slideGallery .slick-prev::before{border-width:0 0 3px 3px;}
#sakuraGallery .slideGallery .slick-next::before{border-width:3px 3px 0 0;}

.panel{width:100%; position:relative;}
.panel *{box-sizing:border-box;}

.skrBtn01{font-size:16px; font-weight:bold; border-radius:3px; background-color:#e596be; color:#fff; padding:18px 30px; display:block; width:100%; margin-top:25px; text-align:center; box-sizing:border-box;}
.skrBtn01.min{padding:15px 5px; min-width:200px;}
.skrBtn01:hover{opacity:0.7; color:#fff;}

.taisaku .btn {display: block; background: url(../../img/arrow_link_08.png) 10px 50% no-repeat #ac9151; background-size: 6px; border: 1px solid #ac9151; margin: 20px 0; padding: 15px 15px 15px 25px; line-height: 1; text-align: center; text-decoration: none !important; color: #fff; font-size: 15px; font-weight: bold;}
.taisaku .btn:hover {background-color:#cbb175;}


/* ===== TB Size > 768px ===== */
@media print, screen and (min-width:768px) {
	#wrapper{font-size:16px;}
	#container{max-width:100%;}
	.wrap{width:100%; max-width:1100px; margin:auto; box-sizing:border-box;}
	.wrap.wrapS{max-width:960px;}
	#header .btn{left:20px;}

	.kv {background-color:#fff;}
/*	.kv img {max-width:1400px; margin:0 auto;} */

	h2.ttlPtn01 {width:1100px; margin:0 auto 20px; font-size:42px; height:70px; text-align:left; border-image: linear-gradient(to right, #81777a, #fff) 1;}

	.leadBox {padding:70px 5px 20px;}
	.leadBox .title {font-size:50px;}
	.leadBox .leadTxt{padding:0 5px; text-align: center; font-size:18px}

	#sakuraReport .wrap {padding:30px 0 60px;}

	#menuBox{width:100%; padding:50px 40px; background-size:contain, cover;}
	#menuBox .menuList{min-height:250px;}
	#menuBox .menuList li{padding:10px 0; margin-left:50px; font-size:20px; background-size:23px;}
	#menuBox .menuList li:last-child{margin-left:0;}
	#sideMenuBtn{width:auto;}
	#sideMenuCls{font-size:25px; left:15px;}

	#sakuraMap{padding:45px 10px 55px;}
	#sakuraMap .infoFlex{padding:0 10px;}
	#sakuraMap .img {text-align: center;}
	#sakuraMap .clm .text {width:1000px; margin:0 auto 30px;}

	#sakuraMap .season {width:1000px; margin:0 auto;}
	#sakuraMap .season li {width:32%; margin-right:2%;}
	#sakuraMap .season li:nth-child(3) {margin-right:0;}
	#sakuraMap .season li:nth-child(4) {margin-left:17%;}
	#sakuraMap .season li:nth-child(-n+3) {margin-bottom:1em;}
	#sakuraMap .season li:last-child {margin-bottom:1em;} 



	#timelineSlide{display:none;}
	#sakuraTl .imgBoxPc{margin-top:35px;}

	#banner{margin:50px auto;}
	#banner .photo{width:calc(100% / 3);}

	#exhibition {padding: 0;}

	#sakuraFood{padding:50px 0 20px;}
	.foodBox{flex-wrap:nowrap; max-width:1100px; margin:auto; max-width:1100px;}
	.foodBox~.foodBox{margin-top:110px;}
	.foodBox .boxL{margin-right:40px;}
	.foodBox .imgBox{width:60%; max-width:650px; position:relative; order:0;}
	.foodBox .imgBox::before, .foodBox .imgBox::after{background-size:auto;}
	.foodBox .infoBox{width:calc(40% - 40px); max-width:400px; order:0; padding:0;}
	.foodBox .infoBox .foodName{font-size:34px; font-weight:normal; margin:5px 0 20px;}
	.foodBox .infoBox .info{padding-left:12px; text-indent:0;}

	.foodBox.simple{margin-top:30px;}

	#yozakura{padding:60px 0;}
	#yozakura .foodBox .infoBox {padding:0px}

	#sakuraGallery {padding-bottom:40px;}
	#sakuraGallery .slideGallery .slideImg{padding:0 20px; margin-top:0px;}
	#sakuraGallery .slideGallery .slick-prev, #sakuraGallery .slideGallery .slick-next{width:50px;}
	#sakuraGallery .slideGallery .slick-prev::before, #sakuraGallery .slideGallery .slick-next::before{content:""; width:20px; height:20px;}
	#sakuraGallery .slideGallery .slick-prev::before{border-width:0 0 5px 5px;}
	#sakuraGallery .slideGallery .slick-next::before{border-width:5px 5px 0 0;}

	.panel{margin-top:45px; width:1100px; margin: 0 auto;}

	.skrBtn01{width:300px !important; margin:30px auto 0;}  
    
}
@media print, screen and (max-width:767px) {
	#header .logo{background:none; border:none;}
	#header .logoBox .logo img{width:180px;}
	#header .logoBox{padding-bottom:0;}
}

/*html,body{overflow-x:hidden;}*/
#sakura{width:100%; height:100%; overflow-x:hidden; pointer-events:none; transition:0.5s;}
.hana{
position:absolute;height:0;width:0;
border: 10px solid pink;
border-radius: 15px;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
opacity:0.7;
pointer-events:none !important;}
.hana::after{
content:"";display:block;position:absolute;top:-7px;left:-7px;height:0;width:0;
border: 10px solid pink;
border-radius: 15px;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
-webkit-transform: rotate(15deg);-ms-transform: rotate(15deg);transform: rotate(15deg);
pointer-events:none !important;
opacity:0.7;
}
.t1{border-color:#fff3f5; background-color:#fff3f5;}
.t2{border-color:#ffe2e7; background-color:#ffe2e7;}
.t3{border-color:#ffd1d9; background-color:#ffd1d9;}
.t4{border-color:#ffc0cb; background-color:#ffc0cb;}
.t5{border-color:#ffafbd; background-color:#ffafbd;}
.t6{border-color:#ffafbd; background-color:#ffafbd;}
.t1::after{border-color:#fff3f5; background-color:#fff3f5;}
.t2::after{border-color:#ffe2e7; background-color:#ffe2e7;}
.t3::after{border-color:#ffd1d9; background-color:#ffd1d9;}
.t4::after{border-color:#ffc0cb; background-color:#ffc0cb;}
.t5::after{border-color:#ffafbd; background-color:#ffafbd;}
.t6::after{border-color:#ffafbd; background-color:#ffafbd;}
.y1{-webkit-animation:v1 10s infinite;animation:v1 10s infinite;}
.y2{-webkit-animation:v2 10s infinite;animation:v2 10s infinite;}
.y3{-webkit-animation:v3 9s infinite;animation:v3 9s infinite;}
.y4{-webkit-animation:v4 9s infinite;animation:v4 9s infinite;}
.y5{-webkit-animation:v5 8s infinite;animation:v5 8s infinite;}
.y6{-webkit-animation:v6 8s infinite;animation:v6 8s infinite;}
@-webkit-keyframes v1{
	from{-webkit-transform: rotate(0deg) scale(1);}
	50%{-webkit-transform: rotate(270deg) scale(1);}
	to{-webkit-transform: rotate(1deg) scale(1);}
}
@-webkit-keyframes v2{
	from{-webkit-transform: rotate(-90deg) scale(.9);}
	50%{-webkit-transform: rotate(-360deg) scale(.9);}
	to{-webkit-transform: rotate(-89deg) scale(.9);}
}
@-webkit-keyframes v3{
	from{-webkit-transform: rotate(30deg) scale(.8);}
	50%{-webkit-transform: rotate(300deg) scale(.8);}
	to{-webkit-transform: rotate(29deg) scale(.8);}
}
@-webkit-keyframes v4{
	from{-webkit-transform: rotate(-120deg) scale(.7);}
	50%{-webkit-transform: rotate(-390deg) scale(.7);}
	to{-webkit-transform: rotate(-119deg) scale(.7);}
}
@-webkit-keyframes v5{
	from{-webkit-transform: rotate(60deg) scale(.6);}
	50%{-webkit-transform: rotate(330deg) scale(.6);}
	to{-webkit-transform: rotate(59deg) scale(.6);}
}
@-webkit-keyframes v6{
	from{-webkit-transform: rotate(-150deg) scale(.5);}
	50%{-webkit-transform: rotate(-420deg) scale(.5);}
	to{-webkit-transform: rotate(-149deg) scale(.5);}
}
@keyframes v1{
	from{transform: rotate(0deg) scale(1);}
	50%{transform: rotate(270deg) scale(1);}
	to{transform: rotate(1deg) scale(1);}
}
@keyframes v2{
	from{transform: rotate(-90deg) scale(.9);}
	50%{transform: rotate(-360deg) scale(.9);}
	to{transform: rotate(-89deg) scale(.9);}
}
@keyframes v3{
	from{transform: rotate(30deg) scale(.8);}
	50%{transform: rotate(300deg) scale(.8);}
	to{transform: rotate(29deg) scale(.8);}
}
@keyframes v4{
	from{transform: rotate(-120deg) scale(.7);}
	50%{transform: rotate(-390deg) scale(.7);}
	to{transform: rotate(-119deg) scale(.7);}
}
@keyframes v5{
	from{transform: rotate(60deg) scale(.6);}
	50%{transform: rotate(330deg) scale(.6);}
	to{transform: rotate(59deg) scale(.6);}
}
@keyframes v6{
	from{transform: rotate(-150deg) scale(.5);}
	50%{transform: rotate(-420deg) scale(.5);}
	to{transform: rotate(-149deg) scale(.5);}
}