@charset "UTF-8";
/* CSS Document */
body{
    font:initial!important;
}
.ectitle{
    margin:100px auto 50px auto;
    text-align:center;
    font-size: 30px;
    line-height: 30px;
    padding: 10px 0;
    color:#FF8888;
    background-color: #FFDDDD;
}

.ectext{
    width:90%;
    max-width:700px;
    margin:auto auto 50px auto;
    font-size: 18px;
    line-height: 27px;
    color:#FF4477;
}

.plcts{
    width:90%;
    max-width:700px;
    margin:auto;
    padding-bottom: 80px;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.plcts .colors{
    width:20%;
    height: auto;
    margin: auto;
    min-height: 30px;
    background-color: #FBFFB9;
    overflow: hidden;
    text-indent: -100%;
}

.plcts .plactis{
    width:75%;
    margin: auto;
}

.plcts .plactis p{
    margin: auto;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    line-height: 25px;
    color: #686868;
    font-size: 14px;
}

.formv{
    display: block;
    width:90%;
    max-width:480px;
    margin: auto;
    text-decoration: none;
}

.formv .btn{
    border-radius:5px;
    box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
    text-align: center;
    background-color: #FF66EE;
}

.formv:hover .btn{
    background-color: #FFAAFF;
}

.formv .btn p{
    text-align: center;
    margin: auto;
    font-size: 20px;
    padding: 10px 0;
    color: #FFFFFF;
    font-weight: bold;
}



.evcl{
    width: 100%;
    margin:80px auto;
    border-collapse:collapse;
    background-color: #FFFFFF;
}

.evcl tr{
    border: 1px solid #000000;
    margin: 0;
}

.evcl tr.daiwak{
    border-bottom: 2px solid #000000;
}

.evcl th{
    padding:10px;
    background-color: #ECF6F6;
    border: 1px solid #000000;
    margin: 0;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    font-size: 14px;
}


.evcl td{
    
    padding:10px;
    border: 1px solid #000000;
    margin: 0;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    font-size: 12px;
}

.evcl td a{
    color: #800080;
}

.evcl td.name{
    font-weight: bold;
    font-size: 14px;
    border-left: none!important;
}

.evcl .pp{
    color: #800080;
}

.evcl .byl{
    background-color: #FBFFB9;
}

.evcl .bpp{
    background-color: #FFF2FF;
}

.evcl .pic{
    border: none!important;
    width:70px;
    padding: 0;
    line-height: 0;
}

.evcl .pic img{
    width:100%;
    line-height: 0;
    margin: 0;
    
}















.divtbl{
    width:100%;
    margin:80px auto;
  
}

.divtbl *{
    box-sizing: border-box;
    word-break: break-all;
}

.divtbl .tres{
    width:100%;
    margin:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.divtbl .tres .thes,.divtbl .grandm{
    padding:10px;
    background-color: #ECF6F6;
    border: 0.5px solid #000000;
    margin: 0;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.divtbl .tres .tdes,.divtbl .ginfo div{
    padding:10px;
    border: 0.5px solid #000000;
    margin: 0;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    font-size: 12px;
    text-align:left;
}

.divtbl .ginfo *{
    height: auto;
}

.divtbl .month,.divtbl .grandm{
    width:6%;
}

.divtbl .ginfo{
    width:94%;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: #FFFFFF;
}



.divtbl .evname,.divtbl .iname{
    width:40%;
    display:flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.divtbl .street,.divtbl .time,.divtbl .prace,.divtbl .inq,.divtbl .info{
    line-height: 22px;
    width:15%;
    
}

.divtbl a{
    color: #800080;
}


.divtbl .name{
    font-weight: bold;
    font-size: 14px!important;

}

.divtbl .pp{
    color: #800080;
}

.divtbl .byl{
    background-color: #FBFFB9;
}

.divtbl .bpp{
    background-color: #FFF2FF;
}

.divtbl .pic{
    border: none!important;
    width:70px;
    padding: 0;
    line-height: 0;
}

.divtbl .pic img{
    width:70px;
    line-height: 0;
    margin: 0;
    
}


.divtbl .daiwak{
    border:none;
    border-bottom: 2px solid #000000;
    margin: 0;
    background-color: #000000;
}

.divtbl .iimg{
    width:70px;
    margin: 0 10px 0 0!important;
    border: none!important;
    padding: 0!important;
    line-height: 0!important;
    
}

.divtbl .iimg img{
    width:70px;
    line-height: 0;
    margin: 0;
    padding: 0;
    border: none;
    
}


.toop{
    height: auto;
    display: block;
    overflow: hidden;
}



@media screen and (max-width: 1140px){

}

@media screen and (max-width: 1000px){
    
}

@media screen and (max-width: 900px){

}


@media screen and (max-width: 800px){  
    
}

@media screen and (max-width: 640px){
    
.divtbl .daiwak{
    border: 3px solid #000000;
    border-bottom: 2px solid #000000;
    margin: 0 0 30px 0;
}

    
.divtbl .month,.divtbl .grandm{
    width:100%;
}
    
.divtbl .ginfo{
    width:100%;
}
    
.divtbl .evname,.divtbl .iname{
    width:66%;
}

.divtbl .street,.divtbl .time,.divtbl .prace{
    width:33%;
}
    
.divtbl .inq,.divtbl .info{
    width:34%;
}
    
.divtbl .time,.divtbl .prace,.divtbl .inq{
   border-bottom: 3px #000000 solid!important; 
}
    
    
.toop{
    height: 0;
    display: none;
    border: none!important;
}

    
}

@media screen and (max-width: 480px){

}