@charset "utf-8"; 
/* CSS Document */

/*----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------*/
body{margin:0; padding:0; border-top:none;}
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}

p,li{font-size: 19px; line-height: 1.5em;font-weight: 500;}
.mainContentsBox{max-width: 100%; margin: 0 auto;}
.secBox{width: 1190px;margin: 0em auto;}
.secBox2{width: 1190px;margin: 7em auto 2em;position: relative;}
h3{font-size: 35px;margin-bottom: 35px;padding-top: 0.5em; text-align: center;}

a:link,a:visited{
	color: #006699;
}
#wrap{ color: #4d4d4d!important;}
.pc{display: block!important;}
.sp{display: none!important;}
.hover a:hover{opacity:0.7;}
/*----------------------------------------------------------------------------
	***                                                                  共通
----------------------------------------------------------------------------*/
.sectionInner{width: 95%; max-width: 960px;}
.bgiGreenStripe{background: url(../images/bgi_contents02.png);}
.bgiRedStripe{background: url(../images/bgi_contents03.png);}
.greenTxt{color: #08441b;}
.moushikomiBtn{width: 80%;max-width: 350px;margin:2em auto 0; padding-bottom: 2.5em;}
.moushikomiBtn a{display: block; width: 100%; height: auto; position: relative;}
.moushikomiBtn a img{display: block; width: 100%; height: auto;}
.moushikomiBtn a:hover {top: 0.25em;}
.moushikomiBtn.uketsukeEnd img{display: block; width: 100%; height: auto;}

/*----------------------------------------------------------------------------
***                                                                   header
----------------------------------------------------------------------------*/
#headerArea{border-top: 22px solid #FF7BAC;border-bottom: 3px solid #e3006d;position: sticky;top: -22px;background: #fff;z-index: 999;}
#headerAreaLogo .ttlTxt {font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -20px;line-height: 1.6;margin: 0;padding: 0;display: block;white-space: nowrap;}
#headerAreaLogo .ttlSub {position: absolute;top: -19px;right: 0;color: #fee5ee;font-size: 11px;text-align: right;width: auto;line-height: 1.6;margin: 0;padding: 0;}

#headerBox{border-bottom: 5px solid #08441b;position: sticky;background: #fff;top: 0;width: 100%;z-index: 99;}
#headerBox{padding:0;}
.headerBoxInner{width: 90%;max-width:980px; margin:0 auto;position: relative;padding:  0.5em 0;}
.headerBoxInner .sm_btn {width: 25%;}
.headerBoxInner .sm_btn img{width: 100%;}


.spheader{display:none;}
/*----------------------------------------------------------------------------
***                                                                  mainView
----------------------------------------------------------------------------*/
/*#mainView{background: url(../images/bgi_contents01.png);}*/
#mainView{background-size: 100% auto;}
#mainView .mainViewInner{background: url(../images/bgi_contents01.png)no-repeat top center;position: relative;}



#mainView .mainViewInner .mainViewContents{ position: relative;box-sizing: border-box;width: 95%;margin: 0 auto;padding: 1em 0 0;display: flex;justify-content: center;align-items: center;max-width: 920px;}
#mainView .mainViewInner .mainViewContentsInner{background: url("../images/img_contents03.png")no-repeat top center;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding-bottom:2em;}


#mainView .mainViewInner .mainTtl{width: 100%; max-width: 665px;padding-top: 1em;}
#mainView .mainViewInner .mainTtl img{width: 100%; height: auto;}
#mainView .mainViewInner .dateBox{width: auto;padding: 0 1em;}
#mainView .mainViewInner .dateBox .dateAndTime{width: 35%; min-width: 300px; margin: 0 1em;}
#mainView .mainViewInner .dateBox .dateAndTime .date{width: 50%; border-bottom: 1px solid #333;padding: 0.3em;font-weight: bold;font-size: 140%;}
#mainView .mainViewInner .dateBox .dateAndTime .timeBox{padding: 0.3em;}
#mainView .mainViewInner .dateBox .timeKinder,
#mainView .mainViewInner .dateBox .timeElementary{font-weight: bold;font-size: 110%;}
#mainView .mainViewInner .dateBox .ttl{width: 8em; position: relative;}
#mainView .mainViewInner .dateBox .time{width: 10em;}
#mainView .mainViewInner .dateBox .timeKinder .ttl:before{content: "";display:block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #af0820;position: absolute;right: 0.5em;top: 50%;transform: translateY(-60%);}
#mainView .mainViewInner .dateBox .timeElementary .ttl:before{content: "";display:block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #08441b;position: absolute;right: 0.5em;top: 50%;transform: translateY(-60%);}

#mainView .mainViewInner .dateDetailBox{width: 100%; max-width: 440px;}
#mainView .mainViewInner .dateDetailTable{width: 100%;}
#mainView .mainViewInner .dateDetailTable th{background: #eee2ba;}
#mainView .mainViewInner .dateDetailTable td{background: #fff;}
#mainView .mainViewInner .dateDetailTable th,
#mainView .mainViewInner .dateDetailTable td{border: 1px solid #4d4d4d; padding: 5px; text-align: center;}
#mainView .usagiImg{position: absolute;right: -2em;bottom: 2em;}
#mainView .mainViewBottom{padding: 2em 2em 0 2em;background-color: #cd4732}
.mainSectionInner{background: repeating-linear-gradient(
    90deg,     /* 角度の指定 */
    #FFFCE0,      /* 色A ... 開始 */
    #FFFCE0 60px,  /* 色A ... 終了 */
    #F0EBD5 60px,      /* 色B ... 開始 */
    #F0EBD5 120px   /* 色B ... 終了 */
  );}
#mainView .kaisaiTxt{margin-right: 1em;margin-left: -7em;}

@media screen and (max-width: 850px) {
	#mainView .usagiImg{width: 25%; right: -4%; bottom: -0.5em;}
	#mainView .usagiImg img{width: 100%; height: auto;}
}

/*----------------------------------------------------------------------------
***                                                              pointSection
----------------------------------------------------------------------------*/
#pointSection{padding-top: 0; background-size: contain; background: repeating-linear-gradient(
    90deg,     /* 角度の指定 */
    #FFFCE0,      /* 色A ... 開始 */
    #FFFCE0 60px,  /* 色A ... 終了 */
    #F0EBD5 60px,      /* 色B ... 開始 */
    #F0EBD5 120px   /* 色B ... 終了 */
  );background: url("../images/bgi_contents04.png")no-repeat top center}
