@charset "UTF-8";

/* ▼▼▼ イベント情報
=====================================*/
		

/* ▼  Event */
#event_info{
	background:#FDFAF2;
	padding-top: 0;
	}
#tab_box{
	background: #EDE8DF;
	}

/* 日付タブ */
.scroll_wrap{
	max-width: 1000px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	margin: 0 auto;
	}
.tab_date{
	padding: 20px 0;
	font-size: 0;
	}
.tab_date li{
    display: inline-block;
	cursor: pointer;
	}
	.tab_date li p{
		display: table;
		background: #fff;
		border-radius: 50%;
		width: 64px;
		height: 64px;
		}
	.tab_date li:hover p,
	.tab_date li.active p{
		background: #B1A9A9;
		color: #fff;
		}
	.tab_date li.sat{color: #047CBC;}
	.tab_date li.sun{color: #C94B4B;}
	.tab_date li span{
		display: table-cell;
		vertical-align: middle;
		font-size: 21px;
		text-align: center;
		}
	.tab_date li:not(:last-child){
		margin-right: 8px;
		}
	.tab_date li span small{
		font-size: 10px;
		}
	.tab_date li span small:first-child{
		vertical-align: top;
		}
	.tab_date li span small:nth-child(2){
		display: block;
		text-align: center;
		}
	

/* タブ */
.tab_wrap{
    text-align: center;
	}
	.tab_wrap input[type="radio"]{
		display:none;
		}
	.tab_area{
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	    }
	.tab_area li{
		max-width: 330px;
		width:30%;
		display:inline-block;
		background:#fff;
		border-radius: 5px 5px 0 0 / 5px 5px 0 0;
		box-shadow:0px -7px 7px -1px #eee inset;
		text-align:center;
		font-size:18px;
		cursor:pointer;
		transition:ease 0.2s opacity;
		position: relative;
		}
	.tab_area li:not(:first-child){
		margin-left: 10px;
		}
	.tab_area label{
		display: block;
	    text-align: center;
	    padding:10px 0;
	    cursor: pointer;
		}

.panel_area{
	}
	#panel1,#panel2,#panel3{background:#FDFAF2;}
	#panel1{
		padding-top: 60px;
		}
	#panel1 img{
		max-width: 650px;
		width: 100%;
		}
	.tab_panel{
		display:none;
	    text-align: center;
		padding: 30px 0 0;
		}
	.tab_panel ul.event_list{
		max-width: 1000px;
		margin: 0 auto 40px;
		overflow: hidden;
		}
	.tab_panel ul.event_list li{
		float: left;
		width: 31%;
		}
	.tab_panel ul.event_list li:hover{
		opacity: 0.6;
		}
	.tab_panel ul.event_list li:not(:nth-child(3n)){
		margin-right: 3.5%;
		}
	.tab_panel ul.event_list li:nth-child(-n + 3){
		margin-bottom: 40px;
		}
	.tab_panel h3{
		text-align: center;
		font-size: 19px;
		margin: 0 0 30px;
		}
	.tab_panel h3 span{
	    padding: 0 10px;
		font-size: 32px;
		}
	.tab_panel .event_list li p{
		font-size: 14px;
		margin: 0 0 10px;
		}
	.tab_panel .event_list li .img-container{
		width: 310px;
		height: 205px;
		}
	
#tab1:checked ~ .tab_area .tab1_label{box-shadow:none;background:#FDFAF2; color:#000;font-weight: bold;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{box-shadow:none;background:#FDFAF2; color:#000;font-weight: bold;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{box-shadow:none;background:#FDFAF2; color:#000;font-weight: bold;}
#tab3:checked ~ .panel_area #panel3{display:block;}

#page_nombre{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
	#page_nombre li{
		display: table;
		text-align: center;
		width: 45px;
		height: 45px;
		}
	#page_nombre li:not(:first-child){
		margin-left: 15px;
		}
	#page_nombre li a{
		background: #fff;
		display: table-cell;
		vertical-align: middle;
		border: 1px solid #ccc;
		color: #666;
		}
	#page_nombre li.active a,
	#page_nombre li a:hover{
		opacity: 1;
		background: #B1A9A9;
		border: 1px solid #B1A9A9;
		color: #fff;
		}

