
@charset "utf-8";

/* 画像印刷禁止設定　2021年11月19日一時停止
@media print {
	img { visibility:hidden }
}
*/

.contents-sub-header-event {
	background-color: #f8ecc4 !important;
}

.event-header {
	border-top: 3px solid #b49d29;
	text-align:center;
	min-width: 980px;  /* 最小幅 */
	overflow: hidden;
}


.base-contents-in-75-l{
	width: 75%;
	float: left;
	padding-right: 10px;
}

.event-top-twitter-haeder{
	font-weight: bold;
    text-align: left;
    line-height: 30px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-left: #b99b29 solid 4px;
}

.base-contents-in-25-r{
	width: 25%;
	float: right;
	padding-left: 10px;
}

.event-top-twitter-body{
	border: 2px solid #ddd;
}

.event-top-slider{
	border: 5px solid #ddd;
	padding: 10px;
	overflow: hidden;
	/* 角丸 */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 10px;
}

.slick-slide-event-block{
	display: table;
	width: 100%;
}

.slick-slide-event-block-img{
	display: table-cell;
	width: 40%;
	vertical-align: top;

}

.slick-slide-event-block-img-in{
	position: relative;
	padding-bottom: 75%;
}

.slick-slide-event-block-img-in img{
	position: absolute;
}

.slick-slide-event-block-img-caption , .slick-slide-event-block-img-copyright{
	font-size: 12px;
}

.slick-slide-event-block-body{
	display: table-cell;
	width: 60%;
	padding-left: 10px;
	vertical-align: top;
}

.slick-slide-event-block-title{
	font-weight: bold;
	font-size: 18px;
}



.event-color-cate1
.event-color-cate2
.event-color-cate3
.event-color-cate4{
	padding: 5px 0px;
}

.event-color-cate1 span{
	display: inline-block;
	padding: 3px 15px;
	background: #f79c1a;
	color: #FFF;
	font-size: 12px;
}

.event-color-cate2 span{
	display: inline-block;
	padding: 3px 15px;
	background: #a57ed7;
	color: #FFF;
	font-size: 12px;
}

.event-color-cate3 span{
	display: inline-block;
	padding: 3px 15px;
	background: #de4d98;
	color: #FFF;
	font-size: 12px;
}

.event-color-cate4 span{
	display: inline-block;
	padding: 3px 15px;
	background: #3d94d9;
	color: #FFF;
	font-size: 12px;
}

.event-color-cate5 span{
	display: inline-block;
	padding: 3px 15px;
	background: #6272c0;
	color: #FFF;
	font-size: 12px;
}

.event-color-cate6 span{
	display: inline-block;
	padding: 3px 15px;
	background: #a1924f;
	color: #FFF;
	font-size: 12px;
}

.slick-slide-event-block-daytext{
	margin: 5px 0px;
	padding: 5px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
}

.slick-slide-event-block-introducecontent{
	font-size: 14px;
}

.slick-slide-event-block-detail{
	padding: 10px 0px;
}

.slick-slide-event-block-detail a{
	display: inline-block;
	border: 2px solid #b39630;
	color: #b39630;
	text-transform: none;
	text-decoration: none;
	/* 角丸 */
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-radius: 20px;
	padding: 5px 40px;
	position: relative;
	font-weight: bold;
	font-size: 12px;
}

.slick-slide-event-block-detail a span{
	color: #b39630;
}

.slick-slide-event-block-detail a::before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 6px;
    height: 6px;
    padding: 0;
    content: '';
    border-top: solid 2px #b89c2b;
    border-right: solid 2px #b89c2b;
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
/* 右クリック禁止設定　2021年11月19日　一時停止・下部にもう一カ所
    pointer-events: none;
*/
}

.slick-slide-event-block-detail a:hover{
	background: #b39630;
}

.slick-slide-event-block-detail a:hover span{
	color: #FFF;
}

.slick-slide-event-block-detail a:hover::before {
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
}

.slick-slide img{
	 height: auto !important;
}

.thumb{
	padding: 10px;
}
.thumb li{
	display: block;
}

.thumb li{

	vertical-align: top;
	position: relative;

}

.thumb li .thumb-img{
	padding-bottom: 75%;
	position: relative;
	width: 96%;
	margin: auto;
}

