@charset "utf-8";



/* タイトルここから  */
.title-h2 {
  font-size: 1.8rem;
  margin: 2rem 0 1rem;
  color: #2e4e1e;
  border-left: 8px solid #6baa4c;
  padding-left: 1rem;
  border-bottom: solid 3px rgb(236, 162, 24);
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: bold;
}


.title-h2-side {
  font-size: 20px;
  font-weight: bold;
  border-bottom: solid 3px rgb(236, 162, 24);
  margin: 10px 0 20px 0;
  color: #085308;
}



.title-h3 {
  font-size: 1.5rem;
  margin: 1.5rem 0 1rem;
  color: #3f5d2a;
  border-left: 4px solid #a8c96f;
  padding-left: 0.8rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: bold;
}


.title-h4 {
  font-size: 1.2rem;
  margin: 1rem 0 0.5rem;
  color: #4b672a;
  border-left: 3px solid #dff0c6;
  padding-left: 0.6rem;
  font-weight: bold;
  font-family: 'Zen Maru Gothic', sans-serif;
}


.MiryokuBox{
  margin-bottom: 20px;
}

.MiryokuTitleH3 {
  color: #076d1d;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: bold;
}

.header-box{
  padding: 10px;
  background-color: #079653;
  color: white;
  font-weight: bold;
  text-align: center;
}

 /* 帰ってきたコウレプ */
.imbacklogo {
  max-width: 350px;
  margin: 0 auto;
}

  /* 飲食 */

  .FB2-top-food {
    display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  }
  
  .FB2in-top-food {
    width: 49%;
  }
  

  

/* イベント終了時のありがとうコメント */
.thanksBox {
	background-color: blanchedalmond;
	padding: 20px;
}

.thanksTitle {
	font-size: 25px;
	color: #060;
}

.thanksText1 {
	margin-top: 15px;
}

.thanksText2 {
	text-align: right;
}





.FB2 {
  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.FB2in {
  width: 49%;
}




/* ボタンここから */
.button_centerBox {
  text-align: center;
}

.btn {
  padding: 2px 10px;
  text-align: center;
  line-height: 2em;
}

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;

}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn--radius {
   border-radius: 100vh;
}
/* ボタンここまで */



.SIDEtitle1 {
  border-bottom: 2px solid #bcec51;
  font-size: 18px;
  font-weight: bold;
}

.ticketTopBoxdl {
  margin-bottom: 30px;
}

.ticketTopBoxdl dd {
  margin-bottom: 10px;
}


.raijyousyaBox {
margin-top: 30px;
  border-radius: 20px;
}

.raijyousyaMidashiBox {
  width: 100%;
  background-color: #f56500;
  border: 2px solid #f56500;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  border-radius: 20px 20px 0px 0px;
  padding: 5px;
}
.raijyousyaTextBox {
  border: 2px solid #f56500;
  background-color: #ffffff;
  color: #000000;
  padding: 15px;
  border-radius: 0px 0px 20px 20px;
}



/* 一部販売自粛ここから */
.jisyukuBox {
  margin-top: 20px;
  border-radius: 20px;
}

.jisyukuMidashiBox {
  width: 100%;
  background-color: #049904;
  border: 2px solid #049904;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  border-radius: 20px 20px 0px 0px;
  padding: 5px;
}
.jisyukuTextBox {
  border: 2px solid #049904;
  background-color: #ffffff;
  color: #000000;
  padding: 15px;
  border-radius: 0px 0px 20px 20px;
}

.jisyukuTextRight {
  text-align: right;
  }

.jisyukuTextCenter {
text-align: center;
margin: 20px 0;
}

.jisyukuTextRED {
  color: #c91919;
  }



  
.top-mainBox-art {
padding: 10px;
}

.entry_movieBox {
  margin-top: 10px;
}


.pink-font {
  font-weight: bold;
  color: #E4007E;
}


/* チケットここから */
.ticketBox {
  background-color: #faffd1;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
}

.ticketBoxINR {
  margin-top: 30px;
}

.ticketTitle {
  font-size: 20px;
  color: #0656a1;
  font-weight: bold;
}


/* トップページバナーここから */
.bannerFlexBox {
font-size: 14px;
word-break: break-all;
margin: 30px 10px 10px 10px;
}

.bannerFBin2{
  border: solid 1px #494949;
  padding: 10px;
}
.bannerFBin3{
  border: solid 1px #494949;
  padding: 10px;
  margin-top: 10px;
}

