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

/*メイン画像*/
.topimag{
	border-top:solid 8px rgba(248,245,176,1.00);
	display: block;
	text-align: center;
}
.topimag img,
.topimag-s img {
	width: 100%;
}
.topimag-s {
    display: none;
}

/*トップバナー　花火*/
#banner-top {
    margin-top: 1rem;
}
#banner-top a:hover {
    opacity: 0.7;
}

/*インフォメーション・イベント*/
#information {
    max-height: 800px;
    overflow: scroll;
}
#information,
#infoevent {
    border: 5px solid #cccccc;
    border-radius: 10px;
    padding: 1rem;
}
#info-title img,
#event-title img {
    display: inline-block;
    padding-bottom: 15px;
    border-bottom: 5px double #cccccc;
}
#information .info-inner {
    border-bottom: 1px dotted #000000;
    margin-left: 0px;
    margin-right: 0px;
}
#information .info-photo {
    padding-left: 0;
    padding-right: 0;
}
.info-date {
    font-size: 12px;
    margin-bottom: 0.5rem;
}
.info-title {
    font-weight: bold;
}
#information p a {
    text-decoration: underline;
    font-weight: bold;
}
p.text {
    border-bottom: 1px dotted;
    padding-bottom: 1rem;
    padding-left: 1em;
}

/*サービス一覧*/
#service h5 {
    font-weight: bold;
}
#service li {
	list-style: none;
}
#service li:hover {
    opacity: 0.7;
}


/*カレンダーボタン*/
#caleadar {
    text-align: center;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    width: 310px;
    margin: 0 auto 1rem auto;
    padding: 10px;
}
#caleadar p {
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 5px;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
}
#caleadar p span {
    font-size: 12px;
}
.right-arrow {
    margin-top: 5px;
}
#caleadar:hover{
    color: #000000;
    background-color: #FFF7CB;
}
/*イベント*/
#event ul li {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 1rem;
    text-align: center;
}
#event ul {
    margin-left: 0;
    margin-right: 0;
}
#event ul li:hover {
    opacity: 0.7;
}

#guidance ul li:hover {
    opacity: 0.7;
}

/*商工会住所*/
#top-address {
    background-color: #e6e6e6;
}
#top-address dl {
    background-color: #FFFFFF;
    border-left: 5px solid #cccccc;
}
#top-address dl dt,
#top-address dl dd {
    padding: 7px;
}
#top-address dl dt {
    color: #FFFFFF;
    background-color: #51b058;
}
#top-address dl dd {
    font-size: 14px;
}
#top-address p {
	text-align: center;
}

@media(max-width: 991px){
    #information .info-photo {
        margin-bottom: 15px;
    }
#service li {
    margin-bottom: 1rem;
    }
    .col-1-5 {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media(max-width: 575px){
    .topimag {
        display: none;
    }
    .topimag-s {
    display: block;
}
    #service p {
       text-align: justify!important; 
    }
}