@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*
font-family: 'Noto Sans JP', sans-serif;

font-family: 'Zen Maru Gothic', serif;
    
*/


/*--------------------------------------------------
reset
-----------------------------------------------------*/
body{width: 100%;letter-spacing: 0;text-align: left;}
body, p, dl, ol, ul, h1, h2, h3, h3, h4, h5, h6, form, table, td, dt, dd {margin: 0;padding: 0;}
img{border: none; vertical-align:middle;}
/*ol,ul{list-style-type: none;}*/
table {/*border-collapse: collapse;*/border-spacing: 0;}
img {
  object-fit: contain;
  width: 100%;
    height:auto;
}

.sp{display:block;}
.pc{display:none;}

.flex{display:flex; justify-content: space-between; align-items: center;}
.notice{color:#e15c94}
.comingsoon{font-size:177%;text-align: center;color:#ccc;margin:2em 0;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.lfont{font-size:111%;}
.llfont{font-size:122%;}
.lllfont{font-size:133%;}
.sfont{font-size:88%;}
.ssfont{font-size:77%;}

.dbk{display:block}
.mb{margin-bottom:0 0 0.5em 0}
.bold{font-weight:700;}

/* スクロールで　フェードイン表示 */
.fade{opacity:0;}
.fadein{opacity:1.0;}
.ts1{transition: 1.0s}


/* アスタリスク　注釈用 */
ul.ast {	list-style: none;font-size: 90%;margin:0 0 0.5em 0;}
ul.ast li {	margin: 0;	padding-left: 1em;	text-indent: -1em;}
ul.ast li:before {	content: "\203b";	color: #000;}
ul.ast li.red:before {	content: "\203b";	color: #f00;}


/* ドット */
ul.dot {	list-style: none;font-size: 90%;margin:0 0 0.5em 0;}
ul.dot li {	margin: 0;	padding-left: 1em;	text-indent: -1em;}
ul.dot li:before {	content: "\30FB";	color: #000;}

/* 丸 */
ul.maru {	list-style: none;margin:0 0 0.5em 0;}
ul.maru li {	margin: 0;	padding-left: 1em;	text-indent: -1em;}
ul.maru li:before {	content: "\25CF";	color: #000;}

/*上向き矢印アイコン*/
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}


.youtube {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 0;
    height: 0;
    overflow: hidden;
    margin-bottom: 0; /* YouTubeの下に余白をつける */
    margin-top:0;
    margin-left:auto;
    margin-right:auto;
     background: #000;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


a{transition: 0.3s;color:#000;}
a:hover{opacity:0.6;}
p span.purple{color:#4d7ec0;}
   a.here{display:block;background: #4d7ec0;color:#fff;border-radius:0.75em;width:99%;text-align:center;margin:1.5em auto 0 auto;text-decoration:none;padding:0.25em;font-size:93%;}  
 

.content img.protect {
  pointer-events: none;
  user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*  先頭へ戻る */
.totop {
  display: block;
  position: fixed;
  bottom: 2em;
  right: 1em;
  z-index: 10000;
     opacity: .6;
}
.totop:hover {
  opacity: 1;
}

@media(max-width:768px) {
  .totop {
    bottom: 10px;
    right: 10px;
  }
}

.material-symbols-outlined {
    font-size: 77px!important;
    color:var(--headerbg);
}

:root {
  --headerbg: #6a93cd;

  --border: #969696;
}


html,
body {
color: #000;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.6;
box-sizing: border-box;

background: url(../images/bg.png) repeat center;

word-wrap:break-word;
overflow-wrap: break-word;
word-break: break-all;


}

/*-------------------------------------------
nav
---------------------------------------------*/

nav {

  background:#426fb6;
  padding: 0.5em 0;
  width: 100%;

  z-index: 9999;
}
nav.fixed {
  position: sticky;
  top: 0;
  width: 100%;
}
nav ul {
  display: flex;
  justify-content: center;
    list-style: none;
}
nav ul li {
  position: relative;
}
nav ul img {
  display: block;
  margin: 0 auto;
  width: 75%;
}
nav ul li:before {
  position: absolute;
  content: "";
  height: 70%;
  width: 2px;
  background: #fff;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
nav ul li:last-child:before {
  height: 0;
  width: 0;
}
@media ( max-width : 768px) {
  nav ul img {
    width: 80%;
  }
}


/*-------------------------------------------
Keyvisual
---------------------------------------------*/

#kv{margin:0 0 0; background: #fff; position: relative;}
#kv .mainimage{width:100%;margin:0 0 0}
.topNav{
  position: absolute;
  width: 90%;
  border-bottom: 1px solid #fff;
  margin:0 5%;
  text-align: center;
  padding:5px 0;
}
.topNavTx{
  display: inline-block;
  margin-right: 25px;
  font-size: 120%;
  color: #fff;
  vertical-align: middle;
}
.topNavTx a{
  color: #fff;
  text-decoration: none;
}
.topNavInsta{
  display: inline-block;
  width: 150px;
  vertical-align: middle;
}
.#kv .topNav .topNavInsta img{
  width: 150px;
}

#kv .notice{display:none;}	




/*-------------------------------------------
main
---------------------------------------------*/
main{

position: relative;
padding: 1em 0;
z-index: 0;
}
.inner{max-width: 720px;margin:0 auto;padding:0%;}
section{margin:1em 0 2em 0}
section h2{color:#4d7ec0; font-size:177%;font-weight:700;text-align: center;border-top:2px solid  var(--border);padding:20px 0 10px;margin:0 0 0;}
section h2.noborder{border:none;}
section h3 span{display:block;font-size:70%;}


p.imagenotice{font-size:80%;text-align: right;padding:0.5em 0 0 0;}
section#header_copy{font-weight:500; line-height: 1.8;margin:0 0 2em 0;}

section p.sub_tt{font-size:100%;margin:0 0 1em 0;font-weight:700;text-align: center;}
section p.detailhere{margin:0 0 0.5em 0;text-align: center;font-size:70%;}
section p.mb{margin:0 0 1.5em 0;text-align: left;font-weight:500;}
section p.mb br{display:none;}
section p.kikan{font-size:122%;font-weight:700;text-align: center;}
section p.kikan2{font-size:114%;font-weight:700;text-align: center;}


section p.lightup{margin:0 0 1em 0;}
section p.migoro{font-size:122%;font-weight:700;text-align: center;display:flex;flex-flow: column;}
.arrow.toright{width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 18px;border-color: transparent transparent transparent #000; margin:0.5em auto; display:inline-block;

transform:rotate(90deg);

}

section p.tentoujikan{font-size:122%;font-weight:700;text-align: center;margin:0 0 1em 0;}
section p.eigyojikan{font-size:122%;font-weight:700;text-align: center;margin:0 0 0.5em 0;}
section p.foodtext{font-weight:500;margin:0 0 1em 0;font-size:105%;}

.pic_wrap{margin:0 0 1.5em 0;}
.pic_wrap .item{flex-basis:48%; }

section#instagram{ background:#fff;border:2px solid #4d7ec0;padding:3%;border-radius:1em;margin:3em 0 0 0;}
section#instagram h2{border:none;margin:0 auto -0.5em auto;position: relative;top:-1em;}
section#instagram p{font-size:100%;margin:0 0 1em 0;}
section#instagram .cpn_header_text{position:relative;}
section#instagram .cpn_header_text p{margin:0 0 1em 28%;line-height: 1.6;}
section#instagram .cpn_header_text .smartphone{position: absolute;width:22%;left:2%;top:1%;}
section#instagram p.photo{margin:0 0 2em 0;}
section#instagram p.kikan{font-size:122%;font-weight:700;text-align: center;}
section#instagram p.contact{font-size:100%;font-weight:500;text-align: center;}
section#instagram h3{color:#4d7ec0;font-size:177%;font-weight:700;text-align: center;border-bottom:1px solid #4d7ec0;padding:0 0 0.25em 0;margin:0 auto 0.5em auto;width:88%;}
section#instagram h3.noline{border:none;padding:0;margin:auto}
section#instagram h3.cpn_contact{font-size:122%;}
section#instagram p.present_tt{margin:1.5em 0 .5em 0;}
section#instagram p.present_text{line-height: 1.6;}
section#instagram p.photo.cp_schedule{margin:2em auto 2em auto;text-align: center;}
section#instagram p.photo.cp_schedule span{display:block;margin:0.5em 0 0 0;}

section#instagram .howto{text-align:center;}
section#instagram .step_wrap{margin:0 0 3em 0;}
section#instagram .step_label{width:25%;margin:0 auto .5em auto; background:#4d7ec0;border-radius:2em;padding:0 1em;color:#fff;font-size:144%;}
section#instagram .step_wrap p{font-size:100%;font-weight:700;}
section#instagram .terms{width:77%; margin:0 auto 2em auto; background: #ededed;padding:1em;height:300px;overflow: scroll;}
section#instagram .terms h4{color:#4d7ec0}
section#instagram .terms p{font-size:90%;}
section#instagram .terms ol{margin:0 0 1em 1em;font-size:90%;}
section#instagram p.marugo{}

.arrow.tobottom{width: 0;height: 0;border-style: solid;border-width: 30px 33px 0 33px;border-color: #4d7ec0  transparent transparent transparent;    margin:0 auto 0.75em auto;  opacity: 0.4;}


section#sns h3{text-align:center;font-size:122%;}

section#event h3{color:#4d7ec0;text-align:center;font-size:144%;margin:0 0 0.5em 0;}
section#event h3 span{font-size:70%;}
section#event p.detailhere{margin:0 0 0.75em 0;text-align: center;font-weight:400;}


section#event dl.detail{margin:0 0 0.75em 0;text-align: left;font-weight:700;font-size:100%;flex-flow: row wrap;justify-content: flex-start;
align-items: flex-start;}
section#event dl.detail dt{flex-basis:15%;}
section#event dl.detail dd{flex-basis:85% ;}



section#photocontest {border-bottom:2px solid #000;padding:0 0 4em 0;margin:0 0 3em 0}

section#access .access_inner{line-height: 1.6;}

section#access p{text-align:center;margin:0 0 2em 0}
section#access dl{display:flex;justify-content: space-between; align-items: flex-start;flex-flow:row wrap; line-height: 1.2; }
section#access dl dt{flex-basis: 22%; background: #4d7ec0;color:#fff;text-align: center;font-size:111%;margin:0 0 0.25em 0;}
section#access dl dt.clearBg{background-color: transparent; color: #4d7ec0!important;}
section#access dl dd{flex-basis:75%;font-size:100%;margin:0 0 0.25em 0;}
section#access dl dd ul.ast{font-size:70%;}
section#access p.toneri_access{text-align: left;font-size:80%;margin:0.25em 0 0.75em 0;}

section#est70years {border-bottom:2px solid #000;padding:0 0 3em 0;margin:0 0 3em 0}
section#est70years h2{border:none;padding:0;font-size:144%}	
section#est70years p{max-width:300px;text-align: center;margin:2em auto 0 auto; }	

section#years150 {border-bottom:2px solid #000;padding:0 0 3em 0;margin:0 0 3em 0}
section#years150 h2{border:none;padding:0;font-size:144%}




section#flower_light{margin:2em 0 0 0;}
section#flower_light p.bnr{margin:0 0 3em 0;}
section#flower_light p.logo{}
section#flower_light p.logo a{display:block;width:77%;margin:auto;}

section#sns .snsbox{text-align: center;margin:0 0 2em 0}
section#sns .snsbox blockquote{text-align: center;margin:auto;}
section#sns .snsbox iframe{text-align: center;margin:auto;max-width:100%!important;}
section#sns .snsbox .row{display:flex;justify-content:center;flex-flow: row wrap;}
section#sns .snsbox .row div{flex-basis:48%;margin:0 0.5% 0.2em 0.5%;height:200px;overflow: hidden}
section#sns .snsbox .row div img{object-fit: cover;width:100%;height:100%;}








footer {text-align:center;color:#fff; background: var(--headerbg); padding:0.5em;font-size:70%;}


 /* //////////////////////////////////////////////////*/
@media screen and (min-width: 48em) { /* //////////////////////////////////////////////////*/

    .sp{display:none;}
    .pc{display:block;}

   a.here{display:block;color:#fff;border-radius:0.75em;width:77%;text-align:center;margin:1.5em auto 0 auto;text-decoration:none;padding:0.125em;font-size:122%;}     

/*-------------------------------------------
Keyvisual
---------------------------------------------*/

#kv{margin:0 0 0;position: relative;}
#kv .mainimage{width:100%;margin:0 0 0 0}
.topNav{
  position: absolute;
  width: 90%;
  border-bottom: 1px solid #fff;
  margin:0 5%;
  text-align: right;
  padding:10px 0;
}
.topNavTx{
  display: inline-block;
  margin-right: 25px;
  font-size: 150%;
  color: #fff;
  vertical-align: middle;
}
.topNavTx a{
  color: #fff;
}
.topNavInsta{
  display: inline-block;
  width: 150px;
  vertical-align: middle;
}
.#kv .topNav .topNavInsta img{
  width: 150px;
}
#kv .notice{display:block; position: absolute;  bottom:0.5em;left:0.5em; width:52%; background: rgba(255,255,255,0.9);border-radius:1em;padding:0.5em;color:#000;font-size:70%;}	
#kv .notice p.redtext{font-size:133%;color:#f00;font-weight:500;}
	
@media screen and (min-width: 860px) { 
#kv .notice{  width:410px;}	
}	
@media screen and (min-width: 1000px) { 
#kv .notice{ bottom:0.5em;left:0.5em; width:460px;padding:0.75em;font-size:80%;}	
}
	
@media screen and (min-width: 1100px) { 
#kv .notice{ left:10%; width:460px;}	
}	
	
@media screen and (min-width: 1200px) { 
#kv .notice{ left:11%; width:520px;padding:1em;font-size:90%;}
#kv .notice p.redtext{font-size:144%;}	
}	
	
@media screen and (min-width: 1300px) { 
#kv .notice{ bottom:2%;left:15%; }	
	
	
@media screen and (min-width: 1400px) { 
#kv .notice{ bottom:3%;left:17%;  }

}	
@media screen and (min-width: 1500px) { 
#kv .notice{ bottom:5%;left:20%; }

}	
	
@media screen and (min-width: 1600px) { 
#kv .notice{ bottom:5%;left:22%; }

}		
	
	
	
	
	
   a.here{display:block;color:#fff;border-radius:0.75em;width:66%;text-align:center;margin:1.5em auto 0 auto;text-decoration:none;padding:0.125em;font-size:122%;}     
    
    
main{
font-size:111%;
position: relative;
padding: 3em 0;
background: var(--bg) url('../images/bg.jpg') no-repeat center top;
background-size: cover;
background-attachment: fixed;
z-index: 0;
word-break: normal;
}
.inner{width:100%;max-width: 720px;margin:0 auto;}
section{margin:2em 0 3.5em 0}
section h2{font-size:175%;}

section#header_copy{ font-weight:500; line-height: 2.2;margin:0 0 2em 0;font-size:111%;}

section p.sub_tt{font-size:133%;}
section p.detailhere{margin:0 0 0.75em 0;font-size:111%;}
section p.mb{margin:0 0 1.5em 0;text-align: center;font-weight:500;}
section p.mb br{display:block;}
section p.kikan{font-size:145%;}
section p.kikan2{font-size:135%;}
section p.migoro{font-size:144%;display:flex;align-items: center;justify-content: center;flex-flow: row nowrap;}
.arrow.toright{width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 18px;border-color: transparent transparent transparent #000; margin:0 1em; display:inline-block;transform:rotate(0);  }
section p.tentoujikan{font-size:188%;}
section p.eigyojikan{font-size:166%;}


.food_wrap{align-items: flex-start;flex-flow: row nowrap;margin:0 0 1.5em 0;}
.food_wrap .item{text-align:center;font-size:80%;}
.food_wrap .item.soft{flex-basis: 47.3%}
.food_wrap .item.others{flex-basis:52.7%;}
.food_wrap .item p{margin:0.25em 0 0 0;}
.food_wrap .item.others p.itemname{margin:0.25em 1% 0 7%;}

section#instagram{ background:#fff;border:3px solid #4d7ec0;padding:6%;border-radius:1em;margin:5em 0 0 0;}
section#instagram h2{margin:0 auto -1.5em auto;position: relative;top:-2.2em;}
section#instagram p{font-size:111%;}
section#instagram .cpn_header_text{}
section#instagram .cpn_header_text p{margin:0 0 1em 28%;line-height: 1.6;}
section#instagram .cpn_header_text .smartphone{position: absolute;width:24%;left:2%;top:1%;}
section#instagram p.photo{margin:0 0 3em 0;}
section#instagram p.kikan{font-size:188%;}
section#instagram p.contact{font-size:122%;}
section#instagram h3{font-size:222%;}
section#instagram h3.cpn_contact{font-size:177%;}
section#instagram .howto{text-align:center;}
section#instagram .step_wrap{margin:0 0 3em 0;}
section#instagram .step_label{font-size:199%;}
section#instagram .step_wrap p{font-size:133%;}
section#instagram .terms{width:77%; margin:0 auto 3em auto; background: #ededed;padding:2em;height:400px;overflow: scroll;}

section#sns h3{text-align:center;font-size:144%;margin:0 0 1em 0;}

section#sns .snsbox .row div{flex-basis:32%;margin:0 0.5% 0.4em 0.5%;height:200px;overflow: hidden}
section#sns .snsbox .row div img{object-fit: cover;width:100%;height:100%;}


section#event h3{text-align:center;font-size:188%;margin:0 0 0.5em 0;}
section#event h4{text-align:center;font-size:122%;margin:0 0 0.5em 0;}
section#event p.detailhere{margin:0 0 0.75em 0;text-align: center;font-weight:400;}
	
section#event dl.detail{margin:0 0 0.75em 0;text-align: left;font-weight:700;font-size:122%;flex-flow: row nowrap;
align-items: flex-start;justify-content: center;}
section#event dl.detail dt{flex-basis: inherit;}
section#event dl.detail dd{flex-basis:inherit ;}
	
	
section#photocontest {border-bottom:2px solid #000;padding:0 0 4em 0;margin:0 0 3em 0}

section#access .access_inner{line-height: 1.6;}

section#access p{text-align:center;margin:0 0 2em 0}
section#access dl{display:flex;justify-content: space-between; align-items: flex-start;flex-flow:row wrap; line-height: 1.2; }
section#access dl dt{flex-basis: 14%;color:#fff;text-align: center;font-size:111%;margin:0 0 0.25em 0; font-weight: 700;padding:5px 0 5px}
section#access dl dt.clearBg{background-color: transparent; color: #4d7ec0!important;}
section#access dl dd{flex-basis:85%;font-size:122%;margin:0 0 0.25em 0;padding:5px 0 5px 10px; box-sizing: border-box;line-height: 1.5;}
	
section#access dl dd ul.maru{font-size:70%;line-height: 155%;}	
	
section#access dl dd ul.ast{font-size:70%;}
section#access a.parkhere{display:block;background: #f60;color:#fff;border-radius:0.75em;width:66%;text-align:center;margin:1.5em auto 0 auto;text-decoration:none;padding:0.125em;font-size:133%;}
	
section#est70years {border-bottom:2px solid #000;padding:0 0 3em 0;margin:0 0 3em 0}
section#est70years h2{border:none;padding:0;}	
section#est70years p{max-width:300px;text-align: center;}	
	
section#years150 {border-bottom:2px solid #000;padding:0 0 3em 0;margin:0 0 3em 0}
section#years150 h2{border:none;padding:0;}
	
	
section#flower_light{margin:2em 0 0 0;}
section#flower_light p.bnr{margin:0 0 3em 0;}
section#flower_light p.logo{}
section#flower_light p.logo a{display:block;width:60%;margin:auto;}






footer {text-align:center;color:#fff; background: var(--headerbg); padding:0.5em;font-size:90%;}

/* //////////////////////////////////////////////////*/
} /* //////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////*/



@media print {
.fade{opacity:1;}
.fadein{opacity:1.0;}
    .content #jumpbtn {display:none; }
}




.p-table {
border-collapse: separate;
border-spacing: 4px;
border: 2px solid #4d7ec0;
border-radius: 8px;
margin: 20px 0 1rem;
width: 100%;
text-align: center;
}
.p-table th, .p-table td {
background: #fff;
padding: 4px;
}
.p-table th {
color: #4d7ec0;
}
.p-box__flexbox p {
margin-top: 2rem;
}	
.close-text {

}	
@media only screen and (min-width: 671px)  {
.p-box__flex {
width: 60%;
}
.p-box__flexbox {
display: flex;
justify-content: space-between;
}	
.p-box__flexbox p {
width: 48%;
}
}
.wrapper {
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
}
.txt {
  display: inline-block;
  text-align: left;
}
.migoro_now{
  text-align: center;
}
@media(min-width:751px){
  .smp-text {
  display: none !important;
}
}
  .smp-text{
  border: 5px solid #4d7ec0;
  width: 100%;
  padding: 30px 20px;
  box-sizing: border-box;
  background: #f2f2f2;
  }
.close-text {
color: #ff0000;
font-size: 2.5rem;
text-align: center;
}
.close-text-kikan{
color: #ff0000;
font-size: 1.8rem;
text-align: center;
}
.txRed{color: #ff0000;}
.txSmall{font-size: 85%;}