#pointSection .pointSectionInner{;position: relative;margin: 0 auto;z-index: 1;padding-bottom: 4em;}

#pointSection .line img{width: 100%;}
#pointSection .secTtl{font-size: 150%;}
#pointSection .usagiImg{margin: 2em auto 0.5em;max-width: 200px;width: 33%;}
#pointSection .eventListImg {width: 80%;max-width: 730px; margin: 0 auto;}
#pointSection .eventListImg img {width: 100%; height: auto;margin-top: 1em;}
.detailBox{position: relative;}
.marrysagiImg{position: absolute;top:168px;right: 85px;}
/*----------------------------------------------------------------------------
***                                                            summarySection
----------------------------------------------------------------------------*/
#summarySection{background: url(../images/bgi_contents06.png) no-repeat top center;background-size: 100% auto;position: relative;z-index: 0;}
#summarySection .summarySectionInner {padding-top: 6vw;position: relative;}
#summarySection .secTtl{color: #e9d266;}
#summarySection .summaryBox{width: 85%;max-width: 750px;margin: 0 auto 2em;}
#summarySection .summaryBox p {font-size: 150%;}
#summarySection .dateBox{width: 100%;background: #fff3e3;padding: 1em 5%;border-radius: 1em 1em 0 0;}
#summarySection .date{width: 48%;text-align: center;}
#summarySection .timeBox{width: 55%;}
#summarySection .dateBox .timeBox{padding: 0.5em 0 0.5em 6%;margin-left: 3%;border-left: 1px solid #333;width: auto;}
#summarySection .dateBox .timeBox .timeKinder,
#summarySection .dateBox .timeBox .timeElementary,
#summarySection .dateBox .timeBox .timeJhs{font-size: 120%;}
#summarySection .dateBox .timeBox .timeKinder .ttl,
#summarySection .dateBox .timeBox .timeElementary .ttl,
#summarySection .dateBox .timeBox .timeJhs .ttl{margin-right: 1.5em;width: 6em;position: relative;}
#summarySection .dateBox .timeBox .timeKinder .ttl:before,
#summarySection .dateBox .timeBox .timeJhs .ttl:before{content: "";display:block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #af0820;position: absolute;right: -1em;top: 50%;transform: translateY(-60%);}
#summarySection .dateBox .timeBox .timeElementary .ttl:before{content: "";display:block;width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #08441b;position: absolute;right: -1em;top: 50%;transform: translateY(-60%);}
#summarySection .venueAndFeeBox{width: 100%;background: #efe1bd;padding: 1.5em 5%;border-radius: 0 0 1em 1em;}
#summarySection .venueAndFeeBox .venueBox{margin-bottom: 1em;}
#summarySection .venueAndFeeBox .venue{margin-right: 1em;min-width: 200px;}
#summarySection .venueAndFeeBox .feeBox .ttl{display: inline-block; margin-top: 0.25em;}

