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

/*-----一覧ページ-----*/

.bg-event{  background-image:url(../img/event/bg-event.jpg); }
.bg-main-title-event{ background-color:#b8922e; }
.bg-title-event{ /*border-top:solid 4px #00aca8 !important;*/ position:relative; }
/*.bg-title-event:after{
    position: absolute;
    content: '';
    background-image: url(../img/event/obi-illust.jpg);
    width: 80px;
    height: 76px;
    right: 5%;
    top: -80px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    line-height: normal;
    z-index: 10;
    display: inline-block;
	}*/
.bg-subtitle-event{ border-top:solid 3px #b8922e !important;}

.event-list{ margin:0 auto 40px; width:100%; }
.event-list ul{ overflow:hidden; text-align: left; margin: 0 -3.3333% -3.3333% 0;}
.event-list ul li{ float:left; width:30%; margin:0 3.3333% 3.3333% 0;}
.event-list ul li p{ margin:0 auto 16px;}
.event-list ul li p:last-child{ margin:0 auto 0px;}
.event-list ul li a{ text-decoration:none;}
.event-list-number{ font-size:12px; color:#b2b2b2; margin:0 auto 10px !important;}
.event-list-txt{ font-size:14px; letter-spacing:0; visibility: hidden; position:relative; padding:0 0 40px 0; }
.event-list ul li a p.event-list-txt{ color:#333;}
.event-list-txt:after{
    position: absolute;
    content: '';
    background-image: url(../img/event/event-btn.jpg);
    width: 23px;
    height: 22px;
    left: 0%;
    top: 56px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    line-height: normal;
    z-index: 10;
    display: inline-block;
    /* transform: translate(-50%, 0px); */
}

/*-----詳細ページ-----*/

.event-detail-photo{ text-align:center; background-color:#eee; margin:0 auto 40px; }
.event-detail-photo img{ height:360px;}
.event-detail-number{ font-size:16px; color:#b2b2b2; margin:0 auto 20px;}
.event-detail-title{
	position:relative;
	    margin: 0 auto 90px;
    font-size: 30px;
    letter-spacing: 0;
    text-align: justify;
    line-height: 1.6;
    font-weight: bold;}
.event-detail-title:after {
    position: absolute;
	bottom:0;
    left:0;
    content: "";
    width: 200px;
    height: 1px;
    margin-bottom: -40px;
    background-color: #ccc;
}
.event-detail-txt{ margin: 0 auto 40px; }
.event-detail-txt p{ margin:0 auto 30px; }
.event-detail-txt p:last-child{ margin:0 auto 0;}
.event-detail-box{ border:solid 1px #ccc; padding:30px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
.event-detail-box ul li{ overflow:hidden; margin:0 auto 16px; }
.event-detail-box ul li:last-child{ margin:0 auto 0px;}
.event-detail-box ul li p.event-detail-box-l{ float:left; width:12%;}
.event-detail-box ul li p.event-detail-box-r{ float:left; width:88%;}
.event-detail-box ul li a{ background-color:#63a35c; display:block; text-align:center; color:#fff; text-decoration:none; padding:10px 0 8px 0; border-bottom:solid 3px #3e6d37;}

.event-page-navigation {
    overflow: hidden;
    margin: 36px auto 50px;
}
.event-page-navigation-l {
    float: left;
}
.event-page-navigation div a {
    font-weight: bold;
    font-size: 12px;
    border: solid 1px #cccccc;
    padding: 8px 24px 6px;
    display: inline-block;
    background-color: #fff;
    color: #191919;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    line-height: 100%;
	text-decoration:none;
}
.event-page-navigation div a:hover{
	background-color: #191919;
    color: #fff;
	}
.event-page-navigation div.event-page-navigation-l a:before {
    font-weight: normal;
    position: absolute;
    font-size: 15px !important;
    line-height: normal;
    top: 6px;
    left: 3px;
    font-family: 'Material Icons';
    content: 'keyboard_arrow_left';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color: #000;
}
.event-page-navigation div.event-page-navigation-l a:hover:before{ color:#fff; }
.event-page-navigation div.event-page-navigation-r a:before {
    font-weight: normal;
    position: absolute;
    font-size: 15px !important;
    line-height: normal;
    top: 6px;
    right: 3px;
    font-family: 'Material Icons';
    content: 'keyboard_arrow_right';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color: #000;
}
.event-page-navigation div.event-page-navigation-r a:hover:before{ color:#fff; }
.event-page-navigation-r {
    float: right;
}

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

.event-list ul{ overflow:hidden; text-align: left; margin: 0 -5% -5% 0;}
.event-list ul li{ float:left; width:45%; margin:0 5% 5% 0;}

/*-----詳細ページ-----*/

.event-detail-photo img { height: 320px; }

}

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

.event-list { margin: 0 auto 24px; width: 100%; }
.event-list ul{ margin: 0;}
.event-list ul li{ width:100%; margin:0 0 5% 0;}
.event-list-txt { font-size: 12px;}

/*-----詳細ページ-----*/

.event-detail-photo img {
    height: auto;
}
.event-detail-photo {
    margin: 0 auto 30px;
}
.event-detail-number {
    font-size: 12px;
    color: #b2b2b2;
    margin: 0 auto 10px;
}
.event-detail-title {
    margin: 0 auto 60px;
    font-size: 20px;
    line-height: 1.4;
}
.event-detail-title:after {
    width: 120px;
    margin-bottom: -30px;
}
.event-detail-txt p {
    margin: 0 auto 16px;
}
.event-detail-txt {
    margin: 0 auto 30px;
}
.event-detail-box ul li {
    margin: 0 auto 10px;
}
.event-detail-box { padding: 20px; }
.event-detail-box ul li p.event-detail-box-l{ width:20%;}
.event-detail-box ul li p.event-detail-box-r{ width:80%;}
.event-page-navigation { margin: 24px auto 40px; }

}