.bannerTitle {
  font-size: 18px;
  color: #0a4780;
  font-weight: bold;
}
/* トップページバナーここまで */


/* 動物取扱業の登録番号ここから */
.touroku-number {
  padding: 10px;
  font-size: 10px;
}


/* 共通とトップここから */
.sponsor {text-align: center;
margin-top: 15px;
font-size: 18px;}


.consept-aisatu-Flexbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.top-access-button {
  border: 1px solid #f89e49;
  border-radius: 10px;
  padding: 5px 10px;
  font-weight: bold;
}

.top-access-button:hover {
  background-color: #faf747;
  transform: translateY(-2px);
}


.gexyoutube-Flexbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  }


.gexyoutube-FBin {
  width: 49%;
}

.tokage-kaikata-Flexbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  }

  .tokage-kaikata-FBin{
    width: 49%;
  }

  .kame-kaikata-Flexbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    }

    .kame-kaikata-FBin {
      width: 49%;
    }




/* snsここから */
.sns-box {
  background-color: #0656a1;
}

ul.sns-top-ul {
  list-style: none;

  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
}

ul.sns-top-ul li {
  padding: 3px;
width: 60px;
}

.line-frend {
  width: 65px;
}

li.line-send {
  width: 45px;
  margin-right: 45px;
}

/* snsここまで */

.container {
  background-color: #fff;
  overflow: hidden;
}

.lineBox {
  margin: 0 10px;
}

.hero-art{
  margin-bottom: 0px;
  line-height: 0;
}


.main-container-section {
  padding: 10px;
}


.aside-side {
  width: 100%;
 padding: 0 10px;
}

.main-contents{
  width: 100%;
  padding: 0 10px;
}


/* トップページ */
.purchase-articleFlexbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch; /* ← 高さ揃え */
  gap: 20px;
}

.purchasebox {
  width: 45%;
  background-color: rgb(247, 245, 227);
  border: 1px solid #c9d339;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(27, 80, 10, 0.3);
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}


.purchaseell {
  align-self: stretch;
  margin-bottom: 10px;
 }


/* コンセプトページ */
 .concept-articleFlexbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch; /* ← 高さ揃え */
  gap: 20px;
}

.conceptbox {
  width: 100%;
  background-color: rgb(247, 245, 227);
  border: 1px solid #c9d339;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(27, 80, 10, 0.3);
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}


.conceptell {
  align-self: stretch;
  margin-bottom: 10px;
 }



.lineBox {
  margin-top: 10px;
}

/*====================================================================
コンテナここから
====================================================================*/
.purchase-articleFlexbox{
  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;

}

.Top-subTitle {
  width: 100%;
  background-color: #fca50f;
  color: #ffffff;
  text-align: center;
  text-shadow: 2px 2px 4px #5a412e;
  font-size: 20px;
  font-weight: bold;
  padding: 5px;
  margin-top: 10px;
}



/*====================================================================
ページの共通ここから
====================================================================*/



/* ナビここから */
.navi-art-flexbox {
  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
  margin: 0px;
  padding: 0px;
  line-height: 0;
  background-color: #1c8003;
}
/* ナビ */
.navi-art-fb-in {
  width: 33.3%;
  margin: 0px;
  padding: 0px;
  line-height:0;
  transition: opacity 0.3s ease;
}

.navi-art-fb-in:hover {
  opacity: 0.6;
}



h2.title2-page {
  background: linear-gradient(transparent 70%, #bcec51 70%);
  font-weight: bold;
  font-size: 28px;
  color: #e06522;
  margin-bottom: 30px;
}

h3.title3-page  {
color: #156cbd;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 1px #156cbd;
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 10px;
}


h4.title4-page  {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #637930;/*左線*/
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 10px;
}


/*class設定 テーブルタグ*/

.tb_rw{
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing:0px;
	border:2px solid #999;
	margin:0 0 2em;
}
.tb_rw tr th{
	width:20%;
}
.tb_rw tr th,
.tb_rw tr td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:7px;
	background:#ffffff;
}
.tb_rw tr th{
	/*background:#e4e4e4;*/
	vertical-align: middle;
	white-space:nowrap;
	/*color:#676767;*/
	/*width:125px;*/
}


  /* 茶色ボックス */
    .cyairoBox{
      border-radius: 6px;
      border: 1px solid #5a412e;
      margin-bottom: 15px;
    }

    .cyairoMidashi {
      border-radius:4px 4px 0 0;
      color: #fff;
      background-color: #5a412e;
      font-size: 25px;
      font-weight: bold;
      padding: 6px 10px 6px;
    }


    .cyairoBoX-IN {
      border-radius:0 0 8px 8px;
      background-color: #fff;
      padding: 10px 10px 10px;
      text-align: justify;
    }


    

    .tyuusyaku {
      font-size: 12px;
      line-height: 1.2em;
    }


    .footerBox {
      color: #fff;
      background-color: #f7a823;
      text-align: center;
      font-size: 12px;
      padding: 20px 0px 20px;
    }

    
	/*トップに戻るボタン用*/

