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

dl {
    background-color: #f4f4f4;
    font-size: 1.2rem;
    padding: 10px 0;
    color: #888888;
    align-items: center;
    text-align: center;
}
dt {
    font-size: 1rem;
    color: #006600;
    margin: 0 2%;
    font-weight: 600;
}
dd {
    margin: 0 1.2%;
}
dd a:link, dd a:visited {
    color: #006600;
    font-weight: 600;
}

p.pe_pan {
    text-align: right;
    font-size: 0.9rem;
    margin: 10px 0;
    color: #006600;
}
p.pe_pan a ,p.pe_pan_r a {
    font-weight: 600;
    color: #006600;
}

p.pe_pan_r {
    float: left;
    font-size: 0.9rem;
    margin: 10px 0;
    color: #006600;
}

.event_warp {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0;
}
.ev_img {
    width: 42%;
    margin-right: 3%;
}
.ev_txt {
    width: 55%; 
}
.ev_txt a {
   margin: 10px 0;
   font-weight: 600;
   color: #006600;
}
p.small {
    border-top: none;
    font-size: 0.8rem;
    margin-top: 10px;
}
p.comment {
    font-size: 0.8rem;
    text-align: right;
}

/*20201013追加*/
.colona {
    border: solid 2px red;
    padding: 10px 20px 20px;
    margin-bottom: 50px;
}
.colona h3 {
    font-weight: bold;
    text-align: center;
    color: #333;
    margin: 10px 0;
}
.colona p {
    font-size: 0.9rem;
}


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

dl {
    font-size: 1.1rem;
}
dt,dd {
    margin: 0 1%;
}
}

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

dl {
    padding: 5px 0;
    margin-top: -5px;
}
dt,dd {
    margin: 0 1%;
}
p.pe_pan {
   text-align: left;
}
p.pe_pan_r {
    float: none;
}
.ev_img {
    width: 100%;
    margin-right: 0;
}
.ev_txt {
    width: 100%;
    padding: 10px 10px 0;
}

/*20201013追加*/
.colona {
    margin: 0 10px 30px;
    padding: 5px 10px 10px;
}

}

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

dl {
    font-size: 1rem;
}
p.pe_pan {
    font-size: 0.8rem;
}
}


/* 2022.02.14　HP改修により追記 */
.top__nav{
	flex-wrap: wrap;
	max-width: 100% !important;
}
.top__nav li{
	margin: 0 1.5% !important;
    width: 22.5% !important;
}
.top__nav li:first-child{
	margin-left: 0 !important;
}
.top__nav li:last-child{
	margin-right: 0 !important;
}
.top__nav li a{
	border: 0 !important;
}
.contact__area {
    background-color: #f4f4f4;
	padding: 20px 0px;
    margin-bottom: 20px;
}
.contact__wrap{
	display: flex;
    justify-content: center;
    align-items: center;
}
.contact__area h3{
	margin-right: 10px;
    padding: 5px;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact__wrap > div p small{
    font-size: 0.8rem;
}
.contact__readtext{
    text-align: center;
    margin: 0 auto 15px;
}
.iframe__area{
    margin-top: 35px;
}
@media screen and ( min-width:768px){
    .iframe__area iframe{
        height: 350px !important;
    }
}
/*
.iframe__area iframe{
	height: 520px;
}*/
@media screen and ( max-width:768px) {
	.contact__area{
		width: 96%;
    	margin: 0 auto 20px;
		padding: 15px;
	}
    .contact__wrap{
		display: block;
    }
	.contact__area h3{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.contact__area p{
		text-align: center;
	}
	.top__nav li{
		margin: 0 1.5% 5% !important;
		width: 95% !important;
	}
	.top__nav li:first-child{
		margin-left: 1.5% !important;
	}
	.top__nav li:last-child{
		margin-right: 1.5% !important;
		margin-bottom: 0 !important;
	}
}
@media screen and ( max-width:414px) {
    .contact__area p.contact__readtext{
        font-size: 0.95rem;
    }
}