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


/*-----------------------------------------

Last update:    2017-01-12

---------------------------------------*/


/*=============================
common
=============================*/
#mainarea h3{
    font-size:160%;
    padding-bottom:1.5%;
}

#mainarea h4{
    font-size:120%;
    padding:0.8% 0;
}


/*=============================
mainimg
=============================*/
#mainimg{
    clear:both;
    margin-bottom:5%;
}



/*=============================
p_nav
=============================*/
#p_nav{
}

#p_nav ul{
}

#p_nav ul li{
    width:49.8%;
    font-size:120%;
    text-align:center;
    font-weight:bolder;
}

#p_nav ul li#p_nav01{
    float:left;
}
#p_nav ul li#p_nav02{
    float:right;
}

#p_nav ul li a{
    display:block;
    background:#ffecf0;
    color:#333;
}
#p_nav ul li a span{
    display:inline-block;
    padding:2% 0;
}

#p_nav ul li a:hover{
    text-decoration:none;
    opacity:0.6;
}

#p_nav ul li#p_nav01 a span{
    background:url(../img/icon_guide.png) #ffecf0 no-repeat left center;
    background-size:15% auto;
    padding-left:1.3em;
}
#p_nav ul li#p_nav02 a span{
    background:url(../img/icon_access.png) #ffecf0 no-repeat left center;
    background-size:23.5% auto;
    padding-left:1.8em;
}



/*=============================
news01_area
=============================*/
#news01_area{
    margin:5% 3% 5% 3%;
    border:1px solid #f30;
    padding:0.5em 0.5em;

}




/*=============================
event_area
=============================*/
#event_area{
}

.event_block01{
    clear:both;
    font-size:110%;
    border-bottom:2px solid #ccc;
    margin-bottom:5%;
}

.event_block01 a{
    display:block;
	color:#333;
    margin-bottom:5%;
}

.event_block01 a:hover{
    opacity:0.6;
}

.event_block01 .photo_area01{
    float:left;
    width:26%;
}

.event_block01 .text_area01{
    float:right;
    width:71%;
}

.event_block01 dl.event_detail dt{
    font-size:120%;
    font-weight:bolder;
    line-height:1.4;
    margin-bottom:1.5%;
}

.event_block01 dl.event_detail dd{
    line-height:1.4;
}


/* icon style */
.event_block01 .icon_open{
    display:inline-block;
    background:#d80029;
    color:#fff;
    padding:0.01em 0.5em;
    border-radius:6px;
    margin-bottom:2%;
}

.event_block01 .icon_soon{
    display:inline-block;
    background:#004018;
    color:#fff;
    padding:0.01em 0.5em;
    border-radius:6px;
    margin-bottom:2%;
}

.event_block01 .icon_close{
    display:inline-block;
    background:#999999;
    color:#fff;
    padding:0.01em 0.5em;
    border-radius:6px;
    margin-bottom:2%;
}




#event_area p.bannerarea01{
	margin:0 auto;
	width:330px;
}




/*=============================
calendar_area
=============================*/
#calendar_area p{
	margin-bottom:10px;
}















/*=================================================
レスポンシブ

PC		960px以上
Tablet		600px以上959px以下
SmartPhone	599px以下
=================================================*/

/*-------------------------------------*/
/*--------- Tablet --------------------*/
/*-------------------------------------*/
/*@media screen and (min-width: 600px) and (max-width: 959px) {*/
@media screen and (max-width: 959px) {


}/*--------//(max-width: 959px)---------*/



/*-------------------------------------*/
/*--------- SmartPhone ----------------*/
/*-------------------------------------*/
@media screen and (max-width: 599px) {


#event_area p.bannerarea01{
	margin:0 auto;
	width:100%;
}


}/*--------//(max-width: 599px)---------*/