.thumb li .thumb-img img{
	position: absolute;
}

.thumb li .thumb-info{
	position: absolute;
	width: 96%;
	bottom:0px;
	left:2%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-decoration: none;
}

.thumb-info-in{
	padding: 3px;
	font-size: 10px;
}

.thumb-info-in:nth-child(even){
	padding: 0px 3px 3px 3px;
}


.thumb a:focus, .thumb *:focus ,.slick-slide *:focus {
	outline:none;
}


.event-tab-menu{
	min-width: 980px;
	max-width:1280px;
	margin: auto;
	border-bottom: 3px solid #d7ad27;
}

.event-tab-menu-in{
	width: 960px;
	margin: auto;
	display: table;
}

.event-tab-menu-in a {
	text-decoration: none;
	display: table-cell;
	border-top: 2px #bbbbbb solid;
	border-left: 1px #bbbbbb solid;
	border-bottom: 0px #bbbbbb solid;
	border-right: 1px #bbbbbb solid;
	width: 120px;
	background-color: #FFF;
	text-align: center;
		/* 角丸 */
	-webkit-border-bottom-right-radius: 10px 10px 0 0;;
	-webkit-border-bottom-left-radius: 10px 10px 0 0;;
	-moz-border-radius-bottomright: 10px 10px 0 0;;
	-moz-border-radius-bottomleft: 10px 10px 0 0;;
	border-radius: 10px 10px 0 0; ;
	font-weight: bold;
	vertical-align: middle;
	padding: 5px;
	line-height: 20px;
}

.event-tab-menu-in a:first-child {
	border-left: 2px #bbbbbb solid;
}

.event-tab-menu-in a:last-child {
	border-right: 2px #bbbbbb solid;
}

.event-tab-menu_0 span{
	color: #d2af23;
}

.event-tab-menu_0:hover , .event-tab-menu_0.act{
	background-color: #d2af23;
}

.event-tab-menu_0:hover span,.event-tab-menu_0.act span{
	color: #FFF;
}

.event-tab-menu_1 span{
	color: #d78505;
}

.event-tab-menu_1:hover , .event-tab-menu_1.act{
	background-color: #d78505;
}

.event-tab-menu_1:hover span,.event-tab-menu_1.act span{
	color: #FFF;
}

.event-tab-menu_2 span{
	color: #9166d2;
}

.event-tab-menu_2:hover , .event-tab-menu_2.act{
	background-color: #9166d2;
}

.event-tab-menu_2:hover span,.event-tab-menu_2.act span{
	color: #FFF;
}

.event-tab-menu_3 span{
	color: #cb418e;
}

.event-tab-menu_3:hover , .event-tab-menu_3.act{
	background-color: #cb418e;
}

.event-tab-menu_3:hover span,.event-tab-menu_3.act span{
	color: #FFF;
}

.event-tab-menu_4 span{
	color: #3693d6;
}

.event-tab-menu_4:hover , .event-tab-menu_4.act{
	background-color: #3693d6;
}

.event-tab-menu_4:hover span,.event-tab-menu_4.act span{
	color: #FFF;
}

.event-tab-menu_5 span{
	color: #5e75c5;
}

.event-tab-menu_5:hover , .event-tab-menu_5.act{
	background-color: #5e75c5;
}

.event-tab-menu_5:hover span,.event-tab-menu_5.act span{
	color: #FFF;
}

.event-tab-menu_6 span{
	color: #968519;
}

.event-tab-menu_6:hover , .event-tab-menu_6.act{
	background-color: #968519;
}

.event-tab-menu_6:hover span,.event-tab-menu_6.act span{
	color: #FFF;
}

.event-tab-menu_7 span{
	color: #4fa23a;
}

.event-tab-menu_7:hover , .event-tab-menu_7.act{
	background-color: #4fa23a;
}

.event-tab-menu_7:hover span,.event-tab-menu_7.act span{
	color: #FFF;
}



.event-contents{
	position: relative;
	background-color: #fff;
	background-image: url(../images/bg_event_01.png);
	min-width:980px;
}



