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


/*tab*/
.tab{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;}
.tab li{background:#fff; border: solid #968C5F; border-width: 1px 0 1px  1px;  -webkit-flex-grow: 1; flex-grow: 1;}
.tab li:last-child{border-width: 1px;}
.tab li.active{color: #fff; background:#968C5F;}

.tab li a{color: #968C5F; width: 100%; padding: 10px 0; display: block; text-decoration: none;}
.tab li.active a{color: #fff;}
.tab li span{line-height: 3em;}
.tab li a:hover{background: #eee;}


.tabContents {display: none;}
.tabContents.active{display: block;}



/*.tabContents{padding: 80px 0 80px; background: #EFEEE7;}*/
.inner{ max-width: 980px; padding: 80px 0 80px; background: #EFEEE7;}
.oneline{line-height: 2em;}

.mainContents{border-bottom: none;}
.mainContents > section{border-top: none;}

#party{box-sizing:content-box;}
#party #titleArea{width: 950px; margin: 110px auto 100px;}
#party h2{ font-size: 30px; color: #968C5F; border-bottom: #968C5F solid 3px; padding: 65px 0 30px;}
#party h3{color: #968C5F; font-size: 27px; margin-bottom: 15px;}
#party h4{color: #968C5F; font-size: 20px; padding: 0 0 2px; border-bottom: 1px solid #968C5F; margin-bottom: 20px;}
#party h4.p2{color: #fff; font-size: 23px; background: #968C5F; padding: 0 5px 2px; margin-bottom: 20px;}

#party .box01,
#party .box02,
#party .box03,
#party .box04,
#party .box05{margin-bottom: 80px;}

#party .box01 .img,
#party .box02 .img,
#party .box03 .img,
#party .box04 .img,
#party .box05 .img{text-align: right}

#party #tab01 section,
#party #tab02 section,
#party #tab03 section,
#party #tab04 section,
#party #tab05 section
{max-width: 800px; margin: auto; text-align: left;}



#party .leadimg{display: flex; justify-content: space-between; margin-bottom: 53px; text-align: right;}
#party .leadimg li.doc{ text-align: left;}
#party .leadimg li{/*max-width: 380px;*/ width: 48%}
#party .lead{margin-bottom: 40px;}

#party .box02 ul,
#party .box01 ul,
#party .box03 ul,
#party .box04 ul{display: flex; justify-content: space-between;}
#party .box02 ul li .img,
#party .box01 ul li .img,
#party .box03 ul li .img,
#party .box04 ul li .img{width: 180px; margin-left: 25px;}


#party #tab02 .box03 ul,
#party #tab02 .box04 ul{display:block; width: 100%;}
#party #tab02 .box03 ul li .img,
#party #tab02 .box04 ul li .img{width: 180px; float: right;}

#party #tab02 .box03 ul li::after,
#party #tab02 .box04 ul li:after{ content: "";  display: block;  clear: both;}

#party #tab02 .box02 ul{display: block;}
#party #tab02 .box02 .schedule{}
#party #tab02 .box02 .schedule li{background: #fff; padding: 0 0 15px; margin-bottom: 20px; position: relative; text-align: center;}
#party #tab02 .box02 .schedule li::after{content:url("../img/party/arrow.png"); text-align: center; display: block; position: absolute; left: 50%; bottom: -20px;}
#party #tab02 .box02 .schedule li:last-child::after{content: none;}
#party #tab02 .box02 .schedule .ttl{display: block; color: #968C5F; font-weight: bold; padding: 15px 0 0;}
#party #tab02 .box02 .schedule .date{color: #fff; background: #968C5F; padding: 2px 0; display: block;}

#party #tab05 .box01 li{width: 50%;}

#party .box01 dl{display: table;}
#party .box01 dl dt,#party .box01 dl dd{display: table-cell;}


#party .boxhalf{display: flex; justify-content: space-between;}
#party .boxhalf li{width:calc((100% - 30px) / 2);}
#party .boxhalf ul li{width: 100%;}

#party .boxhalf2{display: flex; justify-content: space-between;}
#party .boxhalf2 .img{width:calc((100% - 20px) / 2);}


#party .notice{font-size: 12px;}
#party .ind{padding-left: 1.5em;}


.bqtable .btnlink{ margin: 0 auto 100px; text-align: center;}
.tabContents .bqtable .btnlink{ margin: 100px auto 0; text-align: center;}
.bqtable .btnlink li{ max-width: 420px; margin: 0 auto 30px; position: relative;}
.bqtable .btnlink a{background: #968C5F; color: #fff; display: block; line-height: 80px; width: 100%; text-decoration: none;}

.bqtable .btnlink li::after{content: '>'; color: #fff; position: absolute; right: 50px; top: 30px;}


.bqtable .btnlink .toi a{ width: 100%; background: #fff; border: 1px solid #968C5F; color: #968C5F; display: block; line-height: 80px; text-decoration: none; }

.bqtable .btnlink li.toi::after{content: '>'; color: #968C5F; position: absolute; right: 50px; top: 30px;}

.bqtable .btnlink .aline{margin: 0 10%;}


@media screen and (max-width: 768px) {
#party #titleArea{width: 100%;}
.tabContents{}
.inner{padding: 80px 5% 30px;}

#party .tab li a{font-size: 12px;}
#party .img span{font-size: 12px;}

#party .box02 ul, #party .box01 ul, #party .box03 ul, #party .box04 ul,
#party .boxhalf,
#party .leadimg{display: block;}
#party .leadimg li:first-child{margin: 0 0 15px;}
#party .leadimg li{width: 100%}

#party .boxhalf li,
#party #tab05 .box01 li{width: 100%;}
#party #tab02 .box03 ul li .img, #party #tab02 .box04 ul li .img{float: none;}
#party .box02 ul li .img, #party .box01 ul li .img, #party .box03 ul li .img, #party .box04 ul li .img
{margin-left: 0; margin: 20px auto 0;}


  
}