#summarySection .venueDetailBtn{width: 45%;min-width: 305px;margin-right: auto;}
#summarySection .venueDetailBtn a {display: block;text-align: center;border: 1px solid;font-size: 70%;border-radius: 1em;color: #af0820;font-weight: normal;position: relative;line-height: 1;padding: 0.5em 1em 0.5em 0.5em;}
#summarySection .venueDetailBtn a:after{content: ""; width: 0; height: 0;border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #af0820 transparent transparent transparent; position: absolute; right: 1em; top: 50%; transform: translateY(-50%);}
#summarySection .venueDetailBtn:hover{opacity: .7;}

#summarySection .treeImg{width: 20%; max-width: 212px;position: absolute;bottom: 0;left: calc(50% + 200px);}
#summarySection .treeImg img{width: 220px; height: auto;}
/*#summarySection .treeImg img{width: 100%;}*/

/*----------------------------------------------------------------------------
***                                                              venueSection
----------------------------------------------------------------------------*/
#venueSection {background: #e5cf9a;position: relative;}
#venueSection .line img{width: 100%;}
#venueSection .secTtl{margin-bottom: 0.3em;}
#venueSection .venueSectionInner{margin: 0 auto;padding: 3em 0;position: relative;}
#venueSection .bedUsagiImg{width: 30%;max-width: 270px;position: absolute;bottom: -5px;left: calc(50% + 170px);}
#venueSection .bedUsagiImg2{width: 15%;max-width: 190px;position: absolute;bottom: -5px;right: calc(50% + 170px);transform: translateX(-50%);}
/* #venueSection .bedUsagiImg img{width: 100%;} */

/*--------------------------地域タブ部分ここから--------------------------*/
#venueSection .scheduleBox{position:relative;left: 0;right: 0;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-evenly;align-items: stretch;}

/*-----inputタグを非表示-----*/
#venueSection input[name="tabItem"]{ display: none;}

/*-----タブのスタイル-----*/
#venueSection .tabItem {width: 30%;}
#venueSection .tabItem .btn_venue01,
#venueSection .tabItem .btn_venue02,
#venueSection .tabItem .btn_venue03,
#venueSection .tabItem .btn_venue04,
#venueSection .tabItem .btn_venue05,
#venueSection .tabItem .btn_venue06{display: inline-block;width: 100%;text-align: center;box-sizing: border-box;margin: 0.3em 0;background-color: #998675;color: #fff;font-size: 130%;min-height: 4em;display: flex;justify-content: center;align-items: center;padding: 0.2em 1.5em;border-radius: 2.5em;}
/*-----hover時のタブのスタイル-----*/
#venueSection .tabItem:hover{cursor: pointer;}
#venueSection .tabItem.venue01tab .btn_venue01:hover,
#venueSection .tabItem.venue02tab .btn_venue02:hover,
#venueSection .tabItem.venue03tab .btn_venue03:hover,
#venueSection .tabItem.venue04tab .btn_venue04:hover,
#venueSection .tabItem.venue05tab .btn_venue05:hover,
#venueSection .tabItem.venue06tab .btn_venue06:hover{background-color: #efe1bd;color: #af0820; border: 2px solid #af0820;}