.event-information-block {
	width: 33.3%;
	padding: 0.5%;
	float: left;
}
.event-information-block a {
	text-decoration: none; /* aタグアンダーライン非表示 */
	color: #333;
}
.event-information-block a:hover { /* ニュースフォーカステキスト */
	color: #338855;
}
.event-information-block a:hover img { /* ニュースフォーカスサムネイル */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.event-information-block-in {
	background-color:#fff;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
	/* 角丸 */
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-radius: 0px 0px 0px 0px;
	min-height: 500px;
}

.event-information-err{
	padding: 15px;
	background: #FFF;
}
.event-information-header {
	position: relative;
}

.event-information-img{
	width: 100%;
	vertical-align: top;
	position: relative;
}

.event-information-img img{
	display: block;
	width: 100%;
	height: auto;
}

.event-information-caption, .event-information-copyright{
	padding: 0% 1% 0% 1%;
	font-size: 12px;
	color: #555;
}

.event-information-title {
	padding: 2% 4% 1% 4%;
	line-height: 1.8em;
	font-weight: bold;
	color: #000;
}

.event-information-title-category {
	padding: 0% 4% 0% 4%;
	float: left;
}
.event-information-detail {
	display: inline-block;
	border: 2px solid #b39630;
	color: #b39630;
	text-transform: none;
	text-decoration: none;
	/* 角丸 */
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-radius: 20px;
	padding: 5px 40px;
	position: relative;
	font-weight: bold;
	font-size: 12px;
	float: right;
	margin-right: 4%;
}

.event-information-daytext{
	padding: 2% 0% 1% 0%;
	margin: 5px 4%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	color: #555555;
}
.event-information-text {
	font-size: 14px;
	line-height: 1.8em;
	padding: 0% 4% 4% 4%;
	color: #555555;
}

.event-contents-in{
	max-width: 1280px;
	min-width: 980px;
	background: #FFF;
	padding: 20px;
	overflow: hidden;
	/* 角丸 */
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-radius: 10px;
}

.event-contents-in-img{
	float: left;
	width: 400px;
	padding-right: 20px;
	margin-bottom: 10px;
	background: #FFF;
}

.event-contents-in-img img{
	border: 2px #ddd8c3 solid;
}

.event-contents-in-title{
	font-weight: bold;
	font-size: 20px;
	padding: 10px 0px;
}

.event-contents-in-daytext{
	padding: 10px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

.event-contents-in-details{
	border-top: 1px dashed #ddd;
	padding: 10px 0px;
	display: table;
	width: 100%;
}

.event-contents-in-details:last-child{
	border-bottom: 1px dashed #ddd;
}

.event-contents-in-details-title{
	display: table-cell;
	width: 150px;
	text-align: center;
	vertical-align: top;
}

.event-contents-in-details-title-span{
	display: inline-block;
	padding: 3px 15px;
	background: #c8ae43;
	color: #FFF;
	font-size: 14px;
	width: 100%;
}

.event-contents-in-details-body{
	display: table-cell;
	padding: 3px 15px;
	word-break: break-all;
}

.event-header-block{
	position: relative;
	max-width: 1280px;
	min-width: 980px;
	margin: auto;
}
.event-return-btn {
	position: absolute;
	left: 0px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.event-return-btn a{
	display: inline-block;
	border: 2px solid #b39630;
	color: #b39630;
	text-transform: none;
	text-decoration: none;
	/* 角丸 */
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-radius: 20px;
	padding: 5px 40px;
	position: relative;
	font-weight: bold;
	font-size: 12px;
	background: #FFF;
}

.event-return-btn a span{
	color: #b39630;
}

.event-return-btn a::before {
    position: absolute;
    top: 50%;
    left: 20px;
    width: 6px;
    height: 6px;
    padding: 0;
    content: '';
    border-top: solid 2px #b89c2b;
    border-right: solid 2px #b89c2b;
    -ms-transform: translate(-50%,-50%) rotate(225deg);
    -webkit-transform: translate(-50%,-50%) rotate(225deg);
    transform: translate(-50%,-50%) rotate(225deg);
/* 右クリック禁止設定　2021年11月19日　一時停止・上部にもう一カ所
    pointer-events: none;
*/
}

.event-return-btn a:hover{
	background: #b39630;
}

.event-return-btn a:hover span{
	color: #FFF;
}

.event-return-btn a:hover::before {
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
}
.event-contents-in-details-body ul {
	padding-left:30px;
}