@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: 16px; }
.secBox,.secBox2{width: 92%;margin: 18% auto;}
.secBox,.secBox2 h3{font-size: 200%;margin-bottom: 0px;margin-bottom: 1em;}

.pc{display: none!important;}
.sp{display: block!important;}
/*----------------------------------------------------------------------------
***                                                                   header
----------------------------------------------------------------------------*/
#headerBox{width: 100%;/* margin:0 auto; */padding: 1em;}
#headerArea{border-top: 2em solid #FF7BAC; top: -2em;}
#headerAreaLogo .ttlTxt {font-size: 11px;color: #fff;font-weight: normal;position: absolute;top: -2.3em;width: 100%;text-align: center;left:0;line-height: 1;}
#headerAreaLogo .ttlSub {position: absolute;top: -1.2em;color: #fee5ee;font-size: 10px;text-align: center;width: 100%;font-weight: normal;left: 0;line-height: 1;margin: 0;}
.headerBoxInner{width:100%; margin:0 auto; padding: 2%;}
.headerBoxInner ul{justify-content: space-between;}
.headerBoxInner li{width: 45%;display: flex;flex-direction: column;justify-content: center;}
.headerBoxInner .ttl{width: 60%;}
.headerBoxInner .ttl img{width: 100%;height: auto;}
.headerBoxInner .sm_btn{width: 40%;}
.headerBoxInner li.sm_btn img{width: 100%;}

/*----------------------------------------------------------------------------
***                                                                  topBox
----------------------------------------------------------------------------*/
.topBox{}
.topBoxInner{width: 100%;margin:0 auto;}


/*----------------------------------------------------------------------------
***                                                                  titleBox
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
***                                                                  mainView
----------------------------------------------------------------------------*/
#mainView .mainViewInner{background: url(../images/bgi_contents01_sp.png)no-repeat top center;}
#mainView .mainViewInner .mainViewContents{max-width: 318px;}
#mainView .mainViewInner .mainTtl{max-width: 300px;}
#mainView .usagiImg{position: absolute;left: 42%;bottom: 0.5em;width: 40%;}
#mainView .kaisaiTxt{width: 30%;margin-left: 15%;margin-top: 0.5em;}
#mainView .mainViewInner .dateBox .dateAndTime{width: 100%;box-sizing: border-box;margin: 0;padding: 1em;}
#mainView .mainViewInner .dateBox .dateAndTime .date{border-bottom: 1px solid #333;padding: 0.3em 0;font-weight: bold;font-size: 140%;text-align: center;}
#mainView .mainViewInner .dateBox .dateAndTime .timeBox{padding: 0.3em;}

#mainView .mainViewInner .mainViewContentsInner{background: url("../images/img_contents03_sp.png")no-repeat top center;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding-bottom:2em; min-height: 490px;}


/*----------------------------------------------------------------------------
***                                                            summarySection
----------------------------------------------------------------------------*/
#pointSection .secTtl {width: 70%; margin: 0 auto 0.5em;}
#pointSection .eventListImg  {width: 100%;}

/*----------------------------------------------------------------------------
***                                                            summarySection
----------------------------------------------------------------------------*/
#summarySection {background: url(../images/bgi_contents06_sp.png) no-repeat top center;background-size: 108%;}
#summarySection .summarySectionInner .secTtl{padding-top: 1em;}
#summarySection .detailBox{padding: 0 7%; background-color: #a11f24;}
#summarySection .summaryBox{width: 100%;}
#summarySection .summaryBox .date{width: 100%; text-align: center; padding-left: 1em;}
#summarySection .dateBox .timeBox{width: 100%; border-left: none; padding: 0.5em 0 0;}
#summarySection .venueAndFeeBox .venue{width: 100%;text-align: center;margin: 0;}
#summarySection .venueAndFeeBox .venueDetailBtn{margin-right: 0; width: 100%;}
#summarySection .venueAndFeeBox .feeTxt{font-size: 80%;text-align: center;line-height: 1.1;}
#summarySection .venueAndFeeBox .gaibu{display: inline-block; margin-top: 0.5em;}
#summarySection .treeImg{left: 50%; transform:translate(-50%, 0); width: 180px;}
#summarySection .treeImg img{}
#summarySection .moushikomiBtn{padding-bottom: 6em;}
/*----------------------------------------------------------------------------
***                                                            priceSec
----------------------------------------------------------------------------*/
#venueSection .sectopTxt{background: none; color: #4d4d4d; width: 100%; margin-bottom: 1em;}
#venueSection .tabItem{width: 47%;}
#venueSection .venueSectionInner{padding-bottom: 4em}
#venueSection .venueUl{background: none;}
#venueSection .venueUl{padding: 0;width: 90%;}
#venueSection .venueUl .venueLi{padding: 0;border: none;margin-bottom: 1.5em;}
#venueSection .venueUl .venueLi .venueDl .venueDt{width: 100%;padding: 0.3em;}
#venueSection .venueUl .venueLi .venueDl .venueDd{width: 100%;margin: 0;padding: 5%;background: #fff3e3;}
#venueSection .bedUsagiImg{right: 0;left: inherit;width: 32%;}
#venueSection .bedUsagiImg2{left: 0;right: inherit;transform: initial;width: 25%;}