/*-----選んだタブのスタイルを変更-----*/
#venueSection #venue01tab:checked ~ label.tabItem.venue01tab .btn_venue01,
#venueSection #venue02tab:checked ~ label.tabItem.venue02tab .btn_venue02,
#venueSection #venue03tab:checked ~ label.tabItem.venue03tab .btn_venue03,
#venueSection #venue04tab:checked ~ label.tabItem.venue04tab .btn_venue04,
#venueSection #venue05tab:checked ~ label.tabItem.venue05tab .btn_venue05,
#venueSection #venue06tab:checked ~ label.tabItem.venue06tab .btn_venue06{background-color: #af0820;color: #fff;position: relative;}

/*-----タブの中身を非表示-----*/
#venueSection .tabContent {display: none;opacity: 0;padding: 0;clear: both;overflow: hidden;width: 100%;}

/*-----選んだタブの中身を表示-----*/
#venueSection #venue01tab:checked ~ #content_venue01,
#venueSection #venue02tab:checked ~ #content_venue02,
#venueSection #venue03tab:checked ~ #content_venue03,
#venueSection #venue04tab:checked ~ #content_venue04,
#venueSection #venue05tab:checked ~ #content_venue05,
#venueSection #venue06tab:checked ~ #content_venue06{display: block; opacity: 1;}

#venueSection .sectopTxt{width: 85%; max-width: 750px; margin: 0 auto; padding: 0.5em; color: #fff; font-weight: bold;background-color: #385180;}
#venueSection .tabContent {box-sizing: border-box;margin: 1em auto 0 auto;background: #fff3e3;width: 100%;}
#venueSection .venueAreaTtl {color: #fff; font-size: 150%; padding: 0.5em; text-align: center;}
#venueSection .venueUl{padding: 1em 1em;background-color: #fff3e3;width: 85%;max-width: 750px;}
#venueSection .venueUl .venueLi{padding: 1.5em;border-bottom: 1px solid #333;font-size: 100%;}
#venueSection .venueUl .venueLi:last-child{border-bottom: none;}
#venueSection .venueUl .venueLi .venueDl .venueDt{width: 20%;font-size: 130%;color: #fff3e3;}
#venueSection .venueUl .venueLi:nth-child(odd) .venueDl .venueDt{background:#af0820;}
#venueSection .venueUl .venueLi:nth-child(even) .venueDl .venueDt{background:#08441b;}
#venueSection .venueUl .venueLi .venueDl .venueDd{width: 80%;padding-left: 2em;}
#venueSection .venueUl .venueLi .venueDl .venueDd .venueNameBox {font-size: 88%;line-height: 1.3;margin-bottom: 0.5em;}
#venueSection .venueUl .venueLi .venueDl .venueDd .venueAdd{font-size: 95%;line-height: 1.5;}
#venueSection .venueUl .venueLi:nth-child(odd) .venueDl .venueDd .venueName{color:#af0820;}
#venueSection .venueUl .venueLi:nth-child(even) .venueDl .venueDd .venueName{color:#08441b;}
#venueSection .venueUl .venueLi .venueDl .venueDd .venueBtn a{background-color: #998675; text-decoration: none; font-size: 90%; padding: 0.2em 0.5em 0.4em; color: #fff3e3; border-radius: 1em; display: inline-block; line-height: 1; margin-left: 1em;}

/*--------------------------地域タブ部分ここまで--------------------------*/

.footerBoxInner{position: relative;background: url(../images/bgi_contents03.png) no-repeat top center;}
.footerBoxInner p{ color: #fff3e3; font-weight: normal; padding: 0.5em;}
.footerBoxInner:after{content: ""; display: block; width: 100%; height: 5em; background: #38572d}