.pagetop {
	background: #fff;
	padding: 10px 10px;
	border-radius: 10px 10px 0 0;
	position: fixed;
	right: 30px;
	bottom: 0;
  border: 2px solid #221403;
}
.pagetop a {
    display: block;
    text-align: center;
    font-size: 10px;
    text-decoration: none;
    padding: 0px 10px;
}
.pagetop a:hover {
    display: block;
    text-align: center;
    font-size: 10px;
    text-decoration: none;
    padding: 0px 10px;
}


/*プライバシーポリシーここから*/
.privacy-p {
  margin-bottom: 40px;
}

ul.privacy-ul li {
  list-style-type: disc;
  margin-left: 30px;
  margin-bottom: 30px;
}

.cookie-sec {
  margin-bottom: 40px;
}

/* フッタープライバシー */
ul.eventLogo-ul {
  list-style: none;


  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}


.footer-copyright {
  background-color: #079653;
  text-align: center;
  color: #fff;
  padding: 10px 0;
}

/*====================================================================
スマホと共通ここから書いた
====================================================================*/


/* ----------------------- */
/* 767px以下　スマホのみ
/* ----------------------- */
@media screen and (max-width: 767px) {
	.container-in {
    padding: 20px;
  }
  


  

}



/*=========================================
タブレット・PCサイズの設定
===========================================*/

@media screen and (min-width: 768px) {
.sp {display: none !important;}
.pc {display: block !important;}



/* トップページバナーここから */
.bannerFlexBox {
  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.bannerFBin1{
  width: 33%;
}
.bannerFBin2{
  width: 33%;
}
.bannerFBin3{
  width: 33%;
  margin-top: 0px;
}


/* トップページバナーここまで */


/* チケットここから */
.ticketBox {
  background-color: #faffd1;
  text-align: center;
  padding: 10px;

  display: flex;
flex-direction: row;
justify-content: center;
}

.ticketBoxINR {
  margin-top: 0px;
}

.ticketBoxINL {
  margin-top: 50px;
}

.ticketTitle {
  font-size: 20px;
  color: #0656a1;
  font-weight: bold;
}

/* タイトルここから  */
.title-h2 {

 
}

.title-h2-side {
  font-size: 18px;

}




/* snsここから  */
.sns-box {
  background-color: #0656a1;
}

ul.sns-top-ul {
  display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
padding-top: 5px;
margin-right: 20px;
}

ul.sns-top-ul li {
  padding: 3px;
width: 80px;
}

.line-frend {
  width: 50px;
}

/* snsここまで */

/* ナビ */
.navi-art-fb-in {
  width: 16.6%;
  margin: 0px;
  padding: 0px;
  line-height:0;
}



  /* フルワイドここから */
  .full-width {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }

  
.container {
  max-width: 1040px;
  margin: 0 auto;
}

.container-in {
  padding: 0 50px;
}




/* トップページ */

.purchasebox {
  width: 20%;
  background-color: rgb(247, 245, 227);
  border: 1px solid #c9d339;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(27, 80, 10, 0.3);
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;

}


/* コンセプトページ */

.conceptbox {
  width: 20%;
  background-color: rgb(247, 245, 227);
  border: 1px solid #c9d339;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(27, 80, 10, 0.3);
  padding: 10px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}






/* サイド */
.aside-contents-art-FlexBox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}


.main-contents{
  width: 75%;
 padding-left: 10px;
}



.aside-side {
  width: 25%;
 padding-right: 10px;
}


/* チケットここから */
.ticketBox {
  background-color: #faffd1;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;

}

.ticketBoxINR {
  margin-top: 30px;
}

.ticketTitle {
  font-size: 20px;
  color: #0656a1;
  font-weight: bold;
}




.MiryokuTitleH3 {

  font-size: 36px;


}


}


/*=========================================
PCサイズの設定
===========================================*/

@media screen and (min-width: 1200px) {







}