@charset "UTF-8";


/****************************************************
PC向けレイアウトは
@media ( min-width : 768px )｛
｝
内に記述

スマートデバイス向けレイアウトにmedia-queriesは必要なし
****************************************************/



/******* content area *******/


/******* information area *******/




.info_box{
    border:1px solid #CCC;
}

.odd_line{
    padding:20px;
    background:#FFF;
    border-bottom:1px solid #CCC;
}

.even_line{
    padding:20px;
    background:#F7ECE3;
    border-bottom:1px solid #CCC;
}

.day{
    border-right:1px solid #CCC;
}

.info_title h3{
    text-align: center;
    margin: 40px 0 10px 0;
    font-weight: normal;
    letter-spacing: 0.1em;
}

.event_title h3{
    text-align: center;
    margin: 20px 0 10px 0;
    font-weight: normal;
    letter-spacing: 0.1em;
}

.news_title{
    text-decoration: underline;
}

.information{
    padding: 0 5px;
}

.info-table{
    width:100%;
    margin:0 auto 60px auto;
    padding:0;
    font-size:14px;
}

.info-table th{
    text-align: left;
    width: 25%;
    padding: 15px 10px 10px 10px;
    border: 1px solid #f7cdb1;
    background: #f8ddcc;
    font-weight: normal;
}
.info-table td{
    padding: 15px 10px 10px 10px;
    border: 1px solid #f7cdb1;
}
.info-table td p{
    margin: 0;
    padding: 0;
}

h4{
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 1px solid #999;
}

.info-color-red{
    color:#C10003;
}

/*年末年始*/
.nmns{
    width:100%;
    margin: 20px 0;
}
.nmns tr,
.nmns td{
    padding: 5px;
    border: 1px solid #CCC;
}
.nmns_L{
    width:50%;
    background: #EEEEEE;
   
}

.center_text{
    text-align: center;
}

.center_item{
    float: center;
    display: block;
}

.kakomi-box1 {
    margin: 1em auto;
    padding: 0.5em;
    width: 85%;
    border: 2px double #C10003; /* 枠線 */
}



@media ( max-width : 768px ){
    .info_title h3{
        text-align: center;
        margin: 40px 0 10px 0;
        font-weight: normal;
        letter-spacing: 0.1em;
    }
    
    .event_title h3{
        text-align: center;
        margin: 20px 0 10px 0;
        font-weight: normal;
        letter-spacing: 0.1em;
    }
    
    .news_title{
        text-decoration: underline;
    }
    
    .information{
        padding: 0 5px;
    }
    
    .info-table{
        width:90%;
        margin:0 auto 40px auto;
        padding:10px;
        font-size:12px;
    }
    .info-table th{
        display: block;
        text-align: left;
        width:100%;
        padding: 15px 10px 10px 10px;
        border: 1px solid #f7cdb1;
        background: #f8ddcc;
    }
    .info-table td{
        display: block;
        width:100%;
        padding: 15px 10px 10px 10px;
    }

    .nmns{
        width: 100%;
    }
    .nmns tr,
    .nmns td{
        padding: 5px;
        border: 1px solid #CCC;
    }

}