/* ディテール */
.detail .main_img{
	width: 650px;
	height: 430px;
	margin: 50px auto 20px;
	}
	.detail .title_date{
		color: #aaa;
		}
	.detail h2.event_title{
		font-size: 24px;
		}
	.detail .main_img img{
		width: 100%;
		}
.detail #news.container{
	margin: 0 auto 60px;
	}
	.detail article{
		margin: 40px 0 50px;
		}
	.detail article p.date{
		font-size: 14px;
		}
	.detail article h3{
		font-size: 24px;
		margin: 0 0 20px;
		}
	.detail #inner_follow{
		margin: 0 0 50px;
		}


/* ================================================================================================*/

/* ▼▼▼ 1024px
=====================================*/
@media screen and (max-width: 1024px) {


/* Event */
.scroll_wrap{
	margin: 0 20px;
	}
	.tab_panel{
		padding: 0 20px;
		}
	.tab_panel .event_list li .img-container{
		width: 297px;
		height: 196.5px;
		}
	#info.container{
		padding: 50px 20px 60px;
		}
}


/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {

/* ▼  Event */
/* 日付タブ */
.scroll_wrap{
	max-width: 1000px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	margin: 0 10px;
	}
.tab_date{
	padding: 10px 0;
	font-size: 0;
	}
.tab_date li{
    display: inline-block;
	}
	.tab_date li p{
		width: 48px;
		height: 48px;
		}
	.tab_date li span{
		font-size: 16px;
		}
	.tab_date li:not(:last-child){
		margin-right: 3px;
		}
	.tab_date li span small{
		font-size: 8px;
		}

/* タブ */
.tab_wrap{
    text-align: center;
	}
	.tab_wrap input[type="radio"]{
		display:none;
		}
	.tab_area{
		width: 100%;
	    padding: 0 10px;
		}
	.tab_area li{
		width: 30%;
		font-size:14px;
		box-shadow:0px -5px 5px -1px #eee inset;
		}
	.tab_area li:not(:first-child){
		margin-left: 1%;
		}
	.tab_area label{
	    padding:10px 0;
		}

	.tab_panel{
		padding: 30px 15px 0;
		}
	.tab_panel ul.event_list{
		max-width: 1000px;
		margin: 0 auto 40px;
		overflow: hidden;
		font-size: 0;
		}
	.tab_panel ul.event_list li{
		float: left;
		width: 48%;
		}

	.tab_panel ul.event_list li:not(:nth-child(3n)){
		margin-right: 0;
		}
	.tab_panel ul.event_list li:nth-child(-n + 3){
		margin-bottom: 0;
		}
	.tab_panel ul.event_list li:nth-child(odd){
		margin-right: 4%;
		}
	.tab_panel h3{
		text-align: center;
		font-size: 19px;
		margin: 0 0 30px;
		}
	.tab_panel h3 span{
	    padding: 0 10px;
		font-size: 24px;
		}
	.tab_panel .event_list li p{
		font-size: 14px;
		margin: 0 auto 10px;
		}
	.tab_panel .event_list li .img-container{
	    width: 43vw;
    	height: 29vw;
		}
#panel1{
	padding-top: 30px;
	}

#page_nombre{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	}
	#page_nombre li{
		display: table;
		text-align: center;
		width: 37px;
		height: 37px;
		}
	#page_nombre li:not(:first-child){
		margin-left: 10px;
		}

/* ディテール */
.detail section{
	margin: 40px auto;
	}
	.detail h2.event_title{
		font-size: 18px;
		margin: 0 0 20px;
		}
	.detail .main_img{
		width: 89vw;
		height: 59vw;
		margin: 0 auto 25px;
		}
		.detail .main_img img{
			width: 100%;
			}
.detail #news.container{
	margin: 0 auto 40px;
	}
	.detail article{
		margin: 20px 0 40px;
		}
	.detail article p.date{
		font-size: 12px;
		}
	.detail article h3{
		font-size: 16px;
		margin: 0 0 10px;
		}
	.detail #inner_follow{
		margin: 0 0 40px;
		}
	.detail .more_btn a{
		background: #B4B4B4!important;
		}
}