@charset "utf-8";

/*---------------------------------
	Event記事（information report 共通）
---------------------------------*/
.pagetit {
	margin-bottom: 20px;
}

/* カレンダーページリンク */
.head_calender_link {
	display: inline-block;
	float: right;
	margin-bottom: 15px;
	vertical-align: middle;
}

.head_calender_link:after {
	content: "";
}

.head_calender_link a:before {
	content: "";
    display: inline-block;
    background: url(../img/common/ico_calender.png) no-repeat;
    background-size: contain;
    width: 25px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

@media print, screen and (min-width:768px) {
	.head_calender_link {
		margin-bottom: 30px;
	}
	.head_calender_link a:before {
		content: "";
		display: inline-block;
		background:url(../img/common/ico_calender.png) no-repeat;
		background-size: contain;
		width: 35px;
		height: 32px;
		margin-right: 10px;
		vertical-align: middle;
	}
}




/*  イベント詳細
---------------------------------*/

/* イベントカテゴリー */
.event_cat {
	background: #999;
    padding: 15px 10px;
    overflow: hidden;
}

.cat_name {
	display: inline-block;
    color: #fff;
    float: left;
    position:relative;
    padding-left: 40px;
    font-size: 13px;
}

.event_cat.bicycle {
	background: #717782;
}

.event_cat.bicycle .cat_name:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/event_info/img_cat-cycle.png) no-repeat;
	background-size: contain;
	position: absolute;
	margin:auto;
	top: 0;
	bottom:0;
	left: 0;
}

.event_cat.fishing {
	background: #717782;
}

.event_cat.fishing .cat_name {
	padding-left: 45px;
}

.event_cat.fishing .cat_name:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/event_info/img_cat-fishing.png) no-repeat;
	background-size: contain;
	position: absolute;
	margin:auto;
	top: 0;
	bottom:0;
	left: 0;
}

.event_cat.ride-fish {
	background: #717782;
}

.event_cat.ride-fish .cat_name:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/common/ico_ride-fish.svg) no-repeat;
	background-size: contain;
	position: absolute;
	margin:auto;
	top: 0;
	bottom:0;
	left: 0;
}

.event_date {
	display: inline-block;
    float: right;
    color: #fff;
    font-size: 13px;
}

.event_date span {
	font-size: 12px;
}

@media print, screen and (min-width:768px) {
	.event_cat {
	    padding: 25px 30px;
	}
	.event_cat.bicycle .cat_name:before {
		width: 50px;
		height: 50px;
	}
	.event_cat.fishing .cat_name:before {
		width: 60px;
		height: 50px;
	}
	.event_cat.ride-fish .cat_name:before {
		width: 60px;
		height: 50px;
	}

	.cat_name {
		font-size: 18px;
		padding-left: 65px;
	}

	.event_cat.fishing .cat_name {
		padding-left: 75px;
	}
	.event_date {
		display: inline-block;
		float: right;
		color: #fff;
		font-size: 18px;
	}

	.event_date span {
		font-size: 14px;
	}
}

/* イベントタイトル */
.event_title {
	background-color: #44403f;
    color: #fff;
    text-align: center;
    padding: 25px 10px;
}

.event_title h1 {
	margin-bottom: 20px;
	font-size: 20px;
}

.event_title .event_offer_link {
	background: #fff;
	border-radius: 25px;
	display: inline-block;
	padding: 5px 15px;
	font-size: 13px;
	color: #44403f;
}

.event_title .event_offer_link.accepting:before {
	content: "申込み受付中";
}

.event_title .event_offer_link.cancel:before {
	content: "キャンセル待ち";
}

.event_title .event_offer_link.reception_end:before {
	content: "受付終了";
}

.event_title .event_offer_link.end:before {
	content: "終了";
}

.event_title .event_offer_link.report:before {
	content: "過去のレポート";
}


@media print, screen and (min-width:768px) {
}

@media print, screen and (min-width:992px) {
	.event_title h1 {
		font-size: 32px;
	}
	.event_title .event_offer_link {
		font-size: 17px;
		padding: 2px 20px;
	}
}


/* メインコンテンツ */
.column-image-auto {
	margin-bottom: 30px;
}
.acms-entry {
	margin-bottom: 40px;
}
.event_content {
	background-color: #fff;
	padding-bottom: 40px;
	margin-bottom: 45px;
}

.content_txt {
	padding:0 10px;
}

.event_mainv {
	margin-bottom: 25px;
}
.acms-col-sm-6 .caption {
	width: 95%;
}
.column-image-left + .column-image-left{
	text-align: right;
}
.column-image-left + .column-image-left .caption{
	text-align: left;
	margin-left: 5%;
}
.column-video-auto {
	margin-top: 30px;
}
.column-iframe {
	position: relative;
  width: 100%;
  padding-top: 0;
}
.event_content .column-iframe iframe {
	position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 98%;
}

.event_map {
	margin-bottom: 30px;
}

.event_form {
	/* padding: 0 10px; */
}

.event_form a {
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #888;
	margin-bottom: 20px;
	width: 100%;
	padding: 10px 0;
}

.event_form a::after {
	/*position:absolute;*/
	top:0;
	left:0;
	width:  100%;
	height: 100%;
	content:"";
	display:block;
	background-color: #fff;
	opacity:0;
}

.event_form a:hover::after {
	opacity:.3;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.event_form span {
	display: inline-block;
	position: relative;
}

.event_form span:after {
	content: "＞";
	position: absolute;
	margin:auto;
	top: 0;
	bottom: 0;
	right: -30px;
}

.event_form.bicycle a {
	background-color: #d55e12;
}

.event_form.fishing a {
	background-color: #0086a4;
}

.another_link li .other_linkbtn {
	width: auto;
}

@media print, screen and (min-width:768px) {
	.event_content img {
		width: 100%;
	}
	.event_content {
		margin-bottom: 20px !important;
		padding-top: 0;
	}
	.main_content.event {
		margin-bottom: 20px;
	}
	/* .event_content iframe {
		max-height: calc(31vw + 100px);
	} */
}

@media print, screen and (min-width:992px) {
	.event_content p {
		font-size: 14px;
		padding: 0;
	}
	/* .event_content iframe {
		max-height: 700px;
	} */
	.event_form a {
		font-size: 20px;
	}
	.event_form span:after {
		right: -40px;
	}
	.event_form {
		padding: 0;
	}
}


/* 一覧リンク */
.event_to_list li {
	background-color: #44403f;
	text-align: center;
	margin-bottom: 15px;
	letter-spacing: 0px;
	letter-spacing: 0;
}

.event_to_list li:last-child {
	margin-bottom: 0;
}


.event_to_list li span {
	position: relative;
}

.event_to_list li span:after {
	content: "›";
	position: relative;
	right: -10px;
	margin:auto;
	font-size: 18px;
	top: 0;
	bottom: 0;
}

.event_to_list li a {
	display: block;
	color: #fff;
	padding: 15px 0;
}

@media print, screen and (min-width:768px) {
	.event_to_list {
		display: table;
		margin: auto;
    width: 100%;
		max-width: 540px;
	}
	.event_to_list ul {
		overflow: hidden;
	}
	.event_to_list li {
		max-width: 220px;
		float: left;
		width: 100%;
		margin-right:100px;
	}
	.event_to_list li:last-child {
		margin-right:0;
	}
}